:root {
  color-scheme: light;
  --ink: #07182f;
  --muted: #64748b;
  --soft: #eef6ff;
  --panel: #ffffff;
  --line: #d8e5f4;
  --brand: #1f84e5;
  --brand-dark: #0b376d;
  --navy: #061936;
  --navy-soft: #0d2d5c;
  --accent: #3aa0ff;
  --yellow: #f2bd42;
  --green: #15a56b;
  --red: #d84b64;
  --blue: #1f84e5;
  --shadow: 0 18px 42px rgba(6, 25, 54, 0.12);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* AgencyHub Centralised Admin System V1 */
.admin-v2-shell {
  --admin-navy: #061936;
  --admin-navy-2: #031126;
  --admin-blue: #075cff;
  --admin-electric: #1688ff;
  --admin-ink: #06183f;
  --admin-muted: #5c6f91;
  --admin-line: rgba(75, 111, 166, 0.2);
  --admin-canvas: #f4f8ff;
  --admin-card: #ffffff;
  --admin-green: #0da765;
  --admin-amber: #f59b24;
  --admin-red: #ef334e;
  --admin-purple: #7048ff;
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr) !important;
  min-height: 100vh;
  min-width: 0;
  background:
    radial-gradient(circle at 18% 8%, rgba(7, 92, 255, 0.10), transparent 34%),
    linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%) !important;
}

.admin-v2-shell,
.admin-v2-shell * {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-v2-sidebar {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 100vh;
  width: 224px;
  padding: 20px 14px !important;
  gap: 18px !important;
  background:
    radial-gradient(circle at 16% 10%, rgba(24, 118, 255, 0.42), transparent 28%),
    linear-gradient(180deg, #071b44 0%, #031126 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,0.08), 20px 0 36px rgba(3, 17, 38, 0.18) !important;
}

.admin-v2-brand {
  display: grid;
  align-items: center;
  text-align: left;
  color: #fff;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  min-height: 54px;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
}

.admin-v2-brand img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  padding: 5px !important;
}

.admin-v2-brand span {
  font-size: 18px !important;
  font-weight: 850 !important;
}

.admin-v2-brand strong {
  display: none !important;
}

.admin-v2-nav {
  display: grid;
  align-content: start;
  gap: 5px !important;
  padding-right: 0 !important;
}

.admin-v2-nav button {
  display: grid;
  align-items: center;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  min-height: 40px !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

.admin-v2-nav button.active {
  color: #fff !important;
  border-color: rgba(72, 162, 255, 0.7) !important;
  background: linear-gradient(135deg, #075cff, #073189) !important;
  box-shadow: 0 0 0 1px rgba(92, 188, 255, 0.28), 0 12px 28px rgba(7, 92, 255, 0.32), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.admin-v2-collapse {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: rgba(255,255,255,0.08);
  font-weight: 760;
}

.admin-v2-main {
  min-height: 100vh;
  min-width: 0;
  padding: 18px 22px 26px !important;
}

.admin-v2-topbar {
  position: sticky;
  top: 0;
  z-index: 12;
  display: grid;
  align-items: center;
  gap: 14px;
  grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1fr) auto !important;
  min-height: 60px;
  margin: -2px 0 14px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(248, 252, 255, 0.92) !important;
  box-shadow: 0 1px 0 var(--admin-line) !important;
}

.admin-v2-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--admin-ink);
  font-size: 13px;
  font-weight: 750;
}

.admin-v2-breadcrumb span {
  color: var(--admin-ink) !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.admin-v2-breadcrumb b {
  color: #7890b2;
}

.admin-v2-breadcrumb strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-v2-search {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px !important;
  max-width: 520px;
  justify-self: center;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.admin-v2-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--admin-ink);
  font-size: 13px !important;
  font-weight: 650 !important;
}

.admin-v2-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.admin-v2-actions button:not(.admin-founder-menu) {
  position: relative;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--admin-line);
  color: var(--admin-ink);
  background: #fff;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
}

.admin-v2-actions > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e5f8ee !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  color: #007a3d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.admin-v2-actions .admin-founder-menu {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  padding: 4px 8px;
  border: 1px solid transparent;
  color: var(--admin-ink);
  background: transparent;
  min-height: 40px !important;
  border-radius: 10px !important;
}

.admin-v2-actions .admin-founder-menu strong {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #c87836, #48210f) !important;
}

.admin-v2-actions .admin-founder-menu em {
  color: var(--admin-ink) !important;
  line-height: 1.1;
}

.admin-v2-actions .admin-founder-menu small {
  color: var(--admin-muted);
  font-size: 11px;
}

.admin-command-palette {
  position: absolute;
  top: 54px;
  left: 50%;
  z-index: 20;
  width: min(560px, 52vw);
  transform: translateX(-50%);
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--admin-line);
  border-radius: 12px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 24px 60px rgba(7, 24, 68, 0.22);
}

.admin-command-head,
.admin-command-palette button {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.admin-command-head {
  grid-template-columns: 1fr auto;
  padding: 4px 4px 8px;
  color: var(--admin-ink);
}

.admin-command-palette button {
  min-height: 54px;
  padding: 9px 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  color: var(--admin-ink);
  background: #f8fbff;
  text-align: left;
}

.admin-command-palette button small,
.admin-command-palette button span {
  color: var(--admin-muted);
  font-size: 12px;
  font-weight: 760;
}

.admin-protection-strip,
.admin-settings-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  color: #314d78;
  background: rgba(255,255,255,0.74);
  font-size: 12px;
  font-weight: 720;
}

.admin-v2-page {
  display: grid;
  gap: 14px;
}

.admin-v2-page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
}

.admin-v2-page-head h2 {
  margin: 0;
  color: var(--admin-ink);
  font-size: 28px;
  line-height: 1;
  font-weight: 880;
}

.admin-v2-page-head p {
  margin: 8px 0 0;
  color: #223c6c;
  font-size: 13px;
  font-weight: 650;
}

.admin-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.admin-toolbar button,
.admin-v2-mini,
.admin-v2-panel-head > button {
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid #c8d8f3;
  border-radius: 8px;
  color: #064dcf;
  background: #fff;
  font-size: 12px;
  font-weight: 850;
}

.admin-toolbar button.primary,
.admin-v2-mini.primary {
  color: #fff;
  border-color: #075cff;
  background: linear-gradient(135deg, #075cff, #0047c7);
  box-shadow: 0 12px 24px rgba(7, 92, 255, 0.22);
}

.admin-v2-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
}

.admin-v2-kpi {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 72px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  color: var(--admin-ink);
  background: #fff;
  text-align: left;
  box-shadow: 0 10px 24px rgba(8, 34, 78, 0.06);
}

.admin-v2-kpi i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--admin-blue);
  background: #eaf2ff;
}

.admin-v2-kpi.green i { color: var(--admin-green); background: #e7f8ef; }
.admin-v2-kpi.amber i { color: var(--admin-amber); background: #fff3e2; }
.admin-v2-kpi.red i { color: var(--admin-red); background: #ffecef; }
.admin-v2-kpi.purple i { color: var(--admin-purple); background: #f1ecff; }

.admin-v2-kpi strong {
  display: block;
  color: var(--admin-ink);
  font-size: 24px;
  line-height: 1;
}

.admin-v2-kpi small {
  display: block;
  margin-top: 3px;
  color: var(--admin-ink);
  font-size: 12px;
  font-weight: 780;
}

.admin-v2-kpi em {
  display: block;
  margin-top: 4px;
  color: var(--admin-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 680;
}

.spark {
  height: 28px;
  display: block;
  background: linear-gradient(135deg, transparent 10%, rgba(7,92,255,.22) 50%, transparent 52%);
  border-bottom: 3px solid #3d78ff;
  border-radius: 8px;
  opacity: 0.75;
}

.admin-v2-panel,
.admin-profile-hero,
.admin-tabs,
.admin-v2-filterbar,
.admin-system-strip {
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 12px 28px rgba(8, 34, 78, 0.06), inset 0 1px 0 #fff;
}

.admin-v2-panel {
  min-width: 0;
  padding: 14px;
}

.admin-v2-panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.admin-v2-panel-head span,
.admin-profile-hero .admin-v2-breadcrumb span {
  color: #466187 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.admin-v2-panel-head h3 {
  margin: 3px 0 0;
  color: var(--admin-ink);
  font-size: 16px;
  line-height: 1.12;
  font-weight: 860;
}

.admin-v2-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
  gap: 12px;
}

.admin-v2-command-grid > .admin-v2-panel:nth-child(3),
.admin-v2-command-grid > .admin-v2-panel:nth-child(4) {
  grid-column: auto;
}

.admin-v2-two,
.admin-v2-rail,
.admin-v2-case-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(330px, 0.65fr);
  gap: 12px;
  align-items: start;
}

.admin-v2-rail > aside,
.admin-v2-case-grid > aside {
  display: grid;
  gap: 12px;
}

.admin-v2-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-uk-map {
  position: relative;
  height: 254px;
  overflow: hidden;
  border-radius: 8px;
  background:
    radial-gradient(circle at 38% 28%, rgba(30, 129, 255, 0.42), transparent 8%),
    radial-gradient(circle at 52% 55%, rgba(30, 129, 255, 0.50), transparent 9%),
    linear-gradient(135deg, #03142f, #082b66);
}

.admin-uk-map::before {
  content: "";
  position: absolute;
  inset: 16px 180px 16px 70px;
  background: linear-gradient(135deg, rgba(47, 134, 255, 0.2), rgba(25, 218, 171, 0.12));
  clip-path: polygon(36% 0,55% 9%,48% 24%,63% 34%,56% 52%,70% 68%,58% 100%,42% 82%,30% 70%,39% 51%,26% 36%,31% 20%);
  filter: drop-shadow(0 0 22px rgba(35, 121, 255, 0.65));
}

.admin-uk-map > button {
  position: relative;
  z-index: 2;
  display: block;
  width: 28px;
  height: 28px;
  margin: 8px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  color: #fff;
  background: rgba(255,255,255,0.08);
}

.admin-uk-map > i {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #075cff;
  box-shadow: 0 0 0 8px rgba(7,92,255,.18), 0 0 24px rgba(7,92,255,.8);
  font-style: normal;
  font-weight: 900;
}

.admin-uk-map aside {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  width: 154px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  color: rgba(255,255,255,0.86);
  background: rgba(2, 13, 32, 0.62);
  font-size: 12px;
}

.admin-uk-map aside span {
  display: flex;
  gap: 8px;
  align-items: center;
}

.admin-uk-map u,
.admin-system-strip i,
.admin-priority-list i {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #9aa9bd;
}

.admin-uk-map u.green,
.admin-system-strip i.green,
.admin-priority-list i.low,
.admin-priority-list i.green { background: var(--admin-green); }
.admin-uk-map u.amber,
.admin-system-strip i.amber,
.admin-priority-list i.high,
.admin-priority-list i.medium { background: var(--admin-amber); }
.admin-uk-map u.red,
.admin-priority-list i.critical { background: var(--admin-red); }
.admin-system-strip i.blue { background: var(--admin-blue); }

.admin-priority-list,
.admin-feed,
.admin-signal-list,
.admin-checklist,
.admin-timeline {
  display: grid;
  gap: 8px;
}

.admin-priority-list article,
.admin-feed article,
.admin-signal-list article,
.admin-checklist article,
.admin-timeline article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fbfdff;
}

.admin-feed article {
  grid-template-columns: 46px 10px minmax(0, 1fr) auto;
}

.admin-signal-list article {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.admin-priority-list strong,
.admin-feed strong,
.admin-signal-list strong {
  color: var(--admin-ink);
  font-size: 13px;
}

.admin-priority-list small,
.admin-signal-list small {
  color: var(--admin-muted);
  font-size: 11px;
  font-weight: 700;
}

.admin-v2-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 4px 9px;
  border-radius: 7px;
  color: #075cff;
  background: #eaf2ff;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.admin-v2-badge.green { color: #087446; background: #def7eb; }
.admin-v2-badge.amber { color: #b35d00; background: #fff0dc; }
.admin-v2-badge.red { color: #d71936; background: #ffe8ec; }

.admin-v2-table {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
}

.admin-v2-tr {
  width: 100%;
  min-width: 980px;
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(92px, 1fr));
  border: 0;
  border-top: 1px solid var(--admin-line);
  color: var(--admin-ink);
  background: #fff;
  text-align: left;
}

.admin-v2-tr:first-child {
  border-top: 0;
}

.admin-v2-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f4f8ff;
}

.admin-v2-tr span {
  min-width: 0;
  padding: 9px 10px;
  color: #173568;
  font-size: 12px;
  font-weight: 720;
  overflow-wrap: anywhere;
}

.admin-v2-head span {
  color: #50698e;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-v2-tr.selected,
.admin-v2-tr:hover {
  background: #f3f8ff;
}

.admin-person {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 2px 8px;
  align-items: center;
}

.admin-person i {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #15b8e8);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}

.admin-person.agency i {
  background: linear-gradient(135deg, #0f9f62, #075a4e);
}

.admin-person strong,
.admin-person small {
  display: block;
  min-width: 0;
}

.admin-person small {
  color: var(--admin-muted);
  font-size: 10px;
}

.admin-progress b,
.admin-mini-chart b {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2eaf6;
}

.admin-progress i,
.admin-mini-chart i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #075cff, #20d5c5);
}

.admin-payout-run {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.admin-payout-run strong {
  display: block;
  color: var(--admin-ink);
  font-size: 26px;
}

.admin-donut {
  --p: 70;
  width: 106px;
  height: 106px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#23d6bd calc(var(--p) * 1%), rgba(255,255,255,.16) 0), #075cff;
  color: #fff;
  box-shadow: inset 0 0 0 14px rgba(6, 24, 63, 0.72);
}

.admin-donut.big {
  width: 138px;
  height: 138px;
}

.admin-donut strong,
.admin-donut span {
  grid-area: 1 / 1;
}

.admin-donut strong {
  font-size: 26px;
  transform: translateY(-6px);
}

.admin-donut span {
  transform: translateY(18px);
  font-size: 11px;
  font-weight: 800;
}

.admin-system-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
}

.admin-system-strip button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  min-height: 54px;
  padding: 10px 14px;
  border: 0;
  border-left: 1px solid var(--admin-line);
  background: transparent;
  text-align: left;
}

.admin-system-strip button:first-child {
  border-left: 0;
}

.admin-system-strip span {
  color: var(--admin-muted);
  font-size: 11px;
}

.admin-v2-filterbar {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) repeat(7, minmax(110px, 1fr));
  gap: 8px;
  padding: 10px;
}

.admin-v2-filterbar label,
.admin-v2-filterbar button {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  color: var(--admin-ink);
  background: #fff;
  font-size: 12px;
  font-weight: 760;
}

.admin-v2-filterbar input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
}

.admin-profile-hero {
  padding: 14px;
}

.admin-profile-main {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 10px;
}

.admin-profile-avatar {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #15b8e8);
  font-size: 24px;
  font-weight: 900;
}

.admin-profile-main h2 {
  margin: 0 0 6px;
  color: var(--admin-ink);
  font-size: 28px;
  line-height: 1;
}

.admin-profile-main h2 small {
  margin-left: 8px;
  color: var(--admin-muted);
  font-size: 13px;
}

.admin-profile-main p {
  margin: 0 0 8px;
  color: #31527f;
  font-weight: 680;
}

.admin-tabs {
  display: flex;
  min-height: 42px;
  overflow-x: auto;
  padding: 0 8px;
}

.admin-tabs button {
  min-width: max-content;
  padding: 0 16px;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #344d75;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
}

.admin-tabs button.active {
  color: var(--admin-blue);
  border-bottom-color: var(--admin-blue);
}

.admin-v2-profile-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.5fr) minmax(320px, 0.9fr);
  gap: 12px;
  align-items: start;
}

.admin-v2-case-grid {
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1fr) minmax(320px, .8fr);
}

.admin-def-list {
  display: grid;
  gap: 0;
}

.admin-def-list div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--admin-line);
}

.admin-def-list dt {
  color: var(--admin-muted);
  font-size: 11px;
  font-weight: 850;
}

.admin-def-list dd {
  margin: 0;
  color: var(--admin-ink);
  font-size: 12px;
  font-weight: 760;
}

.admin-line-chart {
  margin-top: 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f4f8ff);
}

.admin-line-chart svg {
  width: 100%;
  height: 120px;
}

.admin-action-grid,
.admin-segment-grid,
.admin-region-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.admin-action-grid.danger .admin-v2-mini {
  color: var(--admin-red);
  border-color: rgba(239, 51, 78, 0.35);
  background: #fff8f8;
}

.admin-mini-chart {
  display: grid;
  gap: 8px;
}

.admin-mini-chart article {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr) 52px;
  align-items: center;
  gap: 8px;
  color: #31527f;
  font-size: 12px;
  font-weight: 760;
}

.admin-site-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.admin-site-grid article,
.admin-booking-summary,
.admin-donut-card {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fbfdff;
}

.admin-timeline article {
  grid-template-columns: 16px minmax(0, 1fr);
}

.admin-timeline i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--admin-blue);
  box-shadow: 0 0 0 4px #eaf2ff;
}

.admin-timeline-board {
  overflow: auto;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
}

.admin-timeline-board .axis {
  min-width: 760px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  padding: 8px;
  color: #50698e;
  background: #f4f8ff;
  font-size: 11px;
  font-weight: 850;
}

.admin-timeline-board article {
  position: relative;
  min-width: 760px;
  min-height: 54px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  border-top: 1px solid var(--admin-line);
}

.admin-timeline-board article strong {
  padding-left: 12px;
  color: var(--admin-ink);
  font-size: 12px;
}

.admin-timeline-board article button {
  position: absolute;
  top: 9px;
  height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #bdd5fb;
  border-radius: 8px;
  color: var(--admin-ink);
  background: #eaf2ff;
}

.admin-timeline-board article button.critical {
  border-color: rgba(239, 51, 78, 0.4);
  background: #ffecef;
}

.admin-review-card dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.admin-review-card dl div {
  padding: 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
}

.admin-settings-nav,
.admin-settings-fields,
.admin-settings-toggles {
  display: grid;
  gap: 8px;
}

.admin-v2-settings-grid {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 360px;
  gap: 12px;
  align-items: start;
}

.admin-settings-nav {
  position: sticky;
  top: 76px;
  padding: 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fff;
}

.admin-settings-nav button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  color: #344d75;
  background: transparent;
  text-align: left;
  font-weight: 800;
}

.admin-settings-nav button.active {
  color: var(--admin-blue);
  background: #eaf2ff;
}

.admin-settings-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-settings-fields label {
  display: grid;
  gap: 5px;
}

.admin-settings-fields span,
.admin-settings-toggles span {
  color: #344d75;
  font-size: 12px;
  font-weight: 800;
}

.admin-settings-fields input {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  color: var(--admin-ink);
  background: #fbfdff;
  font-weight: 750;
}

.admin-settings-toggles label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background: rgba(3, 17, 38, 0.54);
}

.admin-modal {
  width: min(480px, calc(100vw - 32px));
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
}

.admin-modal span {
  color: var(--admin-blue);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.admin-modal h3 {
  margin: 0;
  color: var(--admin-ink);
  font-size: 24px;
}

.admin-modal p {
  margin: 0;
  color: var(--admin-muted);
  line-height: 1.45;
}

.admin-modal label {
  display: grid;
  gap: 6px;
  color: var(--admin-ink);
  font-weight: 850;
}

.admin-modal textarea {
  min-height: 92px;
  padding: 10px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
}

.admin-modal div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.admin-modal button {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--admin-blue);
  font-weight: 850;
}

.admin-modal button.primary {
  color: #fff;
  background: var(--admin-blue);
}

.admin-modal button:disabled {
  opacity: .45;
}

.admin-live-pill,
.admin-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin-left: 8px;
  padding: 7px 12px;
  border: 1px solid var(--admin-line);
  border-radius: 999px;
  color: #087446;
  background: #fff;
  font-size: 12px;
  font-weight: 850;
}

.admin-live-pill i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--admin-green);
}

@media (max-width: 1360px) {
  .admin-v2-shell {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    min-width: 0;
  }
  .admin-v2-brand span,
  .admin-v2-nav span,
  .admin-v2-collapse span {
    display: none !important;
  }
  .admin-v2-brand,
  .admin-v2-nav button {
    grid-template-columns: 1fr !important;
    justify-items: center;
  }
  .admin-v2-page-head,
  .admin-v2-two,
  .admin-v2-rail,
  .admin-v2-command-grid,
  .admin-v2-profile-grid,
  .admin-v2-case-grid,
  .admin-v2-settings-grid {
    grid-template-columns: 1fr;
  }
  .admin-site-grid,
  .admin-v2-three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Candidate Payments premium page: approved reference final override. */
:root {
  --agencyhub-app-gutter: 8px;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 var(--agencyhub-app-gutter) 132px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  background:
    linear-gradient(180deg, #071f4a 0 70px, #f5f8fd 70px 100%) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(4,41,118,0.94), rgba(10,91,236,0.9)),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 16px) !important;
  border: 1px solid rgba(112, 171, 255, 0.28) !important;
  box-shadow: 0 18px 42px rgba(4, 35, 89, 0.22) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 3px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  color: rgba(235,244,255,0.9) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button.active {
  color: #fff !important;
  background:
    linear-gradient(150deg, #1578ff, #0649d8),
    linear-gradient(180deg, rgba(255,255,255,0.2), transparent) !important;
  border-color: rgba(140, 199, 255, 0.46) !important;
  box-shadow: 0 12px 24px rgba(0, 68, 196, 0.28), inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs svg {
  width: 18px !important;
  height: 18px !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs span {
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.candidate-payments-page,
.candidate-payments-page * {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.candidate-payments-page {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 10px !important;
  padding: 0 0 22px !important;
  overflow-x: hidden !important;
}

.candidate-payments-page .payments-os-hero,
.candidate-payments-page .payments-os-card,
.candidate-payments-page .payments-status-strip {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  border-radius: 18px !important;
}

.candidate-payments-page .payments-os-hero {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 12px !important;
  padding: 18px 16px 16px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(82, 206, 255, 0.38), transparent 27%),
    radial-gradient(circle at 18% 82%, rgba(27, 123, 255, 0.28), transparent 32%),
    linear-gradient(142deg, #061b45 0%, #063bb4 42%, #126cff 70%, #08194d 100%) !important;
  border: 1px solid rgba(124, 189, 255, 0.36) !important;
  box-shadow: 0 22px 48px rgba(2, 35, 91, 0.32), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.candidate-payments-page .payments-os-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(100deg, rgba(255,255,255,0.14), transparent 32%, rgba(255,255,255,0.1) 54%, transparent 74%),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 15px) !important;
}

.candidate-payments-page .payments-os-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.candidate-payments-page .payments-os-topline,
.candidate-payments-page .payments-os-hero-core,
.candidate-payments-page .payments-os-summary-rows,
.candidate-payments-page .payroll-window-head,
.candidate-payments-page .weekly-earnings-head,
.candidate-payments-page .payments-section-head,
.candidate-payments-page .payout-option-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.candidate-payments-page .payments-os-topline span,
.candidate-payments-page .payments-section-head span,
.candidate-payments-page .weekly-earnings-head span,
.candidate-payments-page .candidate-agency-review-card > div > span,
.candidate-payments-page .payroll-window-head span,
.candidate-payments-page .payout-option-top span {
  display: block !important;
  color: #0f5fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.candidate-payments-page .payments-os-topline span {
  color: rgba(232,244,255,0.86) !important;
}

.candidate-payments-page .payments-os-topline em,
.candidate-payments-page .payments-section-head > em,
.candidate-payments-page .weekly-earnings-head > em,
.candidate-payments-page .payout-option-top em,
.candidate-payments-page .payroll-window-head em {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  color: #075cff !important;
  background: rgba(232,242,255,0.94) !important;
  border: 1px solid rgba(154, 199, 255, 0.5) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.candidate-payments-page .payments-os-topline em {
  color: #fff !important;
  background: rgba(5, 24, 70, 0.42) !important;
  border-color: rgba(158, 211, 255, 0.28) !important;
}

.candidate-payments-page .payments-os-copy {
  flex: 1 1 auto !important;
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .payments-os-title small,
.candidate-payments-page .payments-os-main-amount span,
.candidate-payments-page .payments-os-main-amount small,
.candidate-payments-page .payments-os-summary-rows small,
.candidate-payments-page .payments-os-hero p {
  color: rgba(230,242,255,0.82) !important;
}

.candidate-payments-page .payments-os-title h2 {
  max-width: 245px !important;
  margin: 5px 0 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payments-os-main-amount strong {
  display: block !important;
  margin-top: 2px !important;
  color: #fff !important;
  font-size: 42px !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payments-os-art {
  flex: 0 0 118px !important;
  height: 118px !important;
  position: relative !important;
  align-self: center !important;
  filter: drop-shadow(0 18px 22px rgba(2,14,56,0.3)) !important;
}

.candidate-payments-page .payments-os-art i,
.candidate-payments-page .payments-os-art u {
  position: absolute !important;
  display: block !important;
  inset: 24px 18px 15px 28px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(111,202,255,0.9), rgba(8,85,244,0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 20px 30px rgba(0,42,148,0.34) !important;
  transform: rotate(-9deg) !important;
}

.candidate-payments-page .payments-os-art u {
  inset: 36px 4px 4px 42px !important;
  opacity: 0.72 !important;
  transform: rotate(6deg) !important;
}

.candidate-payments-page .payments-os-art b {
  position: absolute !important;
  inset: 43px 24px auto auto !important;
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(145deg, #062e9a, #1a86ff) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

.candidate-payments-page .payments-os-summary-rows {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.candidate-payments-page .payments-os-summary-rows span {
  display: grid !important;
  align-content: center !important;
  min-height: 66px !important;
  padding: 10px 8px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(178,216,255,0.22) !important;
}

.candidate-payments-page .payments-os-summary-rows strong {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

.candidate-payments-page .payments-os-hero p {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  background: rgba(3, 15, 48, 0.35) !important;
  border: 1px solid rgba(178,216,255,0.2) !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.candidate-payments-page .payments-status-strip,
.candidate-payments-page .payments-os-card {
  border: 1px solid rgba(188,207,232,0.8) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(224,239,255,0.88), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(249,252,255,0.96)) !important;
  box-shadow: 0 16px 32px rgba(7, 31, 72, 0.08), inset 0 1px 0 #fff !important;
}

.candidate-payments-page .payments-status-strip {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 13px !important;
}

.candidate-payments-page .payments-status-strip > i {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  border-radius: 50% !important;
  background: #13b981 !important;
  box-shadow: 0 0 0 6px rgba(19,185,129,0.12) !important;
}

.candidate-payments-page .payments-status-strip strong,
.candidate-payments-page .payments-status-strip small {
  display: block !important;
}

.candidate-payments-page .payments-status-strip strong {
  color: #071b3d !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.candidate-payments-page .payments-status-strip small {
  margin-top: 2px !important;
  color: #647895 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.candidate-payments-page .payments-os-card {
  padding: 16px !important;
}

.candidate-payments-page .payments-section-head h3,
.candidate-payments-page .weekly-earnings-head h3,
.candidate-payments-page .candidate-agency-review-card h3 {
  margin: 6px 0 4px !important;
  color: #071b3d !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payments-section-head p,
.candidate-payments-page .payments-os-card p,
.candidate-payments-page .weekly-earnings-head p {
  margin: 0 !important;
  color: #647895 !important;
  font-size: 13px !important;
  line-height: 1.36 !important;
}

.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .payroll-window-status,
.candidate-payments-page .weekly-earnings-breakdown {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  border: 1px solid #d9e5f5 !important;
  background: rgba(255,255,255,0.78) !important;
}

.candidate-payments-page .payroll-window-status span,
.candidate-payments-page .weekly-earnings-breakdown article {
  min-height: 72px !important;
  padding: 12px 10px !important;
  border-right: 1px solid #dbe6f5 !important;
}

.candidate-payments-page .payroll-window-status span:last-child,
.candidate-payments-page .weekly-earnings-breakdown article:last-child {
  border-right: 0 !important;
}

.candidate-payments-page .payroll-window-status small,
.candidate-payments-page .weekly-earnings-breakdown small,
.candidate-payments-page .weekly-earnings-hero-line small {
  display: block !important;
  color: #6b7c96 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.candidate-payments-page .payroll-window-status strong,
.candidate-payments-page .weekly-earnings-breakdown strong {
  display: block !important;
  margin-top: 6px !important;
  color: #071b3d !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payroll-countdown-module,
.candidate-payments-page .payroll-progress-card,
.candidate-payments-page .payroll-pending-panel.premium,
.candidate-payments-page .payroll-ready-panel,
.candidate-payments-page .payroll-window-foot {
  border-radius: 14px !important;
  border: 1px solid #dbe6f5 !important;
  background: #f6faff !important;
}

.candidate-payments-page .payroll-countdown-module {
  padding: 12px !important;
}

.candidate-payments-page .payroll-quiet-window {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #071b3d, #0d4fc9) !important;
  color: #fff !important;
}

.candidate-payments-page .payroll-quiet-window small,
.candidate-payments-page .payroll-quiet-window strong,
.candidate-payments-page .payroll-quiet-window b {
  display: block !important;
  color: #fff !important;
}

.candidate-payments-page .payroll-quiet-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.candidate-payments-page .payroll-quiet-meta span {
  padding: 8px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

.candidate-payments-page .payroll-progress-card {
  position: relative !important;
  padding: 12px !important;
}

.candidate-payments-page .payroll-progress-track {
  height: 4px !important;
  margin: 20px 12% 10px !important;
  border-radius: 999px !important;
  background: #dbe6f5 !important;
}

.candidate-payments-page .payroll-progress-track span {
  display: block !important;
  width: var(--payroll-track-progress, 45%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0d6dff, #47d8c5) !important;
}

.candidate-payments-page .payroll-progress-stages {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.candidate-payments-page .payroll-stage {
  text-align: center !important;
}

.candidate-payments-page .payroll-stage > i {
  width: 28px !important;
  height: 28px !important;
  margin: -28px auto 8px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1px solid #bcd3f2 !important;
}

.candidate-payments-page .payroll-stage svg {
  width: 14px !important;
  height: 14px !important;
}

.candidate-payments-page .payroll-stage strong,
.candidate-payments-page .payroll-stage small,
.candidate-payments-page .payroll-stage em {
  display: block !important;
}

.candidate-payments-page .payroll-stage strong {
  color: #071b3d !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.candidate-payments-page .payroll-stage em {
  margin-top: 2px !important;
  color: #647895 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
}

.candidate-payments-page .payroll-pending-panel.premium,
.candidate-payments-page .payroll-ready-panel,
.candidate-payments-page .payroll-window-foot {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
}

.candidate-payments-page .payroll-pending-panel.premium > i,
.candidate-payments-page .payroll-ready-panel > svg,
.candidate-payments-page .payroll-window-foot > svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

.candidate-payments-page .payroll-pending-panel.premium button,
.candidate-payments-page .candidate-agency-review-card button,
.candidate-payments-page .weekly-source-toggle,
.candidate-payments-page .weekly-payslip-action,
.candidate-payments-page .payout-option-card button,
.candidate-payments-page .payments-help-toggle,
.candidate-payments-page .payments-recent-card > button {
  min-height: 48px !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.candidate-payments-page .payroll-pending-panel.premium button,
.candidate-payments-page .candidate-agency-review-card button,
.candidate-payments-page .weekly-payslip-action,
.candidate-payments-page .payments-help-toggle,
.candidate-payments-page .payments-recent-card > button,
.candidate-payments-page .payout-option-card button.primary {
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(17,112,255,0.96), rgba(6,38,113,0.96)),
    radial-gradient(circle at 22% 0, rgba(255,255,255,0.38), transparent 32%) !important;
  border: 1px solid rgba(70,146,255,0.45) !important;
  box-shadow: 0 16px 28px rgba(5, 82, 210, 0.24), inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

.candidate-payments-page .candidate-agency-review-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 12px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 90% 22%, rgba(255, 190, 105, 0.2), transparent 34%),
    linear-gradient(145deg, #fffaf1, #ffffff) !important;
  border-color: rgba(245, 184, 92, 0.38) !important;
}

.candidate-payments-page .weekly-source-card {
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .weekly-earnings-hero-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  align-items: end !important;
}

.candidate-payments-page .weekly-earnings-hero-line strong {
  color: #1271ff !important;
  font-size: 34px !important;
  line-height: 0.95 !important;
}

.candidate-payments-page .weekly-earnings-hero-line span {
  grid-column: 1 / -1 !important;
  color: #647895 !important;
  font-size: 12px !important;
}

.candidate-payments-page .weekly-earnings-breakdown article {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}

.candidate-payments-page .weekly-earnings-breakdown article > svg {
  width: 22px !important;
  height: 22px !important;
  color: #126cff !important;
}

.candidate-payments-page .weekly-earnings-breakdown em {
  display: block !important;
  margin-top: 3px !important;
  color: #647895 !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-style: normal !important;
}

.candidate-payments-page .weekly-source-list,
.candidate-payments-page .payout-choice-stack,
.candidate-payments-page .payments-stage-list,
.candidate-payments-page .payments-recent-list {
  display: grid !important;
  gap: 8px !important;
}

.candidate-payments-page .weekly-source-list article,
.candidate-payments-page .payments-stage-list article,
.candidate-payments-page .payments-recent-list article {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid #e2ebf7 !important;
}

.candidate-payments-page .weekly-source-list i,
.candidate-payments-page .payments-stage-list i,
.candidate-payments-page .payments-recent-list i,
.candidate-payments-page .payments-help-intro > i {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #eaf3ff !important;
  color: #075cff !important;
  font-style: normal !important;
}

.candidate-payments-page .weekly-source-list svg,
.candidate-payments-page .payments-stage-list svg,
.candidate-payments-page .payments-recent-list svg,
.candidate-payments-page .payments-help-intro svg {
  width: 18px !important;
  height: 18px !important;
}

.candidate-payments-page .payout-option-card {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid #dbe6f5 !important;
  background: #fff !important;
}

.candidate-payments-page .payout-option-card.selected {
  border-color: rgba(18,108,255,0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(18,108,255,0.26), 0 12px 28px rgba(20,86,190,0.1) !important;
}

.candidate-payments-page .payout-option-amount strong {
  display: block !important;
  color: #071b3d !important;
  font-size: 29px !important;
  line-height: 1 !important;
}

.candidate-payments-page .payout-option-card ul,
.candidate-payments-page .payout-fee-breakdown {
  margin: 0 !important;
  padding: 10px !important;
  display: grid !important;
  gap: 7px !important;
  border-radius: 13px !important;
  background: #f7fbff !important;
  border: 1px solid #e0eaf7 !important;
}

.candidate-payments-page .payout-option-card li,
.candidate-payments-page .payout-fee-breakdown span {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 24px !important;
  color: #071b3d !important;
  font-size: 12px !important;
  list-style: none !important;
}

.candidate-payments-page .payout-option-card li small,
.candidate-payments-page .payout-fee-breakdown small {
  color: #647895 !important;
  font-weight: 850 !important;
}

.candidate-payments-page .payout-fee-breakdown .total {
  margin: 3px -4px -4px !important;
  padding: 8px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, rgba(226,247,239,0.96), rgba(241,250,255,0.96)) !important;
  color: #05724f !important;
}

.candidate-payments-page .payments-help-panel {
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .payments-help-intro {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.candidate-payments-page .payments-help-intro strong {
  display: block !important;
  color: #071b3d !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payments-stage-list {
  position: relative !important;
}

.candidate-payments-page .payments-stage-list article {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  border-bottom: 0 !important;
}

.candidate-payments-page .payments-stage-list article.current {
  margin-inline: -4px !important;
  padding-inline: 8px !important;
  border-radius: 12px !important;
  background: #eef6ff !important;
  border: 1px solid #cfe0f6 !important;
}

.candidate-payments-page .payments-stage-list strong,
.candidate-payments-page .payments-recent-list strong {
  display: block !important;
  color: #071b3d !important;
  font-size: 14px !important;
}

.candidate-payments-page .payments-stage-list small,
.candidate-payments-page .payments-recent-list small {
  display: block !important;
  color: #647895 !important;
  font-size: 12px !important;
}

.candidate-payments-page .payments-stage-list em {
  justify-self: end !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: #e7f7f1 !important;
  color: #168b68 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

@media@media (max-width: 430px) {
  .candidate-payments-page .payments-os-hero {
    padding: 16px 14px 14px !important;
  }

  .candidate-payments-page .payments-os-hero-core {
    align-items: center !important;
  }

  .candidate-payments-page .payments-os-title h2 {
    max-width: 215px !important;
    font-size: 22px !important;
  }

  .candidate-payments-page .payments-os-main-amount strong {
    font-size: 38px !important;
  }

  .candidate-payments-page .payments-os-art {
    flex-basis: 92px !important;
    height: 98px !important;
  }

  .candidate-payments-page .payments-os-summary-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .candidate-payments-page .payments-os-summary-rows span {
    min-height: 58px !important;
  }

  .candidate-payments-page .candidate-agency-review-card,
  .candidate-payments-page .payroll-quiet-window {
    grid-template-columns: 1fr !important;
  }

  .candidate-payments-page .candidate-agency-review-card button {
    width: 100% !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown {
    grid-template-columns: 1fr !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown article {
    border-right: 0 !important;
    border-bottom: 1px solid #dbe6f5 !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown article:last-child {
    border-bottom: 0 !important;
  }
}

/* Candidate Payments premium page: final override. */
.app-shell:has(.candidate-payments-page) {
  --agencyhub-app-gutter: 8px;
  --payments-navy: #071d42;
  --payments-blue: #075cff;
  --payments-ink: #061c43;
  --payments-muted: #637695;
}

.app-shell:has(.candidate-payments-page) .content.earnings-content.worker-finance-page.worker-fintech-page {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 var(--agencyhub-app-gutter) 112px !important;
  gap: 12px !important;
  background: linear-gradient(180deg, rgba(8,31,73,0) 0 84px, #edf4fc 84px 100%) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs {
  width: calc(100% + (var(--agencyhub-app-gutter) * 2)) !important;
  margin: 0 calc(var(--agencyhub-app-gutter) * -1) 0 !important;
  padding: 10px var(--agencyhub-app-gutter) 14px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border-radius: 0 0 22px 22px !important;
  background:
    radial-gradient(circle at 13% 10%, rgba(56,160,255,0.32), transparent 28%),
    repeating-linear-gradient(150deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 15px),
    linear-gradient(135deg, #06245d 0%, #075cff 62%, #134fff 100%) !important;
  box-shadow: 0 18px 30px rgba(5, 34, 91, 0.22) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs button {
  min-width: 0 !important;
  height: 58px !important;
  padding: 7px 3px !important;
  border-radius: 13px !important;
  color: rgba(255,255,255,0.88) !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs button.active {
  background: linear-gradient(135deg, #1680ff, #094fe8) !important;
  color: #fff !important;
  border-color: rgba(121,190,255,0.62) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs svg {
  width: 18px !important;
  height: 18px !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.candidate-payments-page,
.candidate-payments-page > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.candidate-payments-page {
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .payments-os-card,
.candidate-payments-page .payments-os-hero,
.candidate-payments-page .payments-status-strip {
  border-radius: 18px !important;
  border: 1px solid rgba(116,154,209,0.24) !important;
  box-shadow: 0 18px 42px rgba(17,42,82,0.11), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.candidate-payments-page .payments-os-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 302px !important;
  padding: 16px 14px 14px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(41,204,255,0.34), transparent 28%),
    repeating-linear-gradient(145deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 15px),
    linear-gradient(138deg, #061633 0%, #063fb7 49%, #4322a7 100%) !important;
}

.candidate-payments-page .payments-os-hero-core {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 116px !important;
  gap: 10px !important;
  align-items: center !important;
}

.candidate-payments-page .payments-os-topline,
.candidate-payments-page .payroll-window-head,
.candidate-payments-page .weekly-earnings-head,
.candidate-payments-page .payments-section-head,
.candidate-payments-page .payout-option-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.candidate-payments-page .payments-os-topline {
  align-items: center !important;
  margin-bottom: 14px !important;
  color: #dceaff !important;
  font-weight: 900 !important;
}

.candidate-payments-page .payments-os-topline em,
.candidate-payments-page .payroll-window-head > em,
.candidate-payments-page .weekly-earnings-head > em,
.candidate-payments-page .payout-option-top em {
  flex: 0 0 auto !important;
  min-height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: #075cff !important;
  background: #eaf3ff !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.candidate-payments-page .payments-os-topline em {
  color: #eaf4ff !important;
  background: rgba(1,18,53,0.45) !important;
  border: 1px solid rgba(129,190,255,0.24) !important;
}

.candidate-payments-page .payments-os-title h2 {
  margin: 5px 0 14px !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
}

.candidate-payments-page .payments-os-main-amount strong {
  display: block !important;
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 39px !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payments-os-art {
  position: relative !important;
  width: 112px !important;
  height: 104px !important;
  justify-self: end !important;
}

.candidate-payments-page .payments-os-art i,
.candidate-payments-page .payments-os-art u {
  position: absolute !important;
  display: block !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(156,206,255,0.92), rgba(5,92,255,0.92)) !important;
  box-shadow: 0 24px 38px rgba(0,24,92,0.35), inset 0 1px 0 rgba(255,255,255,0.58) !important;
}

.candidate-payments-page .payments-os-art i {
  inset: 8px 22px 10px 6px !important;
  transform: rotate(-5deg) !important;
}

.candidate-payments-page .payments-os-art u {
  inset: 22px 0 0 34px !important;
  transform: rotate(6deg) !important;
}

.candidate-payments-page .payments-os-art b {
  position: absolute !important;
  z-index: 2 !important;
  inset: 32px 19px auto auto !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 32px !important;
  background: linear-gradient(145deg, #2ecfff, #075cff 70%) !important;
}

.candidate-payments-page .payments-os-summary-rows {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 14px !important;
}

.candidate-payments-page .payments-os-summary-rows span {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 7px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

.candidate-payments-page .payments-os-summary-rows strong {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.04 !important;
}

.candidate-payments-page .payments-os-card,
.candidate-payments-page .payments-payroll-clock,
.candidate-payments-page .weekly-source-card,
.candidate-payments-page .payments-payout-choice,
.candidate-payments-page .payments-help-card,
.candidate-payments-page .payments-os-timeline,
.candidate-payments-page .payments-recent-card {
  padding: 14px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.99), rgba(247,251,255,0.96)) !important;
}

.candidate-payments-page .candidate-agency-review-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 142px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,204,121,0.28), transparent 31%),
    repeating-linear-gradient(145deg, rgba(167,96,16,0.055) 0 1px, transparent 1px 16px),
    linear-gradient(145deg, #fffaf1, #fffefd) !important;
  border-color: rgba(235,176,93,0.42) !important;
}

.candidate-payments-page .candidate-agency-review-card h3 {
  margin: 3px 0 !important;
  color: #7b4b0b !important;
  font-size: 26px !important;
}

.candidate-payments-page .payments-payroll-clock .payroll-countdown-module,
.candidate-payments-page .payroll-pending-panel,
.candidate-payments-page .payroll-ready-panel,
.candidate-payments-page .payroll-window-foot {
  display: none !important;
}

.candidate-payments-page .payroll-window-status,
.candidate-payments-page .weekly-earnings-breakdown {
  display: grid !important;
  gap: 7px !important;
}

.candidate-payments-page .payroll-window-status {
  grid-template-columns: 1fr 0.85fr !important;
  margin-bottom: 10px !important;
}

.candidate-payments-page .weekly-earnings-breakdown {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 9px !important;
}

.candidate-payments-page .weekly-earnings-breakdown article {
  min-width: 0 !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 6px !important;
  align-items: center !important;
  padding: 8px !important;
  border-radius: 14px !important;
}

.candidate-payments-page .weekly-earnings-breakdown svg {
  width: 20px !important;
  height: 20px !important;
}

.candidate-payments-page .weekly-earnings-breakdown strong {
  display: block !important;
  color: var(--payments-ink) !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}

.candidate-payments-page .weekly-earnings-breakdown em {
  display: block !important;
  margin-top: 2px !important;
  color: #637695 !important;
  font-size: 9px !important;
  font-style: normal !important;
  line-height: 1.15 !important;
}

.candidate-payments-page .weekly-payslip-action,
.candidate-payments-page .weekly-source-toggle,
.candidate-payments-page .candidate-agency-review-card button,
.candidate-payments-page .payments-help-card button,
.candidate-payments-page .payments-recent-card > button,
.candidate-payments-page .payout-option-card button {
  min-height: 42px !important;
  border-radius: 13px !important;
  font-weight: 950 !important;
}

.candidate-payments-page .weekly-payslip-action,
.candidate-payments-page .candidate-agency-review-card button,
.candidate-payments-page .payments-recent-card > button,
.candidate-payments-page .payout-option-card button.primary,
.candidate-payments-page .payout-option-card > button {
  color: #fff !important;
  background: linear-gradient(135deg, #061633 0%, #064aaf 58%, #075cff 100%) !important;
  box-shadow: 0 14px 26px rgba(0,61,182,0.2), inset 0 1px 0 rgba(255,255,255,0.26) !important;
}

.candidate-payments-page .payout-choice-stack,
.candidate-payments-page .payments-stage-list,
.candidate-payments-page .payments-recent-list {
  display: grid !important;
  gap: 10px !important;
}

.candidate-payments-page .payout-option-card {
  padding: 12px !important;
  border-radius: 14px !important;
}

.candidate-payments-page .payout-option-amount strong {
  display: block !important;
  margin: 3px 0 8px !important;
  color: var(--payments-ink) !important;
  font-size: 30px !important;
}

.candidate-payments-page .payout-fee-breakdown {
  margin: 9px 0 !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
  background: #f6f9ff !important;
  border: 1px solid rgba(111,154,216,0.2) !important;
}

.candidate-payments-page .payments-stage-list article,
.candidate-payments-page .payments-recent-list article {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
}

@media (max-width: 390px) {
  .candidate-payments-page .payments-os-hero-core {
    grid-template-columns: 1fr 96px !important;
  }

  .candidate-payments-page .payments-os-art {
    width: 96px !important;
    height: 92px !important;
  }

  .candidate-payments-page .payments-os-main-amount strong {
    font-size: 34px !important;
  }

  .candidate-payments-page .payments-os-summary-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .candidate-payments-page .candidate-agency-review-card {
    grid-template-columns: 1fr !important;
  }
}

/* Candidate Payments premium rebuild: final cascade override. */
.app-shell:has(.candidate-payments-page) {
  --agencyhub-app-gutter: 8px;
  --payments-navy: #071d42;
  --payments-blue: #075cff;
  --payments-cyan: #22d6d0;
  --payments-ink: #061c43;
  --payments-muted: #637695;
}

.app-shell:has(.candidate-payments-page) .content.earnings-content.worker-finance-page.worker-fintech-page {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 0 var(--agencyhub-app-gutter) 112px !important;
  gap: 14px !important;
  background:
    linear-gradient(180deg, rgba(5, 27, 65, 0) 0 84px, rgba(231, 239, 250, 0.96) 84px 100%),
    radial-gradient(circle at 86% 7%, rgba(73, 158, 255, 0.22), transparent 32%),
    #edf4fc !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs {
  width: calc(100% + (var(--agencyhub-app-gutter) * 2)) !important;
  margin: 0 calc(var(--agencyhub-app-gutter) * -1) 0 !important;
  padding: 10px var(--agencyhub-app-gutter) 14px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border-radius: 0 0 22px 22px !important;
  background:
    radial-gradient(circle at 13% 10%, rgba(56, 160, 255, 0.32), transparent 28%),
    repeating-linear-gradient(150deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 15px),
    linear-gradient(135deg, #06245d 0%, #075cff 62%, #134fff 100%) !important;
  box-shadow: 0 18px 30px rgba(5, 34, 91, 0.22) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs button {
  min-width: 0 !important;
  height: 58px !important;
  padding: 7px 3px !important;
  border-radius: 13px !important;
  color: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs button.active {
  background: linear-gradient(135deg, #1680ff, #094fe8) !important;
  color: #fff !important;
  border-color: rgba(121, 190, 255, 0.62) !important;
  box-shadow: 0 10px 22px rgba(4, 64, 185, 0.38), inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs svg {
  width: 18px !important;
  height: 18px !important;
}

.app-shell:has(.candidate-payments-page) .worker-earnings-tabs span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.candidate-payments-page {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 12px;
}

.candidate-payments-page > * {
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.payments-os-card,
.payments-os-hero,
.payments-status-strip {
  border-radius: 18px !important;
  border: 1px solid rgba(116, 154, 209, 0.24) !important;
  box-shadow: 0 18px 42px rgba(17, 42, 82, 0.11), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.payments-os-hero {
  position: relative;
  overflow: hidden;
  min-height: 302px;
  padding: 16px 14px 14px !important;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(41, 204, 255, 0.34), transparent 28%),
    radial-gradient(circle at 23% 70%, rgba(25, 96, 255, 0.34), transparent 36%),
    repeating-linear-gradient(145deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 15px),
    linear-gradient(138deg, #061633 0%, #063fb7 49%, #4322a7 100%) !important;
}

.payments-os-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  color: #dceaff;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.payments-os-topline span {
  font-size: 14px;
}

.payments-os-topline em {
  max-width: 168px;
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 999px;
  color: #eaf4ff;
  background: rgba(1, 18, 53, 0.45);
  border: 1px solid rgba(129, 190, 255, 0.24);
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}

.payments-os-hero-core {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  gap: 10px;
  align-items: center;
}

.payments-os-title small,
.payments-os-main-amount span,
.payments-os-summary-rows small,
.payments-section-head > span,
.weekly-earnings-head span,
.payout-option-top span {
  display: block;
  color: inherit;
  opacity: 0.76;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.payments-os-title h2 {
  margin: 5px 0 14px;
  color: #fff;
  font-size: 16px;
  line-height: 1.12;
}

.payments-os-main-amount strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 39px;
  line-height: 0.95;
  letter-spacing: 0;
}

.payments-os-main-amount small {
  color: rgba(232, 243, 255, 0.74);
  font-weight: 750;
  font-size: 11px;
}

.payments-os-art {
  position: relative;
  width: 112px;
  height: 104px;
  justify-self: end;
}

.payments-os-art i,
.payments-os-art u {
  position: absolute;
  display: block;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(156, 206, 255, 0.92), rgba(5, 92, 255, 0.92));
  box-shadow: 0 24px 38px rgba(0, 24, 92, 0.35), inset 0 1px 0 rgba(255,255,255,0.58);
}

.payments-os-art i {
  inset: 8px 22px 10px 6px;
  transform: rotate(-5deg);
}

.payments-os-art u {
  inset: 22px 0 0 34px;
  transform: rotate(6deg);
}

.payments-os-art b {
  position: absolute;
  z-index: 2;
  inset: 32px 19px auto auto;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  font-size: 32px;
  background: linear-gradient(145deg, #2ecfff, #075cff 70%);
  box-shadow: 0 16px 34px rgba(0, 61, 190, 0.42);
}

.payments-os-summary-rows {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 14px;
}

.payments-os-summary-rows span {
  min-width: 0;
  min-height: 58px;
  padding: 8px 7px;
  border-radius: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
}

.payments-os-summary-rows strong {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 13px;
  line-height: 1.04;
}

.payments-os-hero > p {
  margin: 12px 0 0;
  padding: 10px 11px;
  border-radius: 13px;
  color: #eef6ff;
  background: rgba(2, 18, 53, 0.42);
  border: 1px solid rgba(156, 204, 255, 0.2);
  font-size: 12px;
  line-height: 1.35;
}

.payments-status-strip {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 11px 12px !important;
  background: linear-gradient(135deg, #ffffff, #f5f9ff) !important;
}

.payments-status-strip i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #21c783;
  box-shadow: 0 0 0 6px rgba(33, 199, 131, 0.11);
}

.payments-status-strip strong,
.payments-status-strip small {
  display: block;
}

.payments-status-strip strong {
  color: var(--payments-ink);
  font-size: 13px;
}

.payments-status-strip small {
  margin-top: 2px;
  color: var(--payments-muted);
  font-size: 11px;
  line-height: 1.25;
}

.payments-payroll-clock,
.candidate-agency-review-card,
.weekly-source-card,
.payments-payout-choice,
.payments-help-card,
.payments-os-timeline,
.payments-recent-card {
  padding: 14px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.99), rgba(247,251,255,0.96)) !important;
}

.payroll-window-head,
.weekly-earnings-head,
.payments-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.payroll-window-head h3,
.weekly-earnings-head h3,
.payments-section-head h3 {
  margin: 3px 0;
  color: var(--payments-ink);
  font-size: 20px;
  line-height: 1.06;
}

.payroll-window-head p,
.weekly-earnings-head p,
.payments-section-head p {
  margin: 0;
  color: var(--payments-muted);
  font-size: 12px;
  line-height: 1.28;
}

.payroll-window-head em,
.weekly-earnings-head em {
  flex: 0 0 auto;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border-radius: 999px;
  color: #075cff;
  background: #eaf3ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.payroll-window-status {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 8px;
  margin-bottom: 10px;
}

.payroll-window-status span,
.payroll-quiet-window,
.payroll-progress-card,
.weekly-earnings-hero-line,
.weekly-earnings-breakdown article,
.payout-option-card,
.payments-help-body,
.payments-stage-list article,
.payments-recent-list article {
  border-radius: 14px;
  border: 1px solid rgba(111, 154, 216, 0.22);
  background: rgba(255,255,255,0.72);
}

.payroll-window-status span {
  min-width: 0;
  padding: 9px 10px;
}

.payroll-window-status small,
.weekly-earnings-hero-line small,
.payout-option-amount small,
.payout-fee-breakdown small {
  display: block;
  color: #72819a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payroll-window-status strong {
  display: block;
  margin-top: 3px;
  color: var(--payments-ink);
  font-size: 13px;
}

.payroll-countdown-module,
.payroll-pending-panel,
.payroll-ready-panel,
.payroll-window-foot {
  display: none !important;
}

.payroll-quiet-window {
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.payroll-quiet-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.payroll-quiet-meta span {
  padding: 8px;
  border-radius: 12px;
  background: #f2f7ff;
}

.payroll-quiet-copy small,
.payroll-quiet-meta small {
  display: block;
  color: #647694;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.payroll-quiet-copy strong,
.payroll-quiet-meta strong,
.payroll-quiet-meta b {
  display: block;
  color: var(--payments-ink);
  font-size: 12px;
}

.payroll-progress-card {
  margin-top: 10px;
  padding: 12px 10px 9px;
}

.payroll-progress-track {
  height: 5px;
  margin: 0 12px 10px;
  border-radius: 999px;
  overflow: hidden;
  background: #d9e5f7;
}

.payroll-progress-track span {
  display: block;
  width: var(--payroll-track-progress, 52%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #075cff, #27d8c9);
}

.payroll-progress-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.payroll-stage {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: var(--payments-ink);
  text-align: center;
}

.payroll-stage i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  margin: 0 auto 2px;
  border-radius: 999px;
  background: #e9f2ff;
  color: #075cff;
}

.payroll-stage.complete i,
.payroll-stage.active i {
  background: #075cff;
  color: #fff;
}

.payroll-stage svg {
  width: 12px;
  height: 12px;
}

.payroll-stage small,
.payroll-stage em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #60708f;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.payroll-stage strong {
  color: var(--payments-ink);
  font-size: 10px;
}

.candidate-agency-review-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 142px;
  gap: 10px;
  align-items: center;
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 204, 121, 0.28), transparent 31%),
    repeating-linear-gradient(145deg, rgba(167, 96, 16, 0.055) 0 1px, transparent 1px 16px),
    linear-gradient(145deg, #fffaf1, #fffefd) !important;
  border-color: rgba(235, 176, 93, 0.42) !important;
}

.candidate-agency-review-card span {
  color: #895615;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.candidate-agency-review-card h3 {
  margin: 3px 0;
  color: #7b4b0b;
  font-size: 26px;
}

.candidate-agency-review-card p {
  margin: 0;
  color: #6d5a43;
  font-size: 12px;
  line-height: 1.3;
}

.candidate-agency-review-card button,
.payments-help-card button,
.payments-recent-card > button,
.weekly-payslip-action,
.weekly-source-toggle {
  min-height: 42px;
  border-radius: 13px;
  border: 1px solid rgba(68, 134, 235, 0.2);
  color: #fff;
  background: linear-gradient(135deg, #061633 0%, #064aaf 58%, #075cff 100%);
  box-shadow: 0 14px 26px rgba(0, 61, 182, 0.2), inset 0 1px 0 rgba(255,255,255,0.26);
  font-weight: 950;
}

.candidate-agency-review-card button svg,
.payments-help-card button svg,
.payments-recent-card > button svg,
.weekly-payslip-action svg,
.weekly-source-toggle svg {
  width: 15px;
  height: 15px;
}

.weekly-earnings-hero-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: end;
  padding: 11px 12px;
}

.weekly-earnings-hero-line strong {
  color: #176dff;
  font-size: 34px;
  line-height: 0.95;
}

.weekly-earnings-hero-line span {
  align-self: center;
  color: #637695;
  font-size: 11px;
  font-weight: 800;
}

.weekly-earnings-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}

.weekly-earnings-breakdown article {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 8px;
}

.weekly-earnings-breakdown svg {
  width: 20px;
  height: 20px;
  color: #075cff;
}

.weekly-earnings-breakdown strong {
  display: block;
  color: var(--payments-ink);
  font-size: 13px;
  line-height: 1.05;
}

.weekly-earnings-breakdown em {
  display: block;
  margin-top: 2px;
  color: #637695;
  font-size: 9px;
  font-style: normal;
  line-height: 1.15;
}

.weekly-source-toggle,
.weekly-payslip-action {
  width: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.weekly-source-toggle {
  color: #075cff;
  background: #f4f8ff;
}

.payout-choice-stack {
  display: grid;
  gap: 10px;
}

.payout-option-card {
  padding: 12px;
}

.payout-option-card.selected {
  border-color: rgba(7, 92, 255, 0.62);
  box-shadow: 0 14px 30px rgba(7, 92, 255, 0.12), inset 0 0 0 1px rgba(7, 92, 255, 0.18);
}

.payout-option-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}

.payout-option-top em {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  color: #075cff;
  background: #eaf3ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.payout-option-amount strong {
  display: block;
  margin: 3px 0 8px;
  color: var(--payments-ink);
  font-size: 30px;
}

.payout-option-card ul {
  display: grid;
  gap: 5px;
  margin: 0 0 9px;
  padding: 0;
  list-style: none;
}

.payout-option-card li,
.payout-fee-breakdown span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(105, 135, 180, 0.16);
}

.payout-option-card li b,
.payout-fee-breakdown b {
  color: var(--payments-ink);
  font-size: 12px;
  text-align: right;
}

.payout-option-card p {
  margin: 0;
  color: var(--payments-muted);
  font-size: 11px;
  line-height: 1.32;
}

.payout-option-card button.primary,
.payout-option-card > button {
  width: 100%;
  min-height: 42px;
  margin-top: 10px;
  border-radius: 13px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #4f45ce);
  font-weight: 950;
}

.payout-fee-breakdown {
  margin: 9px 0;
  padding: 8px 10px;
  border-radius: 13px;
  background: #f6f9ff;
  border: 1px solid rgba(111, 154, 216, 0.2);
}

.payout-fee-breakdown .total {
  margin: 2px -4px -2px;
  padding: 7px 4px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(33,199,131,0.13), rgba(33,199,131,0.04));
}

.payments-help-body {
  position: relative;
  overflow: hidden;
  min-height: 124px;
  padding: 13px;
  background:
    radial-gradient(circle at 87% 18%, rgba(76,154,255,0.16), transparent 30%),
    linear-gradient(145deg, #ffffff, #f8fbff);
}

.payments-help-body p {
  max-width: 260px;
  margin: 4px 0 12px;
  color: #576a88;
  font-size: 12px;
  line-height: 1.35;
}

.payments-stage-list,
.payments-recent-list {
  display: grid;
  gap: 8px;
}

.payments-stage-list article,
.payments-recent-list article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
}

.payments-stage-list i,
.payments-recent-list i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #0b7a61;
}

.payments-stage-list i:empty {
  background: #fff;
  border: 2px solid #d5dfed;
}

.payments-stage-list svg,
.payments-recent-list svg {
  width: 14px;
  height: 14px;
}

.payments-stage-list strong,
.payments-recent-list strong {
  color: var(--payments-ink);
  font-size: 12px;
}

.payments-stage-list small,
.payments-recent-list small {
  display: block;
  color: #637695;
  font-size: 10px;
  line-height: 1.25;
}

.payments-stage-list em {
  padding: 5px 7px;
  border-radius: 999px;
  color: #075cff;
  background: #eaf3ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.payments-recent-list b {
  color: var(--payments-ink);
  font-size: 12px;
}

@media (max-width: 390px) {
  .payments-os-hero-core {
    grid-template-columns: 1fr 96px;
  }

  .payments-os-art {
    width: 96px;
    height: 92px;
  }

  .payments-os-main-amount strong {
    font-size: 34px;
  }

  .payments-os-summary-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .candidate-agency-review-card {
    grid-template-columns: 1fr;
  }
}

/* Candidate Payments premium rebuild: approved weekly-pay reference pass. */
.app-shell:has(.candidate-payments-page),
.app-shell:has(.candidate-payments-page) .nav {
  width: min(100%, 430px) !important;
  max-width: min(100%, 430px) !important;
}

html.native-android .app-shell:has(.candidate-payments-page),
html.native-android .app-shell:has(.candidate-payments-page) .nav {
  width: min(100dvw, 430px) !important;
  max-width: 100dvw !important;
}

html.native-android body .main > .content.earnings-content.worker-finance-page.worker-fintech-page,
.content.earnings-content.worker-finance-page.worker-fintech-page {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  padding: 16px max(var(--agencyhub-app-gutter), env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) max(var(--agencyhub-app-gutter), env(safe-area-inset-left)) !important;
  gap: 14px !important;
  overflow-x: hidden !important;
  background:
    linear-gradient(180deg, rgba(226,235,247,.94), rgba(247,251,255,1) 42%, rgba(239,245,253,1)) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) > *,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .candidate-payments-page,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .candidate-payments-page > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-width: 0 !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page),
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 6px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(75,166,255,.24), transparent 30%),
    linear-gradient(135deg, #06245b, #064ddd 58%, #0b64ff) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(4,31,93,.2) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button {
  min-height: 54px !important;
  padding: 7px 2px !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  background: transparent !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button.active {
  color: #fff !important;
  background: linear-gradient(145deg, rgba(22,105,255,.98), rgba(23,82,220,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 12px 22px rgba(6,66,184,.28) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs svg {
  width: 16px !important;
  height: 16px !important;
}

.candidate-payments-page {
  display: grid !important;
  gap: 14px !important;
  padding-bottom: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

.candidate-payments-page .payments-os-hero {
  position: relative !important;
  overflow: hidden !important;
  padding: 16px !important;
  border-radius: 18px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 12%, rgba(21,118,255,.72), transparent 32%),
    radial-gradient(circle at 96% 95%, rgba(94,55,206,.58), transparent 35%),
    repeating-linear-gradient(142deg, rgba(255,255,255,.055) 0 1px, transparent 1px 16px),
    linear-gradient(145deg, #061632 0%, #063aaf 50%, #062866 100%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 20px 48px rgba(3,30,96,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.candidate-payments-page .payments-os-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: -30% -20% auto -20% !important;
  height: 170px !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(86,213,255,.24), transparent 48%),
    repeating-linear-gradient(168deg, rgba(255,255,255,.075) 0 1px, transparent 1px 12px) !important;
  opacity: .95 !important;
}

.candidate-payments-page .payments-os-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.candidate-payments-page .payments-os-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.candidate-payments-page .payments-os-topline span,
.candidate-payments-page .payments-os-title small,
.candidate-payments-page .payments-os-main-amount span,
.candidate-payments-page .payments-os-summary-rows small,
.candidate-payments-page .payments-section-head span,
.candidate-payments-page .weekly-earnings-head span,
.candidate-payments-page .candidate-agency-review-card > div > span {
  color: rgba(232,242,255,.78) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.candidate-payments-page .payments-os-topline em {
  max-width: 168px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  color: #ddecff !important;
  background: rgba(5,20,52,.38) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 760 !important;
  text-align: right !important;
}

.candidate-payments-page .payments-os-hero-core {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 118px !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 18px !important;
}

.candidate-payments-page .payments-os-title,
.candidate-payments-page .payments-os-main-amount {
  margin: 0 !important;
}

.candidate-payments-page .payments-os-title h2 {
  margin: 6px 0 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.16 !important;
  font-weight: 780 !important;
  white-space: normal !important;
}

.candidate-payments-page .payments-os-main-amount {
  margin-top: 16px !important;
}

.candidate-payments-page .payments-os-main-amount strong {
  margin-top: 5px !important;
  color: #fff !important;
  font-size: 33px !important;
  line-height: .98 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.candidate-payments-page .payments-os-main-amount small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(232,242,255,.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.candidate-payments-page .payments-os-art {
  position: relative !important;
  height: 112px !important;
}

.candidate-payments-page .payments-os-art i,
.candidate-payments-page .payments-os-art u {
  position: absolute !important;
  display: block !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 70% 24%, rgba(255,255,255,.78), transparent 15%),
    linear-gradient(145deg, rgba(123,184,255,.95), rgba(21,95,255,.9) 68%, rgba(40,41,188,.9)) !important;
  box-shadow: 0 18px 38px rgba(0,28,96,.38), inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.candidate-payments-page .payments-os-art i {
  right: 5px !important;
  top: 8px !important;
  width: 78px !important;
  height: 88px !important;
  transform: rotate(-7deg) !important;
}

.candidate-payments-page .payments-os-art u {
  right: 38px !important;
  top: 32px !important;
  width: 68px !important;
  height: 74px !important;
  opacity: .68 !important;
  transform: rotate(7deg) !important;
}

.candidate-payments-page .payments-os-art b {
  position: absolute !important;
  right: 30px !important;
  top: 39px !important;
  z-index: 2 !important;
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(7,91,255,.98), rgba(58,61,222,.96)) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 18px 34px rgba(2,33,111,.35), inset 0 1px 0 rgba(255,255,255,.42) !important;
  font-size: 29px !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

.candidate-payments-page .payments-os-summary-rows {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 15px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.candidate-payments-page .payments-os-summary-rows > div {
  display: contents !important;
}

.candidate-payments-page .payments-os-summary-rows span {
  min-height: 66px !important;
  display: grid !important;
  align-content: center !important;
  padding: 10px 7px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.07)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.candidate-payments-page .payments-os-summary-rows small {
  color: rgba(232,242,255,.7) !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

.candidate-payments-page .payments-os-summary-rows strong {
  margin-top: 6px !important;
  color: #fff !important;
  font-size: 12.5px !important;
  line-height: 1.05 !important;
  font-weight: 780 !important;
  text-align: center !important;
  white-space: normal !important;
}

.candidate-payments-page .payments-os-hero > p {
  margin: 13px 0 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  color: rgba(241,248,255,.88) !important;
  background: rgba(3,16,42,.34) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.candidate-payments-page .payments-status-strip {
  min-height: 48px !important;
  padding: 10px 13px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 12px 26px rgba(8,31,65,.06) !important;
}

.candidate-payments-page .payments-status-strip strong {
  font-size: 13px !important;
}

.candidate-payments-page .payments-status-strip small {
  font-size: 11.5px !important;
}

.candidate-payments-page .payments-os-card {
  border-radius: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(78,115,166,.18) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(106,155,235,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.94)) !important;
  box-shadow: 0 16px 34px rgba(10,32,62,.065), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.candidate-payments-page .payments-section-head h3,
.candidate-payments-page .weekly-earnings-head h3,
.candidate-payments-page .candidate-agency-review-card h3 {
  color: #061f49 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

.candidate-payments-page .payments-section-head span,
.candidate-payments-page .weekly-earnings-head span,
.candidate-payments-page .candidate-agency-review-card > div > span {
  color: #647695 !important;
}

.candidate-payments-page .payments-section-head p,
.candidate-payments-page .payments-os-card p {
  color: #5b6f90 !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
  font-weight: 650 !important;
}

.candidate-payments-page .candidate-agency-review-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 12px !important;
  align-items: center !important;
  border-color: rgba(199,134,39,.22) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(255,206,115,.28), transparent 32%),
    repeating-linear-gradient(135deg, rgba(176,108,21,.045) 0 1px, transparent 1px 13px),
    linear-gradient(145deg, rgba(255,251,244,.99), rgba(255,255,255,.94)) !important;
}

.candidate-payments-page .candidate-agency-review-card button {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #071936, #0b4dab 62%, #075cff) !important;
  box-shadow: 0 14px 26px rgba(5,64,156,.2), inset 0 1px 0 rgba(255,255,255,.18) !important;
  font-size: 12.5px !important;
  font-weight: 820 !important;
}

.candidate-payments-page .candidate-agency-review-card button svg {
  width: 14px !important;
  height: 14px !important;
  transform: rotate(180deg) !important;
}

.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  gap: 13px !important;
  padding: 16px !important;
}

.candidate-payments-page .payroll-window-status {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.candidate-payments-page .payroll-window-status span {
  min-height: 54px !important;
  padding: 10px 11px !important;
}

.candidate-payments-page .payroll-progress-stages {
  gap: 8px !important;
}

.candidate-payments-page .payroll-stage {
  min-height: 84px !important;
}

.candidate-payments-page .weekly-earnings-breakdown {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.candidate-payments-page .weekly-earnings-breakdown article {
  min-height: 76px !important;
  padding: 11px 8px !important;
  border-radius: 14px !important;
}

.candidate-payments-page .weekly-earnings-breakdown article > svg {
  width: 17px !important;
  height: 17px !important;
}

.candidate-payments-page .weekly-earnings-breakdown strong {
  font-size: 16px !important;
  white-space: nowrap !important;
}

.candidate-payments-page .weekly-earnings-breakdown em {
  font-size: 10.5px !important;
}

.candidate-payments-page .payout-choice-stack {
  gap: 12px !important;
}

.candidate-payments-page .payout-option-card {
  padding: 15px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(40,112,255,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(249,252,255,.95)) !important;
}

.candidate-payments-page .payout-option-card.selected {
  border-color: rgba(7,92,255,.4) !important;
  box-shadow: inset 0 0 0 1px rgba(7,92,255,.22), 0 16px 30px rgba(7,92,255,.08) !important;
}

.candidate-payments-page .payout-option-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.candidate-payments-page .payout-option-top em {
  padding: 5px 8px !important;
  border-radius: 999px !important;
  color: #075cff !important;
  background: #edf5ff !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

.candidate-payments-page .payout-option-card > div > strong,
.candidate-payments-page .payout-option-amount strong {
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

.candidate-payments-page .payout-fee-breakdown {
  overflow: hidden !important;
  border: 1px solid rgba(78,115,166,.16) !important;
  border-radius: 13px !important;
  background: #f8fbff !important;
}

.candidate-payments-page .payout-fee-breakdown span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(78,115,166,.12) !important;
}

.candidate-payments-page .payout-fee-breakdown span:last-child {
  border-bottom: 0 !important;
}

.candidate-payments-page .payout-fee-breakdown .total {
  background: linear-gradient(90deg, rgba(18,132,95,.1), rgba(18,132,95,.035)) !important;
}

.candidate-payments-page .payout-option-card button,
.candidate-payments-page .payments-help-toggle,
.candidate-payments-page .payments-recent-card > button {
  min-height: 46px !important;
  border-radius: 13px !important;
  font-size: 12.5px !important;
  font-weight: 820 !important;
}

.candidate-payments-page .payments-help-panel {
  position: relative !important;
  background:
    radial-gradient(circle at 86% 20%, rgba(7,92,255,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(247,251,255,.95)) !important;
}

.candidate-payments-page .payments-help-header {
  display: grid !important;
  gap: 12px !important;
}

.candidate-payments-page .payments-help-intro {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.candidate-payments-page .payments-help-intro > i {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
}

.candidate-payments-page .payments-help-intro strong {
  font-size: 18px !important;
  line-height: 1.14 !important;
}

.candidate-payments-page .payments-help-toggle {
  display: flex !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  justify-content: space-between !important;
  color: #fff !important;
  background: linear-gradient(135deg, #071936, #0b4dab 62%, #075cff) !important;
  box-shadow: 0 14px 26px rgba(5,64,156,.18) !important;
}

.candidate-payments-page .payments-os-timeline .payments-stage-list article,
.candidate-payments-page .payments-recent-list article {
  min-height: 52px !important;
}

.candidate-payments-page .payments-stage-list i,
.candidate-payments-page .payments-recent-list i {
  width: 28px !important;
  height: 28px !important;
}

@media (max-width: 370px) {
  .candidate-payments-page .payments-os-hero-core,
  .candidate-payments-page .candidate-agency-review-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .candidate-payments-page .payments-os-art {
    display: none !important;
  }

  .candidate-payments-page .payments-os-summary-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Admin V2 late isolation: keep icon SVGs compact even when older page rules load later. */
.admin-v2-sidebar svg,
.admin-v2-topbar svg,
.admin-protection-strip > svg,
.admin-v2-kpi i svg,
.admin-v2-mini svg,
.admin-action-grid button svg,
.admin-checklist svg,
.admin-feed svg,
.admin-priority-list svg,
.admin-settings-nav svg,
.admin-settings-fields svg,
.admin-settings-toggles svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
}

.admin-v2-sidebar .admin-v2-brand img {
  width: 32px !important;
  height: 32px !important;
}

.startup-shell {
  min-height: 100vh;
  min-height: 100svh;
  padding: 24px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  color: #eff7ff;
  background:
    radial-gradient(circle at 20% 12%, rgba(69, 151, 255, 0.22), transparent 32%),
    radial-gradient(circle at 88% 86%, rgba(44, 214, 159, 0.18), transparent 30%),
    linear-gradient(145deg, #041226 0%, #071d3b 52%, #061936 100%);
}

.startup-card {
  width: min(100%, 360px);
  padding: 28px 22px;
  display: grid;
  gap: 12px;
  justify-items: center;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
}

.startup-brand {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(239, 247, 255, 0.72);
}

.startup-spinner {
  width: 42px;
  height: 42px;
  border: 3px solid rgba(255, 255, 255, 0.18);
  border-top-color: #7bdfff;
  border-radius: 999px;
  animation: agencyhub-spin 0.9s linear infinite;
}

.startup-card h1 {
  margin: 4px 0 0;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}

.startup-card p {
  margin: 0;
  color: rgba(239, 247, 255, 0.72);
  font-size: 14px;
  line-height: 1.45;
}

.startup-card button {
  margin-top: 8px;
  height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 16px;
  color: #07182f;
  background: #ffffff;
  font-weight: 900;
}

@keyframes agencyhub-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Premium Worker Shift Operating System */
.shift-os-card.worker-shift-pass {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  background:
    radial-gradient(circle at 88% 8%, rgba(64, 210, 152, 0.16), transparent 32%),
    radial-gradient(circle at 18% 92%, rgba(101, 80, 196, 0.22), transparent 34%),
    linear-gradient(145deg, #071b34 0%, #0f315e 52%, #10294e 100%);
  box-shadow: 0 22px 44px rgba(8, 29, 58, 0.24);
}

.shift-os-card.worker-shift-pass::after {
  bottom: 64px;
  border-top-color: rgba(255, 255, 255, 0.18);
}

.shift-os-card .worker-shift-pass-head > span,
.shift-os-card .worker-shift-pass-main small,
.shift-os-card .worker-shift-route small,
.shift-os-card .worker-shift-pass-main p,
.shift-os-card .worker-shift-pass-meta,
.shift-os-card .worker-shift-pass-meta b {
  color: rgba(255, 255, 255, 0.72);
}

.shift-os-card .worker-shift-pass-main h3,
.shift-os-card .worker-shift-route strong,
.shift-os-card .worker-shift-countdown strong {
  color: #fff;
}

.shift-os-card .worker-shift-pass-main p b {
  color: rgba(255, 255, 255, 0.52);
  font-weight: 850;
}

.shift-os-card .worker-shift-pass-head em {
  color: #d9fff0;
  background: rgba(39, 189, 128, 0.17);
  border: 1px solid rgba(124, 231, 185, 0.24);
}

.shift-os-card .worker-shift-route > i {
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #51b7ff, #8d75ff, #78e1ba);
}

.shift-os-card .worker-shift-pass-meta {
  margin-bottom: 10px;
}

.shift-os-card .worker-shift-pass-meta svg {
  color: #8edfff;
}

.worker-shift-premium-badges {
  padding: 0 15px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.worker-shift-premium-badges span {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 6px 8px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.08);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.01em;
  backdrop-filter: blur(12px);
}

.shift-os-card .worker-shift-pass-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 13px 15px;
  background: rgba(255, 255, 255, 0.08);
}

.shift-os-card .worker-shift-pass-actions button {
  min-height: 38px;
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 11px;
  color: #edf6ff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.shift-os-card .worker-shift-pass-actions button:first-child,
.shift-os-card .worker-shift-pass-actions button:nth-child(3),
.shift-os-card.on-shift .worker-shift-pass-actions button:first-child,
.shift-os-card.on-shift .worker-shift-pass-actions button:nth-child(2) {
  color: #08213d;
  border-color: transparent;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

.shift-overview-stage {
  display: grid;
  gap: 13px;
}

.shift-overview-hero {
  border-radius: 20px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 12%, rgba(120, 225, 186, 0.18), transparent 30%),
    linear-gradient(145deg, #071b34, #153d72 58%, #5039a9);
}

.shift-overview-hero span,
.shift-overview-hero p,
.shift-overview-hero em {
  color: rgba(255, 255, 255, 0.72);
}

.shift-overview-hero span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shift-overview-hero h2 {
  margin: 4px 0 5px;
  color: #fff;
  font-size: 21px;
  line-height: 1.14;
}

.shift-overview-hero p {
  margin: 0;
  font-size: 11px;
}

.shift-overview-hero em {
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.shift-overview-hero em svg {
  width: 12px;
  height: 12px;
  color: #8cf0c0;
}

.shift-overview-kpis,
.navigation-intel-grid,
.contact-support-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shift-overview-kpis span,
.navigation-intel-grid span,
.contact-support-grid article {
  min-width: 0;
  border: 1px solid #dfe7ef;
  border-radius: 15px;
  padding: 10px;
  background: #fbfcfe;
}

.shift-overview-kpis small,
.shift-overview-kpis strong,
.navigation-intel-grid small,
.navigation-intel-grid strong,
.contact-support-grid small,
.contact-support-grid strong,
.contact-support-grid p {
  display: block;
}

.shift-overview-kpis small,
.navigation-intel-grid small,
.contact-support-grid small {
  color: #7c8b9d;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.shift-overview-kpis strong,
.navigation-intel-grid strong,
.contact-support-grid strong {
  margin-top: 3px;
  color: #17375f;
  font-size: 12px;
  line-height: 1.25;
}

.contact-support-grid p {
  margin: 4px 0 0;
  color: #728399;
  font-size: 9px;
  line-height: 1.35;
}

.shift-overview-site {
  border: 1px solid #dce6f1;
  border-radius: 17px;
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  background: linear-gradient(145deg, #f7faff, #fff);
}

.shift-overview-site > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #256fca;
  background: #e9f2ff;
}

.shift-overview-site svg {
  width: 16px;
  height: 16px;
}

.shift-overview-site small,
.shift-overview-site strong,
.shift-overview-site p {
  display: block;
}

.shift-overview-site small {
  color: #75869d;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.shift-overview-site strong {
  margin-top: 2px;
  color: #12365f;
  font-size: 12px;
}

.shift-overview-site p {
  margin: 3px 0 0;
  color: #728399;
  font-size: 9px;
  line-height: 1.35;
}

.shift-overview-site button {
  border: 0;
  color: #1767c4;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
}

.shift-overview-accordion-list {
  display: grid;
  gap: 8px;
}

.shift-overview-accordion {
  border: 1px solid #dfe7ef;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}

.shift-overview-accordion summary {
  min-height: 45px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #223f66;
  font-size: 11px;
  font-weight: 900;
  list-style: none;
}

.shift-overview-accordion summary::-webkit-details-marker {
  display: none;
}

.shift-overview-accordion summary i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #728399;
  transform: rotate(-90deg);
}

.shift-overview-accordion[open] summary i {
  transform: rotate(90deg);
}

.shift-overview-accordion summary svg {
  width: 14px;
  height: 14px;
}

.shift-overview-accordion p {
  margin: 0;
  border-top: 1px solid #edf2f7;
  padding: 10px 12px 12px;
  color: #64758c;
  font-size: 11px;
  line-height: 1.5;
}

.premium-navigation-page .route-option-grid button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #176bce, #6550c4);
  box-shadow: 0 10px 20px rgba(54, 80, 177, 0.2);
}

.premium-navigation-page .route-option-grid button:first-child svg,
.premium-navigation-page .route-option-grid button:first-child small {
  color: rgba(255, 255, 255, 0.78);
}

.premium-navigation-page .route-option-grid button:first-child strong {
  color: #fff;
}

.premium-checkin-step {
  display: grid;
  gap: 10px;
  text-align: left;
}

.premium-checkin-step > h3 {
  margin: 2px 0 0;
  color: #12365f;
  font-size: 18px;
  letter-spacing: 0;
}

.premium-checkin-card {
  border: 1px solid #dfe7ef;
  border-radius: 16px;
  padding: 11px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  background: #fbfcfe;
}

.premium-checkin-card.success {
  border-color: #c8e9dc;
  background: #f0faf6;
}

.premium-checkin-card > span {
  width: 30px;
  height: 30px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #1767c4;
  background: #eaf2ff;
}

.premium-checkin-card.success > span {
  color: #177153;
  background: #ddf3e9;
}

.premium-checkin-card svg {
  width: 15px;
  height: 15px;
}

.premium-checkin-card small,
.premium-checkin-card strong,
.premium-checkin-card p,
.premium-checkin-card em {
  display: block;
}

.premium-checkin-card small {
  color: #7b8a9d;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-checkin-card strong {
  margin-top: 2px;
  color: #17375f;
  font-size: 12px;
}

.premium-checkin-card p {
  margin: 3px 0 0;
  color: #718297;
  font-size: 9px;
  line-height: 1.35;
}

.premium-checkin-card em {
  grid-column: 2;
  justify-self: start;
  margin-top: 6px;
  border-radius: 999px;
  padding: 4px 7px;
  color: #176c50;
  background: #ddf3e9;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.assignment-confirmation-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ready-confirmation-check {
  border: 1px solid #c8e9dc;
  border-radius: 15px;
  padding: 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #176c50;
  background: #f0faf6;
  font-size: 11px;
  font-weight: 900;
}

.ready-confirmation-check input {
  width: 16px;
  height: 16px;
  accent-color: #159169;
}

.protected-start-animation {
  position: relative;
  width: 74px;
  height: 74px;
  margin: 4px auto 8px;
  display: grid;
  place-items: center;
}

.protected-start-animation span {
  z-index: 2;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #159169, #2bb57f);
  box-shadow: 0 13px 26px rgba(27, 142, 98, 0.22);
}

.protected-start-animation i,
.protected-start-animation b {
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(28, 169, 112, 0.28);
  border-radius: 24px;
  animation: booking-gps-pulse 1.4s ease-out infinite;
}

.protected-start-animation b {
  inset: -4px;
  animation-delay: 0.3s;
}

.shift-live-os {
  background:
    radial-gradient(circle at 100% 0, rgba(32, 183, 128, 0.09), transparent 32%),
    #fff;
}

.live-shift-progress-rail {
  border: 1px solid #dfe7ef;
  border-radius: 17px;
  padding: 12px;
  background: #f8fafc;
}

.live-shift-progress-rail > div:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.live-shift-progress-rail span {
  color: #29486f;
  font-size: 11px;
  font-weight: 900;
}

.live-shift-progress-rail i {
  position: relative;
  height: 4px;
  border-radius: 999px;
  background: #dce5ef;
}

.live-shift-progress-rail i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--shift-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #176bce, #6550c4, #20a873);
}

.live-shift-progress-rail i b {
  position: absolute;
  top: 50%;
  left: var(--shift-progress, 0%);
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #20a873;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 11px rgba(19, 77, 55, 0.18);
}

.live-shift-progress-meta {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.live-shift-progress-meta span {
  border: 1px solid #e2e9f1;
  border-radius: 12px;
  padding: 8px;
  background: #fff;
}

.live-shift-progress-meta small,
.live-shift-progress-meta strong {
  display: block;
}

.live-shift-progress-meta small {
  color: #7c8b9d;
  font-size: 8px;
  text-transform: uppercase;
}

.live-shift-progress-meta strong {
  margin-top: 3px;
  color: #17375f;
  font-size: 12px;
}

.shift-live-os .live-shift-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shift-live-os .live-shift-actions button {
  font-size: 9px;
  border-radius: 13px;
}

.shift-live-os .live-shift-actions button:nth-child(4) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #176bce, #6550c4);
  box-shadow: 0 10px 20px rgba(54, 80, 177, 0.2);
}

.shift-live-os .live-shift-actions .break-control {
  grid-column: 1 / -1;
  color: #7c5a16;
  border-color: #efdcae;
  background: #fff8e8;
}

.checkout-os-stage,
.timesheet-os-stage {
  display: grid;
  gap: 13px;
}

.checkout-step-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkout-step-label span {
  border-radius: 999px;
  padding: 5px 8px;
  color: #315f9a;
  background: #eaf2ff;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.checkout-step-label strong {
  color: #17375f;
  font-size: 13px;
}

.checkout-step-label.final {
  margin-top: 2px;
}

.checkout-os-hero {
  border-radius: 20px;
  padding: 18px 15px;
  text-align: center;
  color: #fff;
  background: linear-gradient(145deg, #071b34, #153d72 60%, #5039a9);
}

.checkout-os-hero > span {
  width: 52px;
  height: 52px;
  margin: 0 auto 10px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.checkout-os-hero svg {
  width: 23px;
  height: 23px;
}

.checkout-os-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
}

.checkout-os-hero p {
  max-width: 350px;
  margin: 7px auto 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  line-height: 1.45;
}

.shift-complete-summary {
  max-width: 360px;
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  text-align: left;
}

.shift-complete-summary span {
  border: 1px solid #c8e9dc;
  border-radius: 14px;
  padding: 10px;
  background: #effaf5;
}

.shift-complete-summary small,
.shift-complete-summary strong {
  display: block;
}

.shift-complete-summary small {
  color: #667d75;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.shift-complete-summary strong {
  margin-top: 3px;
  color: #176c50;
  font-size: 11px;
}

@media (max-width: 370px) {
  .shift-overview-hero,
  .booking-stage-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .shift-overview-kpis,
  .navigation-intel-grid,
  .contact-support-grid,
  .assignment-confirmation-grid,
  .live-shift-progress-meta,
  .shift-complete-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Workforce Search V14b: candidate card fit and premium spacing */
.content.people-page .candidate-result-summary {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-areas:
    "avatar main"
    "actions actions" !important;
  row-gap: 10px !important;
  column-gap: 11px !important;
  align-items: start !important;
}

.content.people-page .candidate-avatar-rail {
  grid-area: avatar !important;
}

.content.people-page .candidate-summary-main {
  grid-area: main !important;
  min-width: 0 !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: auto auto 34px !important;
  justify-content: start !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 69px !important;
}

.content.people-page .candidate-profile-shortcut {
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
}

.content.people-page .candidate-expand-indicator {
  position: static !important;
  transform: none !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(16.5px, 3.95vw, 19px) !important;
  line-height: 1.1 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.content.people-page .candidate-summary-intel span {
  min-height: 42px !important;
  padding: 8px 9px !important;
}

.content.people-page .candidate-summary-intel strong {
  font-size: 10.2px !important;
  line-height: 1.1 !important;
}

.content.people-page .candidate-tier-badge {
  min-width: 80px !important;
  justify-content: center !important;
}

@media (min-width: 420px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    column-gap: 13px !important;
  }

  .content.people-page .candidate-summary-actions {
    padding-left: 77px !important;
  }
}

/* Workforce Elevated final placement: wins over legacy candidate-search overrides */
.content.people-page {
  width: 100% !important;
  max-width: none !important;
  gap: 16px !important;
  padding: 16px 16px 126px !important;
  background:
    radial-gradient(circle at 100% 4%, rgba(45, 112, 255, 0.09), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, #eef5ff 46%, #f8fbff 100%) !important;
}

.content.people-page > .workforce-return-bar {
  display: none !important;
}

.content.people-page > .people-switcher {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 2px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page > .people-switcher button {
  min-width: 0 !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 15px !important;
  border-radius: 18px !important;
  text-align: left !important;
  border: 1px solid rgba(193, 211, 238, 0.72) !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,251,255,0.9)) !important;
  box-shadow: 0 16px 34px rgba(16, 48, 103, 0.08), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page > .people-switcher button.active {
  color: #ffffff !important;
  border-color: rgba(95, 133, 255, 0.78) !important;
  background:
    radial-gradient(circle at 96% 8%, rgba(152, 117, 255, 0.56), transparent 36%),
    linear-gradient(135deg, #175cff 0%, #6954f6 100%) !important;
  box-shadow: 0 18px 36px rgba(44, 91, 234, 0.26) !important;
}

.content.people-page > .people-switcher button i {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: #1f66ff !important;
  background: rgba(239, 245, 255, 0.95) !important;
}

.content.people-page > .people-switcher button.active i {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.17) !important;
}

.content.people-page > .people-switcher svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page > .people-switcher strong,
.content.people-page > .people-switcher small {
  display: block !important;
}

.content.people-page > .people-switcher strong {
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 820 !important;
}

.content.people-page > .people-switcher small {
  margin-top: 6px !important;
  color: rgba(91, 108, 133, 0.92) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
}

.content.people-page > .people-switcher button.active small {
  color: rgba(255,255,255,0.9) !important;
}

.content.people-page .agency-search-command-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(200, 216, 239, 0.78) !important;
  background:
    radial-gradient(circle at 91% 6%, rgba(93, 132, 255, 0.14), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(245,249,255,0.92)) !important;
  box-shadow: 0 18px 42px rgba(17, 45, 92, 0.09), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .agency-search-command-panel::before,
.content.people-page .candidate-engine-strip,
.content.people-page .agency-search-command-panel .people-search-row,
.content.people-page .candidate-search-suggestions,
.content.people-page .candidate-signal-restore {
  display: none !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
}

.content.people-page .candidate-database-header span {
  color: #5f7088 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-database-header h2 {
  max-width: none !important;
  margin: 9px 0 7px !important;
  color: #071833 !important;
  font-size: clamp(24px, 6.1vw, 30px) !important;
  line-height: 1.03 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 25ch !important;
  margin: 0 !important;
  color: #54657d !important;
  font-size: 14px !important;
  line-height: 1.46 !important;
  font-weight: 560 !important;
}

.content.people-page .candidate-database-header em,
.content.people-page .agency-candidate-results-header em {
  align-self: start !important;
  white-space: nowrap !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  color: #0e7a4a !important;
  background: #e8fbf2 !important;
  border: 1px solid rgba(31, 178, 108, 0.18) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-live-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 18px 0 14px !important;
}

.content.people-page .candidate-live-stats span {
  min-width: 0 !important;
  min-height: 78px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 10px 6px !important;
  border-radius: 17px !important;
  text-align: center !important;
  border: 1px solid rgba(204, 219, 240, 0.72) !important;
  background: rgba(255,255,255,0.9) !important;
  box-shadow: 0 12px 28px rgba(22, 53, 100, 0.06), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page .candidate-live-stats i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f66ff !important;
}

.content.people-page .candidate-live-stats svg {
  width: 19px !important;
  height: 19px !important;
}

.content.people-page .candidate-live-stats strong {
  order: 2 !important;
  color: #071833 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-live-stats small {
  order: 3 !important;
  color: #243856 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.content.people-page .candidate-feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow: visible !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 218, 239, 0.72) !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 12px 30px rgba(17, 45, 92, 0.07) !important;
}

.content.people-page .candidate-feed-tabs button {
  min-width: 0 !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #334867 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 660 !important;
  white-space: normal !important;
}

.content.people-page .candidate-feed-tabs button i,
.content.people-page .candidate-feed-tabs button svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page .candidate-feed-tabs button.active {
  color: #155dff !important;
  background: linear-gradient(145deg, rgba(234, 243, 255, 0.96), rgba(255,255,255,0.86)) !important;
}

.content.people-page .agency-candidate-results-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .agency-candidate-results-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 2px 2px 0 !important;
  margin: 0 0 10px !important;
}

.content.people-page .agency-candidate-results-header span {
  display: none !important;
}

.content.people-page .agency-candidate-results-header strong {
  display: block !important;
  color: #071833 !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 840 !important;
}

.content.people-page .agency-candidate-results-header small {
  display: block !important;
  margin-top: 6px !important;
  color: #52647b !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  font-weight: 560 !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  gap: 14px !important;
  padding: 0 !important;
}

.content.people-page .candidate-result-card {
  width: 100% !important;
  border-radius: 24px !important;
  border: 1px solid rgba(204, 219, 240, 0.78) !important;
  background:
    radial-gradient(circle at 96% 7%, rgba(56, 121, 255, 0.08), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,251,255,0.95)) !important;
  box-shadow: 0 16px 36px rgba(15, 45, 91, 0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 70px minmax(0, 1fr) auto !important;
  grid-template-areas: "avatar main actions" !important;
  gap: 12px !important;
  padding: 16px !important;
}

.content.people-page .candidate-avatar-rail {
  align-items: center !important;
  gap: 6px !important;
}

.content.people-page .candidate-avatar.intel-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 24px rgba(27, 97, 229, 0.18) !important;
}

.content.people-page .candidate-summary-title h3 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #071833 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 840 !important;
}

.content.people-page .candidate-verified-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #1f7aff !important;
}

.content.people-page .candidate-verified-mark svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 3 !important;
}

.content.people-page .candidate-summary-title p {
  margin-top: 5px !important;
  color: #52647d !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 590 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.content.people-page .candidate-summary-highlights span,
.content.people-page .candidate-summary-intel span {
  min-height: 54px !important;
  padding: 9px 8px !important;
  border-radius: 15px !important;
  text-align: center !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.content.people-page .candidate-summary-intel span:nth-child(4) {
  display: none !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: end !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.content.people-page .candidate-tier-badge {
  min-width: 72px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
}

.content.people-page .candidate-profile-shortcut {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1964ff, #1555dc) !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(25, 100, 255, 0.22) !important;
}

.content.people-page .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 14px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-profile-shortcut,
.content.people-page .candidate-result-card:not(:first-child) .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  font-size: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  display: block !important;
}

@media (max-width: 370px) {
  .content.people-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .content.people-page .candidate-live-stats {
    gap: 7px !important;
  }

  .content.people-page .candidate-live-stats span {
    min-height: 72px !important;
  }

  .content.people-page .candidate-result-summary,
  .content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "actions actions" !important;
  }

  .content.people-page .candidate-summary-actions {
    grid-template-columns: auto auto !important;
    justify-items: start !important;
    padding-left: 66px !important;
  }
}

/* Native Android preview must render as a phone canvas in desktop browsers. */
html.native-android {
  background: #061936 !important;
}

html.native-android body {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  justify-items: center !important;
  overflow-x: hidden !important;
  background: #061936 !important;
}

html.native-android #app,
html.native-android .app-shell {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  justify-self: center !important;
  overflow-x: hidden !important;
}

html.native-android .app-shell {
  min-height: 100dvh !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px rgba(216, 229, 244, 0.14), 0 30px 80px rgba(0, 0, 0, 0.34) !important;
}

html.native-android .main {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

html.native-android .app-header,
html.native-android .agency-premium-header {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

html.native-android .nav,
html.native-android .sidebar-card,
html.native-android .job-flow-actions,
html.native-android .offer-detail-actions,
html.native-android .bottom-action-card {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Workforce Elevated: reference-aligned mobile layout */
.agency-premium-header[data-active-page="candidates"] {
  background:
    radial-gradient(circle at 86% -12%, rgba(117, 126, 255, 0.46), transparent 34%),
    linear-gradient(135deg, #123fbd 0%, #176bff 58%, #5a50f0 100%) !important;
}

.agency-premium-header[data-active-page="candidates"] .header-title-block h1 {
  letter-spacing: 0 !important;
}

.content.people-page {
  width: 100% !important;
  max-width: none !important;
  gap: 16px !important;
  padding: 16px 16px 126px !important;
  background:
    radial-gradient(circle at 100% 4%, rgba(45, 112, 255, 0.09), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, #eef5ff 46%, #f8fbff 100%) !important;
}

.content.people-page > .workforce-return-bar {
  display: none !important;
}

.content.people-page > .people-switcher {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 2px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page > .people-switcher button {
  min-width: 0 !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 15px !important;
  border-radius: 18px !important;
  text-align: left !important;
  border: 1px solid rgba(193, 211, 238, 0.72) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(83, 129, 255, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,251,255,0.9)) !important;
  box-shadow: 0 16px 34px rgba(16, 48, 103, 0.08), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page > .people-switcher button.active {
  color: #ffffff !important;
  border-color: rgba(95, 133, 255, 0.78) !important;
  background:
    radial-gradient(circle at 96% 8%, rgba(152, 117, 255, 0.56), transparent 36%),
    linear-gradient(135deg, #175cff 0%, #6954f6 100%) !important;
  box-shadow: 0 18px 36px rgba(44, 91, 234, 0.26) !important;
}

.content.people-page > .people-switcher button i {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: #1f66ff !important;
  background: rgba(239, 245, 255, 0.95) !important;
}

.content.people-page > .people-switcher button.active i {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.17) !important;
}

.content.people-page > .people-switcher svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page > .people-switcher strong,
.content.people-page > .people-switcher small {
  display: block !important;
}

.content.people-page > .people-switcher strong {
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 820 !important;
}

.content.people-page > .people-switcher small {
  margin-top: 6px !important;
  color: rgba(91, 108, 133, 0.92) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
}

.content.people-page > .people-switcher button.active small {
  color: rgba(255,255,255,0.9) !important;
}

.content.people-page .agency-search-command-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(200, 216, 239, 0.78) !important;
  background:
    radial-gradient(circle at 91% 6%, rgba(93, 132, 255, 0.14), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(245,249,255,0.92)) !important;
  box-shadow: 0 18px 42px rgba(17, 45, 92, 0.09), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .agency-search-command-panel::before,
.content.people-page .candidate-engine-strip,
.content.people-page .agency-search-command-panel .people-search-row,
.content.people-page .candidate-search-suggestions,
.content.people-page .candidate-signal-restore {
  display: none !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
}

.content.people-page .candidate-database-header span {
  color: #5f7088 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-database-header h2 {
  max-width: none !important;
  margin: 9px 0 7px !important;
  color: #071833 !important;
  font-size: clamp(24px, 6.1vw, 30px) !important;
  line-height: 1.03 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 25ch !important;
  margin: 0 !important;
  color: #54657d !important;
  font-size: 14px !important;
  line-height: 1.46 !important;
  font-weight: 560 !important;
}

.content.people-page .candidate-database-header em,
.content.people-page .agency-candidate-results-header em {
  align-self: start !important;
  white-space: nowrap !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  color: #0e7a4a !important;
  background: #e8fbf2 !important;
  border: 1px solid rgba(31, 178, 108, 0.18) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-live-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 18px 0 14px !important;
}

.content.people-page .candidate-live-stats span {
  min-width: 0 !important;
  min-height: 78px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 10px 6px !important;
  border-radius: 17px !important;
  text-align: center !important;
  border: 1px solid rgba(204, 219, 240, 0.72) !important;
  background: rgba(255,255,255,0.9) !important;
  box-shadow: 0 12px 28px rgba(22, 53, 100, 0.06), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page .candidate-live-stats i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f66ff !important;
}

.content.people-page .candidate-live-stats svg {
  width: 19px !important;
  height: 19px !important;
}

.content.people-page .candidate-live-stats strong {
  order: 2 !important;
  color: #071833 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-live-stats small {
  order: 3 !important;
  color: #243856 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.content.people-page .candidate-feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow: visible !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 218, 239, 0.72) !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 12px 30px rgba(17, 45, 92, 0.07) !important;
}

.content.people-page .candidate-feed-tabs button {
  min-width: 0 !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #334867 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 660 !important;
  white-space: normal !important;
}

.content.people-page .candidate-feed-tabs button i,
.content.people-page .candidate-feed-tabs button svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page .candidate-feed-tabs button.active {
  color: #155dff !important;
  background: linear-gradient(145deg, rgba(234, 243, 255, 0.96), rgba(255,255,255,0.86)) !important;
}

.content.people-page .agency-candidate-results-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .agency-candidate-results-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 2px 2px 0 !important;
  margin: 0 0 10px !important;
}

.content.people-page .agency-candidate-results-header span {
  display: none !important;
}

.content.people-page .agency-candidate-results-header strong {
  display: block !important;
  color: #071833 !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 840 !important;
}

.content.people-page .agency-candidate-results-header small {
  display: block !important;
  margin-top: 6px !important;
  color: #52647b !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  font-weight: 560 !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  gap: 14px !important;
  padding: 0 !important;
}

.content.people-page .candidate-result-card {
  width: 100% !important;
  border-radius: 24px !important;
  border: 1px solid rgba(204, 219, 240, 0.78) !important;
  background:
    radial-gradient(circle at 96% 7%, rgba(56, 121, 255, 0.08), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,251,255,0.95)) !important;
  box-shadow: 0 16px 36px rgba(15, 45, 91, 0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 70px minmax(0, 1fr) auto !important;
  grid-template-areas: "avatar main actions" !important;
  gap: 12px !important;
  padding: 16px !important;
}

.content.people-page .candidate-avatar-rail {
  align-items: center !important;
  gap: 6px !important;
}

.content.people-page .candidate-avatar.intel-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 24px rgba(27, 97, 229, 0.18) !important;
}

.content.people-page .candidate-summary-title h3 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #071833 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 840 !important;
}

.content.people-page .candidate-verified-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #1f7aff !important;
}

.content.people-page .candidate-verified-mark svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 3 !important;
}

.content.people-page .candidate-summary-title p {
  margin-top: 5px !important;
  color: #52647d !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 590 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.content.people-page .candidate-summary-highlights span,
.content.people-page .candidate-summary-intel span {
  min-height: 54px !important;
  padding: 9px 8px !important;
  border-radius: 15px !important;
  text-align: center !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.content.people-page .candidate-summary-intel span:nth-child(4) {
  display: none !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: end !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.content.people-page .candidate-tier-badge {
  min-width: 72px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
}

.content.people-page .candidate-profile-shortcut {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1964ff, #1555dc) !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(25, 100, 255, 0.22) !important;
}

.content.people-page .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 14px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-profile-shortcut,
.content.people-page .candidate-result-card:not(:first-child) .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  font-size: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  display: block !important;
}

@media (max-width: 370px) {
  .content.people-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .content.people-page .candidate-live-stats {
    gap: 7px !important;
  }

  .content.people-page .candidate-live-stats span {
    min-height: 72px !important;
  }

  .content.people-page .candidate-result-summary,
  .content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "actions actions" !important;
  }

  .content.people-page .candidate-summary-actions {
    grid-template-columns: auto auto !important;
    justify-items: start !important;
    padding-left: 66px !important;
  }
}

/* Candidate job filters need to remain legible over older marketplace overrides. */
.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar {
  min-height: 118px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid rgba(137, 184, 243, 0.52) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 86% 8%, rgba(94, 214, 255, 0.25), transparent 34%),
    linear-gradient(135deg, #061f3d 0%, #0e4d9d 58%, #4430a7 100%) !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(8, 31, 66, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  overflow: hidden !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar > div {
  min-width: 0 !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar span,
.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar h2,
.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar p {
  color: #fff !important;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.18) !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar span {
  display: block !important;
  margin-bottom: 3px !important;
  color: rgba(132, 220, 255, 0.95) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar h2 {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar p {
  margin: 5px 0 0 !important;
  max-width: 260px !important;
  color: rgba(226, 238, 255, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar .profile-header-button.light {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #082143 !important;
  box-shadow: 0 12px 22px rgba(2, 17, 42, 0.18) !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar .profile-header-button.light svg {
  width: 20px !important;
  height: 20px !important;
  color: #082143 !important;
  stroke: currentColor !important;
}

.content.worker-filter-page.marketplace-filter-page .premium-discovery-topbar .text-button {
  min-height: 42px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Worker Job Filters V6: richer discovery controls */
.content.marketplace-filter-page.worker-filter-page {
  padding-bottom: calc(236px + env(safe-area-inset-bottom)) !important;
}

.content.marketplace-filter-page .premium-discovery-topbar,
.content.marketplace-filter-page .marketplace-filter-summary,
.content.marketplace-filter-page .discovery-filter-card {
  border-color: rgba(167, 195, 230, 0.66) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(115, 103, 255, 0.08), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(242, 248, 255, 0.9)) !important;
  box-shadow: 0 18px 42px rgba(26, 51, 92, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.content.marketplace-filter-page .discovery-filter-card {
  padding: 14px !important;
  gap: 12px !important;
}

.discovery-segment-grid {
  gap: 8px !important;
}

.discovery-segment-grid button {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  white-space: normal !important;
  padding: 10px 11px !important;
  overflow: hidden !important;
}

.discovery-segment-grid button > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.discovery-segment-grid button strong {
  color: #0b1d35 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.discovery-segment-grid button small {
  color: #71839b !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.discovery-segment-grid button.active {
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
    linear-gradient(145deg, #eaf3ff, #f1efff) !important;
  border-color: rgba(82, 114, 246, 0.42) !important;
  box-shadow: 0 12px 26px rgba(35, 80, 170, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.discovery-segment-grid button.active strong {
  color: #1747b8 !important;
}

.discovery-segment-grid button.active small {
  color: #24726b !important;
}

.pay-boost-card {
  gap: 12px !important;
}

.pay-boost-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.pay-boost-head > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.pay-boost-head span {
  color: #0b1d35 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

.pay-boost-head small {
  color: #667891 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

.pay-boost-toggle {
  position: relative !important;
  width: 66px !important;
  height: 34px !important;
  flex: 0 0 66px !important;
  border: 1px solid #c8d7ed !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #667991 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

.pay-boost-toggle span {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%) !important;
  color: #667991 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

.pay-boost-toggle i {
  position: absolute !important;
  top: 4px !important;
  left: 5px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(21, 42, 76, 0.18) !important;
  transform: translateX(0) !important;
  transition: transform 180ms ease, background 180ms ease !important;
}

.pay-boost-toggle.active {
  color: #fff !important;
  border-color: rgba(78, 118, 255, 0.6) !important;
  background: linear-gradient(135deg, #0d5ec5, #5f51ee) !important;
}

.pay-boost-toggle.active span {
  left: 10px !important;
  right: auto !important;
  color: #fff !important;
}

.pay-boost-toggle.active i {
  background: #dff8ee !important;
  transform: translateX(32px) !important;
}

@media (prefers-reduced-motion: reduce) {
  .pay-boost-toggle,
  .pay-boost-toggle i {
    transition: none !important;
  }
}

.pay-boost-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 10px !important;
  border: 1px solid rgba(180, 204, 235, 0.72) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(234, 244, 255, 0.72)) !important;
}

.pay-boost-control label {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.pay-boost-control label small {
  color: #74849a !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.pay-boost-control label span {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.pay-boost-control b {
  color: #244b83 !important;
  font-size: 16px !important;
}

.pay-boost-control input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #071b35 !important;
  font-size: 22px !important;
  font-weight: 820 !important;
}

.pay-boost-control input:disabled {
  color: #8a9aae !important;
}

.pay-boost-control em {
  color: #496178 !important;
  background: #eaf2ff !important;
  border-radius: 999px !important;
  padding: 8px 10px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.pay-unit-grid,
.pay-preset-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.pay-unit-grid button,
.pay-preset-grid button {
  min-height: 34px !important;
  border: 1px solid #d8e3f1 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #51657d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.pay-unit-grid button.active,
.pay-preset-grid button.active {
  color: #1749bf !important;
  border-color: #9fb6ff !important;
  background: linear-gradient(135deg, #e8f2ff, #f1edff) !important;
  box-shadow: 0 10px 22px rgba(44, 92, 190, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.content.marketplace-filter-page .worker-filter-footer {
  z-index: 80 !important;
}

@media (max-width: 380px) {
  .pay-unit-grid,
  .pay-preset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Worker Documents V2: polished candidate-side vault */
.worker-tools-page {
  gap: 14px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(225, 237, 252, 0.88), transparent 28%),
    linear-gradient(180deg, #eff6ff 0%, #f7fbff 42%, #ffffff 100%) !important;
}

.worker-tools-page > .profile-section-card,
.worker-tools-page > .profile-manager-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.worker-documents-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px !important;
  min-height: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(88, 196, 255, 0.24), transparent 28%),
    linear-gradient(140deg, #061b36 0%, #123f87 56%, #1c7eea 100%) !important;
  border: 1px solid rgba(83, 154, 232, 0.42) !important;
  box-shadow: 0 24px 54px rgba(7, 24, 47, 0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.worker-documents-hero .compact-back-button {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  color: #dbeafe !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.worker-documents-hero-copy {
  min-width: 0 !important;
}

.worker-documents-hero .eyebrow {
  color: #56c5ff !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.16em !important;
  font-weight: 760 !important;
}

.worker-documents-hero h2 {
  margin: 6px 0 6px !important;
  max-width: 250px !important;
  color: #ffffff !important;
  font-size: clamp(24px, 5.8vw, 30px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 790 !important;
}

.worker-documents-hero span {
  display: block !important;
  max-width: 260px !important;
  color: rgba(226, 239, 255, 0.82) !important;
  font-size: 12.5px !important;
  line-height: 1.32 !important;
  font-weight: 620 !important;
}

.worker-documents-hero-badge {
  align-self: center !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  width: 126px !important;
  padding: 9px !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(132, 225, 188, 0.38) !important;
  color: #d8fff1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.worker-documents-hero-badge svg {
  width: 20px !important;
  height: 20px !important;
}

.worker-documents-hero-badge strong,
.worker-documents-hero-badge small {
  display: block !important;
}

.worker-documents-hero-badge strong {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

.worker-documents-hero-badge small {
  margin-top: 2px !important;
  color: rgba(216, 255, 241, 0.86) !important;
  font-size: 8.5px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
}

.worker-document-summary,
.worker-document-library {
  padding: 18px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(223, 235, 250, 0.7), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(247,251,255,0.94)) !important;
  border: 1px solid rgba(183, 207, 235, 0.74) !important;
  box-shadow: 0 18px 44px rgba(12, 39, 77, 0.1), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.worker-document-summary .section-mini-header,
.worker-document-library .section-mini-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 0 0 14px !important;
  margin: 0 0 14px !important;
  border-bottom: 1px solid rgba(189, 210, 234, 0.72) !important;
}

.worker-document-summary .section-mini-header span,
.worker-document-library .section-mini-header span {
  color: #4f627b !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 760 !important;
}

.worker-document-summary .section-mini-header small,
.worker-document-library .section-mini-header small {
  max-width: 140px !important;
  color: #11243e !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  text-align: right !important;
  font-weight: 650 !important;
}

.worker-document-summary .document-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.worker-document-summary .document-status-grid article {
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 11px 9px !important;
  border-radius: 18px !important;
  text-align: left !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(239,246,255,0.86)) !important;
  border: 1px solid rgba(185, 210, 239, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.worker-document-summary .document-status-grid small,
.worker-document-summary .document-status-grid span {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.worker-document-summary .document-status-grid small {
  color: #6b7c92 !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 760 !important;
}

.worker-document-summary .document-status-grid strong {
  margin: 6px 0 3px !important;
  color: #07182f !important;
  font-size: 18px !important;
  line-height: 0.95 !important;
  font-weight: 760 !important;
}

.worker-document-summary .document-status-grid span {
  color: #60738d !important;
  font-size: 10px !important;
  line-height: 1.12 !important;
  font-weight: 660 !important;
  letter-spacing: 0 !important;
}

.worker-document-summary .document-status-grid article.tier-status-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(87, 190, 141, 0.18), transparent 50%),
    linear-gradient(145deg, rgba(231, 250, 241, 0.98), rgba(246, 255, 250, 0.92)) !important;
  border-color: rgba(87, 190, 141, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 10px 22px rgba(22, 117, 77, 0.08) !important;
}

.worker-document-summary .document-status-grid article.tier-status-card small,
.worker-document-summary .document-status-grid article.tier-status-card strong,
.worker-document-summary .document-status-grid article.tier-status-card span {
  color: #08744f !important;
}

.worker-document-library article {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) minmax(92px, auto) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(221, 231, 243, 0.96) !important;
}

.worker-document-library article:first-of-type {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.worker-document-library article:last-child {
  padding-bottom: 0 !important;
}

.worker-document-library .document-row-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 16px !important;
  color: #1167d8 !important;
  background: linear-gradient(145deg, #eef6ff, #e5f0ff) !important;
}

.worker-document-row-copy {
  min-width: 0 !important;
}

.worker-document-row-copy strong {
  display: block !important;
  color: #07182f !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.worker-document-row-copy small,
.worker-document-row-copy p {
  display: block !important;
  margin: 0 !important;
  color: #65768d !important;
  font-size: 11px !important;
  line-height: 1.22 !important;
  font-weight: 610 !important;
}

.worker-document-row-copy small {
  margin-top: 5px !important;
}

.worker-document-row-copy p {
  margin-top: 3px !important;
  color: #8190a2 !important;
}

.worker-document-row-action {
  display: grid !important;
  justify-items: end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.worker-document-row-action .badge {
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

.worker-document-action-button {
  min-width: 82px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #0b213e !important;
  background: linear-gradient(145deg, #ffffff, #edf5ff) !important;
  border: 1px solid rgba(43, 91, 148, 0.24) !important;
  box-shadow: 0 8px 18px rgba(19, 52, 91, 0.08), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.worker-document-action-button.is-update {
  color: #0d2b52 !important;
  background: linear-gradient(145deg, #fbfdff, #eaf3ff) !important;
  border-color: rgba(21, 88, 170, 0.26) !important;
}

.worker-document-action-button.is-upload {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0b376f 0%, #1769da 100%) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 22px rgba(12, 74, 164, 0.18), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.worker-document-sheet {
  display: grid !important;
  gap: 12px !important;
}

.worker-document-sheet-hero,
.worker-document-dropzone,
.worker-document-sheet-note {
  border-radius: 20px !important;
  box-sizing: border-box !important;
}

.worker-document-sheet-hero {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 15px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(86, 197, 255, 0.22), transparent 35%),
    linear-gradient(135deg, #071c39 0%, #123f87 54%, #3158dc 100%) !important;
  border: 1px solid rgba(128, 181, 247, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 18px 34px rgba(8, 28, 58, 0.16) !important;
}

.worker-document-sheet-hero > span {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #d9fff1 !important;
}

.worker-document-sheet-hero svg {
  width: 20px !important;
  height: 20px !important;
}

.worker-document-sheet-hero small,
.worker-document-sheet-hero strong,
.worker-document-sheet-hero p {
  display: block !important;
  margin: 0 !important;
}

.worker-document-sheet-hero small {
  color: #7dd3fc !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 760 !important;
}

.worker-document-sheet-hero strong {
  margin-top: 4px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.worker-document-sheet-hero p {
  margin-top: 7px !important;
  color: rgba(226, 239, 255, 0.84) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.worker-document-dropzone {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(239,247,255,0.9)) !important;
  border: 1px dashed rgba(48, 111, 196, 0.42) !important;
}

.worker-document-dropzone.has-file {
  border-style: solid !important;
  border-color: rgba(22, 126, 87, 0.35) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(78, 214, 154, 0.12), transparent 45%),
    linear-gradient(145deg, rgba(249,255,252,0.98), rgba(237,248,255,0.9)) !important;
}

.worker-document-dropzone i {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  color: #1167d8 !important;
  background: #eaf3ff !important;
}

.worker-document-dropzone strong,
.worker-document-dropzone p {
  display: block !important;
  margin: 0 !important;
}

.worker-document-dropzone strong {
  color: #07182f !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
}

.worker-document-dropzone p {
  margin-top: 4px !important;
  color: #61738d !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

.worker-document-file-trigger {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0e4ea5, #1976df) !important;
  border: 1px solid rgba(72, 151, 239, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 10px 18px rgba(12, 83, 171, 0.12) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.worker-document-file-trigger input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.worker-document-file-trigger span {
  pointer-events: none !important;
}

.prototype-sheet-actions .button.is-muted {
  background: linear-gradient(135deg, #9aabc2, #8397b4) !important;
  box-shadow: none !important;
}

.worker-document-sheet-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.worker-document-sheet-grid article {
  min-width: 0 !important;
  padding: 11px !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
  border: 1px solid rgba(190, 211, 235, 0.8) !important;
}

.worker-document-sheet-grid small,
.worker-document-sheet-grid strong {
  display: block !important;
}

.worker-document-sheet-grid small {
  color: #728198 !important;
  font-size: 8.5px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 760 !important;
}

.worker-document-sheet-grid strong {
  margin-top: 5px !important;
  color: #07182f !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}

.worker-document-sheet-note {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 12px !important;
  color: #0c6649 !important;
  background: linear-gradient(145deg, #ecfbf4, #f8fffb) !important;
  border: 1px solid rgba(83, 190, 139, 0.28) !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
}

.worker-document-sheet-note svg {
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 420px) {
  .worker-tools-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .worker-documents-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 16px !important;
  }

  .worker-documents-hero-badge {
    width: auto !important;
    max-width: 190px !important;
  }

  .worker-document-summary,
  .worker-document-library {
    padding: 16px !important;
  }

  .worker-document-library article {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .worker-document-row-action {
    grid-column: 2 / -1 !important;
    grid-template-columns: auto auto !important;
    justify-content: start !important;
    justify-items: start !important;
  }

  .worker-document-dropzone,
  .worker-document-sheet-grid {
    grid-template-columns: 1fr !important;
  }

  .worker-document-file-trigger {
    justify-self: start !important;
  }
}

/* Agency candidate profile luxury pass */
.content.agency-candidate-profile-page {
  padding-inline: 8px !important;
}

.agency-candidate-profile-page .worker-profile-premium {
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-candidate-profile-page .career-passport-page {
  gap: 12px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-hero,
.agency-candidate-profile-page .career-passport-page .professional-passport-panel,
.agency-candidate-profile-page .agency-compliance-profile .profile-section-card,
.agency-candidate-profile-page .agency-compliance-profile .agency-compliance-status-card {
  border-radius: 22px !important;
  border: 1px solid rgba(184, 205, 229, 0.74) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(93, 104, 252, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,251,255,0.88)) !important;
  box-shadow: 0 18px 42px rgba(14, 37, 72, 0.08) !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-hero {
  padding: 15px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-topline span,
.agency-candidate-profile-page .career-passport-page .professional-passport-section-head span,
.agency-candidate-profile-page .agency-compliance-profile .section-mini-header span {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  color: #6f7f95 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main {
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  align-items: center !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-photo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 19px !important;
  font-size: 18px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-identity h2 {
  font-size: 24px !important;
  line-height: 1.02 !important;
  font-weight: 790 !important;
  letter-spacing: 0 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-identity p {
  margin-top: 4px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-score {
  min-width: 86px !important;
  width: 86px !important;
  border-radius: 18px !important;
  padding: 10px 8px !important;
  background: linear-gradient(145deg, rgba(8, 42, 89, 0.96), rgba(33, 86, 202, 0.9)) !important;
  box-shadow: 0 16px 30px rgba(16, 74, 170, 0.18) !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-score strong {
  font-size: 28px !important;
  line-height: 0.96 !important;
  font-weight: 800 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-score span,
.agency-candidate-profile-page .career-passport-page .professional-passport-score small {
  font-size: 8.5px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.06em !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-meta span {
  min-height: 52px !important;
  border-radius: 15px !important;
  padding: 8px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.agency-candidate-profile-page .career-passport-page .agency-confidence .professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.agency-candidate-profile-page .career-passport-page .agency-confidence .professional-passport-section-head em {
  width: 58px !important;
  height: 58px !important;
  border-radius: 20px !important;
  font-size: 22px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-section-head h3,
.agency-candidate-profile-page .agency-compliance-profile .section-mini-header + h3 {
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-passport-section-head p {
  max-width: 100% !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
}

.agency-candidate-profile-page .career-passport-page .professional-record-grid,
.agency-candidate-profile-page .career-passport-page .agency-confidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-candidate-profile-page .career-passport-page .professional-record-grid article,
.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article {
  min-height: 64px !important;
  border-radius: 16px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.76) !important;
  box-shadow: none !important;
}

.agency-candidate-profile-page .career-passport-page .professional-record-grid strong,
.agency-candidate-profile-page .career-passport-page .agency-confidence-grid strong {
  font-size: 13px !important;
  line-height: 1.14 !important;
  font-weight: 760 !important;
}

.agency-candidate-profile-page .career-passport-page .agency-trust-compact {
  padding: 14px !important;
  background:
    linear-gradient(135deg, rgba(7, 26, 53, 0.98), rgba(31, 81, 174, 0.93)) !important;
  color: #fff !important;
}

.agency-trust-compact-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.agency-trust-compact-head span {
  display: block;
  color: rgba(220, 235, 255, 0.74) !important;
  font-size: 9.5px;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agency-trust-compact-head h3 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.12;
  font-weight: 760;
}

.agency-trust-compact-head p {
  margin: 5px 0 0;
  color: rgba(226, 236, 250, 0.74);
  font-size: 11.5px;
  line-height: 1.34;
  font-weight: 590;
}

.agency-trust-compact-head em {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid rgba(116, 226, 189, 0.5);
  border-radius: 999px;
  padding: 7px 10px;
  color: #d9fff4;
  background: rgba(18, 121, 98, 0.34);
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.agency-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.agency-trust-strip span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255,255,255,0.09);
}

.agency-trust-strip small {
  display: block;
  color: rgba(226, 236, 250, 0.64);
  font-size: 8.5px;
  font-weight: 760;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.agency-trust-strip strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 730;
}

.agency-candidate-profile-page .career-passport-page .career-achievement-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.agency-candidate-profile-page .career-passport-page .career-achievement-summary span {
  min-height: 58px !important;
  border-radius: 16px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.72) !important;
}

.agency-candidate-profile-page .career-passport-page .career-achievement-summary strong {
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

.agency-candidate-profile-page .career-passport-page .career-achievement-list .achievement-row {
  min-height: 74px !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  border-radius: 18px !important;
  padding: 11px !important;
}

.agency-candidate-profile-page .career-passport-page .achievement-title {
  font-size: 14.5px !important;
  line-height: 1.12 !important;
  font-weight: 740 !important;
}

.agency-candidate-profile-page .career-passport-page .achievement-description {
  font-size: 11px !important;
  line-height: 1.28 !important;
  font-weight: 590 !important;
}

.agency-candidate-profile-page .career-passport-page .achievement-status {
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-size: 10.5px !important;
  font-weight: 740 !important;
}

.agency-candidate-profile-page .career-passport-page .passport-view-preview .career-passport-action-row {
  grid-template-columns: 1fr !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel {
  padding: 15px !important;
  background:
    radial-gradient(circle at 0 0, rgba(75, 210, 176, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(7, 26, 53, 0.98), rgba(38, 76, 166, 0.93)) !important;
  color: #fff !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel .section-mini-header {
  align-items: start !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel .section-mini-header span {
  color: rgba(220, 235, 255, 0.72) !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel .section-mini-header small {
  color: #d9fff4 !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-grid span {
  min-height: 72px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 17px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.09) !important;
  box-shadow: none !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-grid svg {
  width: 18px !important;
  height: 18px !important;
  color: #72e2bd !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-grid strong {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 740 !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-grid small {
  color: rgba(226, 236, 250, 0.7) !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
}

/* Keep Create Offer inside the mobile app shell */
.dispatch-workflow-backdrop {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
}

.dispatch-workflow-sheet {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.dispatch-workflow-sheet .dispatch-workflow-hero {
  border-radius: 0 0 24px 24px !important;
}

.dispatch-workflow-sheet .dispatch-workflow-body {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 10px !important;
}

.header-icon-button.active {
  transform: translateY(1px) scale(.96);
  color: #fff;
  background: linear-gradient(135deg, #101c3f, #4b2f88);
  box-shadow: 0 14px 30px rgba(24, 35, 72, .24);
}

.native-command-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: max(14px, env(safe-area-inset-top)) 12px calc(96px + env(safe-area-inset-bottom));
  background: rgba(5, 11, 29, .52);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  animation: commandBackdropIn .18s ease-out both;
  box-sizing: border-box;
}

.native-command-panel {
  position: relative;
  width: min(430px, 100%);
  max-width: 100%;
  min-height: 248px;
  overflow: hidden;
  color: #eaf1ff;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 30px;
  background:
    radial-gradient(circle at 16% -8%, rgba(134, 98, 255, .34), transparent 34%),
    linear-gradient(145deg, rgba(8, 16, 42, .96), rgba(18, 29, 64, .92) 45%, rgba(22, 13, 48, .94));
  box-shadow: 0 32px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);
  animation: commandPanelIn .26s cubic-bezier(.2,.82,.2,1) both;
  box-sizing: border-box;
}

.native-command-overlay.collapsed .native-command-panel {
  max-height: 42vh;
}

.native-command-overlay.half .native-command-panel {
  max-height: 72vh;
}

.native-command-overlay.full .native-command-panel {
  max-height: calc(100vh - 28px - env(safe-area-inset-top));
}

.native-command-scroll {
  max-height: inherit;
  overflow-y: auto;
  padding: 48px 16px 22px;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

.native-command-grabber {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 2;
  width: 48px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  transform: translateX(-50%);
}

.native-command-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.11);
}

.native-command-close svg,
.native-command-grabber svg {
  width: 18px;
  height: 18px;
}

.native-command-mode-row {
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 2;
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  max-width: calc(100% - 112px);
  padding: 4px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.native-command-mode-row button {
  min-width: 0;
  padding: 6px 8px;
  border: 0;
  border-radius: 999px;
  color: rgba(235,242,255,.72);
  background: transparent;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

.native-command-mode-row button.active {
  color: #0f1b35;
  background: #fff;
}

.native-command-content {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.native-command-header {
  display: grid;
  gap: 7px;
}

.native-command-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #b9c6f4;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.native-command-kicker i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #5cf0b4;
  box-shadow: 0 0 0 5px rgba(92,240,180,.12);
}

.native-command-header h2 {
  margin: 0;
  color: #fff;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: 0;
}

.native-command-header p {
  margin: 0;
  color: rgba(235,242,255,.72);
  font-size: 13px;
  line-height: 1.45;
}

.native-command-stats,
.message-command-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.message-command-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.native-command-stats span,
.message-command-summary span {
  min-width: 0;
  padding: 11px 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.native-command-stats small,
.message-command-summary small,
.native-command-stats em,
.message-command-summary em {
  display: block;
  overflow: hidden;
  color: rgba(235,242,255,.62);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.native-command-stats strong,
.message-command-summary strong {
  display: block;
  margin: 3px 0 1px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.native-command-controls {
  display: grid;
  gap: 10px;
}

.native-command-search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;
  background: rgba(255,255,255,.10);
  box-sizing: border-box;
}

.native-command-search svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: rgba(255,255,255,.74);
}

.native-command-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 13px;
  outline: 0;
}

.native-command-search input::placeholder {
  color: rgba(235,242,255,.54);
}

.native-command-filter-row {
  display: flex;
  gap: 8px;
  margin: 0 -2px;
  padding: 0 2px 2px;
  overflow-x: auto;
}

.native-command-filter-row button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: rgba(235,242,255,.70);
  background: rgba(255,255,255,.07);
  font-size: 12px;
  font-weight: 820;
  white-space: nowrap;
}

.native-command-filter-row button.active {
  color: #0e1830;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

.native-command-filter-row em {
  font-style: normal;
  opacity: .72;
}

.native-command-section {
  display: grid;
  gap: 10px;
}

.native-command-section-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
}

.native-command-section-title span {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.native-command-section-title strong {
  color: rgba(235,242,255,.62);
  font-size: 11px;
  font-weight: 800;
}

.native-priority-stack,
.native-message-priority,
.native-conversation-list,
.native-history-group {
  display: grid;
  gap: 10px;
}

.native-command-card,
.native-command-row,
.native-conversation-card,
.message-context-card,
.native-detail-hero,
.native-command-empty,
.notification-detail-facts {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  background: rgba(255,255,255,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.native-command-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  animation: commandCardIn .24s ease-out both;
}

.native-card-top,
.native-command-row button,
.native-conversation-card button,
.message-context-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.native-card-top {
  justify-content: space-between;
}

.native-card-top span,
.native-card-top em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(235,242,255,.72);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.native-card-top svg,
.native-command-row svg {
  width: 18px;
  height: 18px;
}

.native-command-card h3 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}

.native-command-card p {
  margin: 0;
  color: rgba(235,242,255,.68);
  font-size: 12px;
  line-height: 1.4;
}

.native-card-actions,
.native-detail-actions,
.message-thread-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 9px;
}

.native-card-actions button,
.native-detail-actions button,
.message-thread-actions button,
.message-context-card button,
.native-quick-reply button,
.message-thread-composer button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.10);
  font-size: 12px;
  font-weight: 900;
}

.native-card-actions .primary,
.native-detail-actions .primary,
.message-thread-composer .primary {
  color: #081126;
  background: #fff;
}

.native-history-group h3 {
  margin: 8px 0 0;
  color: rgba(235,242,255,.70);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.native-command-row {
  overflow: hidden;
}

.native-command-row button,
.native-conversation-card button {
  width: 100%;
  padding: 12px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  box-sizing: border-box;
}

.native-command-row i {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  color: #fff;
  background: rgba(255,255,255,.13);
  font-style: normal;
}

.native-command-row span,
.native-conversation-card span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.native-command-row small,
.native-conversation-card small,
.native-command-row em,
.native-conversation-card em {
  overflow: hidden;
  color: rgba(235,242,255,.60);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.native-command-row strong,
.native-conversation-card strong {
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.native-command-row u,
.native-conversation-card u {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  color: #081126;
  background: #83f8c0;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}

.native-conversation-avatar {
  display: grid !important;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 15px;
  color: #101b34;
  background: linear-gradient(135deg, #fff, #bfe0ff);
  font-size: 12px;
  font-weight: 950;
}

.native-conversation-card b {
  flex: 0 0 auto;
  max-width: 92px;
  overflow: hidden;
  padding: 6px 8px;
  border-radius: 999px;
  color: #cde3ff;
  background: rgba(255,255,255,.10);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.native-quick-reply,
.message-thread-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.native-quick-reply input,
.message-thread-composer input {
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.09);
  outline: 0;
}

.native-overlay-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.10);
  font-size: 12px;
  font-weight: 900;
}

.native-overlay-back svg {
  width: 16px;
  height: 16px;
}

.native-detail-hero,
.message-context-card {
  padding: 16px;
}

.native-detail-hero {
  display: grid;
  gap: 10px;
  overflow: hidden;
  background:
    radial-gradient(circle at 95% 0%, rgba(110, 82, 222, .22), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.07));
}

.native-detail-topline {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.native-detail-topline i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.24), transparent 34%),
    rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 28px rgba(0,0,0,.14);
  font-style: normal;
}

.native-detail-topline i svg {
  width: 19px;
  height: 19px;
  max-width: 19px;
  max-height: 19px;
  stroke-width: 2.2;
}

.native-detail-topline span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.native-detail-topline small,
.native-detail-topline strong,
.native-detail-topline em,
.message-context-card span {
  color: rgba(235,242,255,.66);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.native-detail-topline small {
  overflow: hidden;
  color: rgba(235,242,255,.58);
  font-size: 10px;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.native-detail-topline strong {
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.native-detail-topline em {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #eaf1ff;
  background: rgba(255,255,255,.10);
  font-size: 10px;
  white-space: nowrap;
}

.native-detail-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 3px 0 0;
}

.native-detail-hero h2,
.message-context-card h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(19px, 5.2vw, 24px);
  line-height: 1.1;
}

.native-detail-hero p,
.message-context-card p {
  margin: 0;
  color: rgba(235,242,255,.70);
  font-size: 13px;
  line-height: 1.45;
}

.native-detail-status-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.native-detail-status-strip span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: rgba(255,255,255,.075);
}

.native-detail-status-strip small {
  overflow: hidden;
  color: rgba(235,242,255,.52);
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.native-detail-status-strip strong {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-detail-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.notification-detail-facts span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
}

.notification-detail-facts small {
  color: rgba(235,242,255,.58);
  font-size: 10px;
  font-weight: 800;
}

.notification-detail-facts strong {
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 13px;
}

.message-context-card {
  display: grid;
  gap: 12px;
  justify-content: stretch;
  background:
    radial-gradient(circle at 90% 0%, rgba(132, 90, 255, .26), transparent 34%),
    linear-gradient(145deg, rgba(10, 18, 45, .86), rgba(32, 20, 70, .82));
}

.message-context-head,
.message-context-card div {
  min-width: 0;
}

.message-context-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.message-context-facts span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.08);
}

.message-context-facts small {
  overflow: hidden;
  color: rgba(235,242,255,.54);
  font-size: 9px;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.message-context-facts strong {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-context-card > button {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  color: #071427;
  background: #fff;
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(0,0,0,.16);
}

.native-command-overlay.messages .native-command-scroll {
  padding-top: 42px;
}

.native-command-overlay.messages .native-command-filter-row button {
  min-height: 38px;
  padding-inline: 13px;
}

.native-chat-stream {
  display: grid;
  gap: 9px;
}

.native-chat-bubble {
  width: fit-content;
  max-width: 86%;
  padding: 10px 12px;
  border-radius: 17px;
  background: rgba(255,255,255,.12);
}

.native-chat-bubble.me {
  justify-self: end;
  color: #081126;
  background: #fff;
}

.native-chat-bubble p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.native-chat-bubble small {
  display: block;
  margin-top: 4px;
  color: currentColor;
  font-size: 10px;
  opacity: .58;
}

.native-command-empty {
  display: grid;
  gap: 7px;
  place-items: center;
  padding: 18px;
  text-align: center;
}

.native-command-empty svg {
  width: 22px;
  height: 22px;
}

.native-command-empty strong {
  color: #fff;
  font-size: 14px;
}

.native-command-empty p {
  max-width: 260px;
  margin: 0;
  color: rgba(235,242,255,.66);
  font-size: 12px;
  line-height: 1.4;
}

.native-command-overlay.collapsed .native-command-stats,
.native-command-overlay.collapsed .message-command-summary,
.native-command-overlay.collapsed .native-command-controls,
.native-command-overlay.collapsed .native-history-group:nth-child(n+3),
.native-command-overlay.collapsed .native-conversation-list {
  display: none;
}

@keyframes commandBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes commandPanelIn {
  from { opacity: 0; transform: translateY(-18px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes commandCardIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 370px) {
  .native-command-overlay {
    padding-left: 8px;
    padding-right: 8px;
  }

  .native-command-scroll {
    padding-left: 12px;
    padding-right: 12px;
  }

  .native-command-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .native-card-actions,
  .native-detail-actions,
  .message-thread-actions,
  .notification-detail-facts,
  .message-context-facts {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* AgencyHub Financial Command Centre */
.financial-command-tabs {
  margin-bottom: 14px;
  padding: 4px;
  border: 1px solid rgba(15, 35, 67, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 12px 30px rgba(15, 35, 67, 0.08);
  backdrop-filter: blur(18px);
}

.financial-command-tabs button {
  min-height: 42px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 900;
}

.financial-command-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #091a33, #174071);
  box-shadow: 0 10px 24px rgba(9, 26, 51, 0.22);
}

.financial-command-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 26px;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 122px;
  gap: 14px;
  align-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 95% 5%, rgba(77, 221, 168, 0.28), transparent 32%),
    radial-gradient(circle at 10% 0%, rgba(91, 135, 255, 0.24), transparent 30%),
    linear-gradient(145deg, #06172e, #0b2445 58%, #102f55);
  box-shadow: 0 24px 56px rgba(5, 23, 46, 0.28);
}

.financial-command-hero.tools {
  grid-template-columns: minmax(0, 1fr) 92px;
  background:
    radial-gradient(circle at 92% 8%, rgba(105, 228, 179, 0.23), transparent 32%),
    linear-gradient(145deg, #0b1f38, #132f56);
}

.financial-command-copy,
.financial-command-hero > div {
  min-width: 0;
}

.financial-command-copy > span,
.financial-command-hero > div > span {
  display: block;
  color: rgba(224, 244, 255, 0.7);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.financial-command-hero h2 {
  margin: 7px 0 0;
  max-width: 260px;
  color: #fff;
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: 0;
}

.financial-command-hero p {
  margin: 8px 0 0;
  max-width: 275px;
  color: rgba(232, 243, 255, 0.72);
  font-size: 11px;
  line-height: 1.45;
}

.financial-health-score-card,
.financial-command-hero aside {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  padding: 10px;
  display: grid;
  justify-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.financial-health-ring {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at center, #0b2445 0 56%, transparent 57%),
    conic-gradient(#6ee7b7 var(--health-score), rgba(255, 255, 255, 0.16) 0);
}

.financial-health-ring strong {
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.financial-health-ring small,
.financial-health-score-card > small,
.financial-command-hero aside small {
  color: rgba(230, 246, 255, 0.68);
  font-size: 8px;
  font-weight: 850;
}

.financial-health-score-card > span,
.financial-command-hero aside strong {
  color: #d9fbe8;
  font-size: 13px;
  font-weight: 950;
}

.financial-command-hero aside strong {
  font-size: 25px;
}

.financial-overview-glass,
.smart-tax-engine-card,
.financial-insights-panel,
.premium-tax-pot-card,
.financial-passport-evolution-card,
.premium-expense-command,
.hmrc-readiness-card {
  border: 1px solid rgba(20, 42, 76, 0.1);
  border-radius: 24px;
  padding: 15px;
  background:
    radial-gradient(circle at 100% 0, rgba(57, 123, 255, 0.07), transparent 34%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(13, 39, 74, 0.09);
}

.financial-overview-glass {
  color: #f7fbff;
  border-color: rgba(255, 255, 255, 0.13);
  background:
    radial-gradient(circle at 100% 0, rgba(83, 226, 164, 0.19), transparent 32%),
    linear-gradient(145deg, #07182f, #0c253f);
}

.financial-overview-head,
.tax-os-section-head,
.tax-v2-payment-head,
.tax-v2-reserve-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.financial-overview-head > span,
.smart-tax-engine-card .tax-os-section-head span,
.financial-insights-panel .tax-os-section-head span,
.financial-passport-evolution-card .tax-os-section-head span,
.premium-tax-pot-card > div > span {
  display: block;
  color: #74859d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.financial-overview-head > span {
  color: rgba(226, 242, 255, 0.65);
}

.financial-overview-head em {
  border-radius: 999px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #d9fbe8;
  background: rgba(255, 255, 255, 0.1);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.financial-overview-head svg {
  width: 12px;
  height: 12px;
}

.financial-overview-main {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 10px;
}

.financial-overview-main article,
.financial-overview-grid span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.08);
}

.financial-overview-main small,
.financial-overview-grid small,
.smart-tax-grid small,
.financial-passport-evolution-grid small,
.expense-command-summary small {
  display: block;
  color: rgba(99, 116, 139, 0.86);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.financial-overview-main small,
.financial-overview-grid small {
  color: rgba(226, 242, 255, 0.62);
}

.financial-overview-main strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 25px;
  line-height: 1;
}

.financial-overview-main em,
.financial-overview-grid em {
  display: block;
  margin-top: 6px;
  color: rgba(226, 242, 255, 0.68);
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.financial-overview-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.financial-overview-grid strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 13px;
}

.financial-overview-actions {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.financial-overview-actions button,
.smart-tax-engine-button,
.premium-tax-pot-actions button,
.tax-v2-payment-action {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  color: #07182f;
  background: #d9fbe8;
  font-size: 9px;
  font-weight: 950;
}

.smart-tax-engine-button,
.premium-tax-pot-actions button,
.tax-v2-payment-action {
  width: 100%;
  color: #fff;
  background: linear-gradient(135deg, #081a32, #174071);
  box-shadow: 0 12px 26px rgba(15, 45, 86, 0.2);
}

.smart-tax-grid,
.financial-passport-evolution-grid,
.expense-command-summary {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.smart-tax-grid span,
.financial-passport-evolution-grid span,
.expense-command-summary span {
  min-width: 0;
  border: 1px solid #e2eaf4;
  border-radius: 16px;
  padding: 10px;
  background: linear-gradient(145deg, #fff, #f7fbff);
}

.smart-tax-grid strong,
.financial-passport-evolution-grid strong,
.expense-command-summary strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #132f56;
  font-size: 15px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smart-tax-engine-button {
  margin-top: 12px;
}

.financial-insight-list {
  display: grid;
  gap: 8px;
}

.financial-insight-list article {
  border: 1px solid #e3ebf4;
  border-radius: 16px;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: #2f4560;
  background: #f8fbff;
  font-size: 11px;
  line-height: 1.42;
}

.financial-insight-list svg {
  width: 17px;
  height: 17px;
  color: #1967d2;
}

.premium-tax-pot-card {
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0, rgba(37, 183, 119, 0.12), transparent 35%),
    linear-gradient(145deg, #fff, #f5fbf8);
}

.premium-tax-pot-ring {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at center, #fff 0 58%, transparent 59%),
    conic-gradient(#19a974 var(--tax-pot-cover), #dfe8f0 0);
}

.premium-tax-pot-ring strong {
  color: #0b6f4e;
  font-size: 21px;
}

.premium-tax-pot-ring small {
  color: #668095;
  font-size: 8px;
  font-weight: 900;
}

.premium-tax-pot-card h3 {
  margin: 4px 0 0;
  color: #11365e;
  font-size: 18px;
}

.premium-tax-pot-card p {
  margin: 6px 0 0;
  color: #657991;
  font-size: 10px;
  line-height: 1.45;
}

.premium-tax-pot-actions {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.tax-v2-strategy-row {
  margin-top: 10px;
}

.premium-expense-command .tax-v2-expense-types.premium {
  margin-top: 12px;
}

.tax-v2-expense-types.premium button {
  border: 1px solid #e2eaf4;
  border-radius: 15px;
  padding: 10px;
  display: grid;
  gap: 4px;
  text-align: left;
  color: #143a62;
  background: #fff;
}

.tax-v2-expense-types.premium strong,
.tax-v2-expense-types.premium small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tax-v2-expense-types.premium strong {
  font-size: 11px;
}

.tax-v2-expense-types.premium small {
  color: #6d7f94;
  font-size: 9px;
}

.receipt-upload-strip {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.receipt-upload-strip button {
  min-width: 0;
  border: 1px solid #e0e8f2;
  border-radius: 16px;
  padding: 9px;
  display: grid;
  gap: 6px;
  color: #173a5f;
  background: linear-gradient(145deg, #fff, #f7fbff);
  text-align: left;
}

.receipt-upload-strip svg {
  width: 18px;
  height: 18px;
  color: #1967d2;
}

.receipt-upload-strip strong,
.receipt-upload-strip small {
  display: block;
}

.receipt-upload-strip strong {
  font-size: 10px;
}

.receipt-upload-strip small {
  color: #718398;
  font-size: 8px;
  line-height: 1.25;
}

.hmrc-checklist {
  display: grid;
  gap: 8px;
}

.hmrc-checklist span {
  border: 1px solid #e3ebf4;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
}

.hmrc-checklist span.complete {
  color: #0d7654;
  background: #f1fbf6;
}

.hmrc-checklist span.attention {
  color: #8b5f14;
  background: #fff8eb;
}

.hmrc-checklist svg {
  width: 16px;
  height: 16px;
}

.hmrc-checklist strong {
  font-size: 11px;
}

.financial-passport-evolution-card {
  background:
    radial-gradient(circle at 100% 0, rgba(117, 91, 255, 0.1), transparent 34%),
    linear-gradient(145deg, #fff, #f8f6ff);
}

.tax-v2-actions.command {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tax-v2-actions.command button {
  min-height: 58px;
}

.tax-v2-pack-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tax-v2-pack-list span svg {
  width: 15px;
  height: 15px;
  color: #0d7654;
}

.expense-command-summary em {
  display: block;
  margin-top: 2px;
  color: #6d7f94;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
}

@media (max-width: 390px) {
  .financial-command-hero,
  .financial-command-hero.tools,
  .premium-tax-pot-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-health-score-card,
  .financial-command-hero aside {
    justify-self: start;
    width: 100%;
  }

  .financial-overview-main,
  .financial-overview-grid,
  .financial-overview-actions,
  .receipt-upload-strip,
  .smart-tax-grid,
  .financial-passport-evolution-grid,
  .expense-command-summary,
  .tax-v2-expense-types.premium,
  .tax-v2-actions.command {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Final enterprise training overrides must win over legacy mobile rules. */
.agency-training-page .training-engine-actions {
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 80;
  display: grid;
  grid-template-columns: 0.78fr 1fr 1.08fr;
  gap: 8px;
  width: min(398px, calc(100vw - 32px));
  transform: translateX(-50%);
  padding: 10px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 44px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.agency-training-page .training-engine-actions button:first-child {
  display: block;
}

.agency-training-page .training-engine-actions button {
  min-width: 0;
  min-height: 48px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.1;
}

.agency-training-page .training-engine-actions .button {
  background: linear-gradient(135deg, #071f5f, #1238b6 54%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.agency-training-page .training-engine-actions button:first-child {
  display: flex !important;
}

/* Final cascade lock for the Training Operations Command Header. */
.agency-training-page .training-command-header {
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 24px !important;
}

.agency-training-page .training-command-sheen {
  inset: 0 !important;
  width: 100% !important;
  height: 88px !important;
  transform: none !important;
}

.agency-training-page .training-command-identity h2 {
  font-size: 18px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.agency-training-page .training-command-identity p {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

.agency-training-page .training-command-identity small,
.agency-training-page .training-command-progress-copy small {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.agency-training-page .training-command-progress-copy strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.agency-training-page .training-command-summary:not([open]) > div,
.agency-training-page .training-command-checklist:not([open]) > div {
  display: none !important;
}

/* Compact mobile geometry for the command header. */
.agency-training-page .training-command-header {
  gap: 9px !important;
  padding: 14px !important;
}

.agency-training-page .training-command-top {
  position: relative !important;
  display: block !important;
  min-height: 64px !important;
  padding-right: 106px !important;
}

.agency-training-page .training-command-actions {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  justify-self: auto !important;
}

.agency-training-page .training-command-back,
.agency-training-page .training-command-type-icon,
.agency-training-page .training-command-actions button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
}

.agency-training-page .training-command-back svg,
.agency-training-page .training-command-type-icon svg,
.agency-training-page .training-command-actions svg {
  width: 15px !important;
  height: 15px !important;
}

.agency-training-page .training-command-identity {
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  gap: 8px !important;
}

.agency-training-page .training-command-progress {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
}

.agency-training-page .training-command-progress-bar {
  height: 6px !important;
}

/* Worker professional operating system */
.worker-premium-page {
  gap: 14px;
  padding-bottom: calc(98px + env(safe-area-inset-bottom));
  background:
    linear-gradient(180deg, rgba(242, 246, 252, 0.72), rgba(249, 250, 252, 0.96));
}

.worker-premium-page > section {
  min-width: 0;
}

.worker-command-hero {
  overflow: hidden;
  position: relative;
  padding: 17px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 0%, rgba(141, 111, 255, 0.34), transparent 34%),
    linear-gradient(140deg, #071a35 0%, #0b3f8f 54%, #5334b8 100%);
  box-shadow: 0 18px 42px rgba(7, 26, 53, 0.22);
}

.worker-command-topline,
.worker-section-heading,
.worker-shift-pass-head,
.worker-finance-topline,
.worker-profile-hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.worker-command-topline > span,
.worker-section-heading > div > span,
.worker-shift-pass-head > span,
.worker-finance-topline > span,
.worker-profile-hero-top > span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.worker-command-topline > span {
  color: rgba(255, 255, 255, 0.7);
}

.worker-command-topline button {
  position: relative;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.worker-command-topline button svg {
  width: 16px;
  height: 16px;
}

.worker-command-topline button i {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #10233d;
  background: #d8fbe8;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.worker-command-identity {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.worker-command-avatar {
  position: relative;
  width: 58px;
  height: 58px;
  border: 2px solid rgba(255, 255, 255, 0.32);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #102b56;
  background: linear-gradient(145deg, #fff, #d7e8ff);
  font-size: 19px;
  font-weight: 950;
}

.worker-command-avatar i,
.worker-profile-identity-premium .profile-photo i {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 14px;
  height: 14px;
  border: 3px solid #143c81;
  border-radius: 999px;
  background: #45d68b;
}

.worker-command-identity small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 800;
}

.worker-command-identity h2 {
  margin: 2px 0 2px;
  color: #fff;
  font-size: 23px;
  line-height: 1.1;
  letter-spacing: 0;
}

.worker-command-identity p {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 12px;
  font-weight: 750;
}

.workforce-command-centre {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 22px;
  display: grid;
  gap: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(80, 217, 167, .22), transparent 34%),
    radial-gradient(circle at 0% 10%, rgba(126, 105, 255, .20), transparent 30%),
    linear-gradient(145deg, #071a35 0%, #113f77 56%, #132f47 100%);
  box-shadow: 0 22px 52px rgba(7, 26, 53, .22);
}

.workforce-command-centre::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.10), transparent 28%);
}

.workforce-command-centre > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.workforce-command-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.workforce-command-head span,
.workforce-score-copy small,
.workforce-metric-row small,
.workforce-quick-status small {
  display: block;
  color: rgba(255, 255, 255, .62);
  font-size: 8px;
  font-weight: 920;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.workforce-command-head h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.08;
  letter-spacing: 0;
}

.workforce-command-head p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
}

.workforce-command-head p strong {
  color: #fff;
}

.workforce-status-chip {
  min-height: 34px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e9f6ff;
  background: rgba(255,255,255,.10);
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
  backdrop-filter: blur(12px);
}

.workforce-status-chip i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #46d88d;
  box-shadow: 0 0 0 4px rgba(70, 216, 141, .16);
  animation: readyPulse 1.9s ease-in-out infinite;
}

.workforce-score-strip {
  padding: 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 17px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

.workforce-score-indicator {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 50%, #10294b 0 54%, transparent 55%),
    conic-gradient(#56dfa6 calc(var(--score) * 1%), rgba(255,255,255,.18) 0);
  box-shadow: 0 10px 22px rgba(2, 13, 30, .22);
  transition: transform .18s ease, filter .18s ease;
}

.workforce-score-strip:active .workforce-score-indicator {
  transform: scale(1.04);
  filter: brightness(1.08);
}

.workforce-score-indicator strong {
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.workforce-score-copy h3 {
  margin: 2px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

.workforce-score-copy p {
  margin: 5px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  line-height: 1.35;
}

.workforce-score-copy b {
  color: #d9fbe8;
}

.workforce-trust-badge {
  grid-column: 1 / -1;
  width: fit-content;
  max-width: 100%;
  min-height: 27px;
  padding: 0 9px;
  border: 1px solid rgba(216, 251, 232, .26);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #dffbed;
  background: rgba(80, 217, 167, .12);
  font-size: 9px;
  font-weight: 900;
}

.workforce-trust-badge svg {
  width: 13px;
  height: 13px;
}

.workforce-metric-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.workforce-metric-row span {
  min-width: 0;
  padding: 9px 5px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: rgba(255,255,255,.08);
  text-align: center;
}

.workforce-metric-row strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}

.workforce-quick-status {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workforce-quick-status span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 2px 8px;
  background: rgba(255,255,255,.08);
}

.workforce-quick-status svg {
  grid-row: span 2;
  width: 17px;
  height: 17px;
  color: #d9fbe8;
}

.workforce-quick-status strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 930;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workforce-insights-link {
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: rgba(255,255,255,.10);
  font-size: 11px;
  font-weight: 920;
}

.workforce-insights-link svg {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
}

@keyframes readyPulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(70, 216, 141, .14); }
  50% { box-shadow: 0 0 0 7px rgba(70, 216, 141, .04); }
}

.shift-os-card.worker-shift-pass:not(.on-shift) {
  border-color: rgba(18, 50, 87, .09);
  color: #0c2340;
  background:
    radial-gradient(circle at 98% 0%, rgba(31, 132, 229, .12), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,249,255,.94));
  box-shadow: 0 18px 42px rgba(12, 39, 76, .13);
}

.shift-os-card.worker-shift-pass:not(.on-shift)::after {
  border-top-color: rgba(31, 78, 128, .10);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-head > span,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-main small,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-route small,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-main p,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-meta,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-meta b {
  color: #5e7087;
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-main h3,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-route strong,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-countdown strong {
  color: #0c2340;
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-main p b {
  color: #6f7f92;
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-head em {
  color: #116047;
  border-color: rgba(26, 145, 99, .16);
  background: rgba(225, 248, 237, .92);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-route > i {
  background: linear-gradient(90deg, #2b6fd5, #8d75ff, #64c994);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-meta svg {
  color: #2365bf;
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-premium-badges span {
  color: #275177;
  border-color: rgba(38, 89, 142, .12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 16px rgba(12, 39, 76, .05);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-actions {
  background: rgba(247, 250, 254, .92);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-actions button {
  color: #173a5f;
  border-color: rgba(27, 74, 126, .12);
  background: #fff;
  box-shadow: 0 8px 18px rgba(10, 36, 70, .06);
}

.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-actions button:first-child,
.shift-os-card.worker-shift-pass:not(.on-shift) .worker-shift-pass-actions button:nth-child(3) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #0d4da8, #4d38bd);
  box-shadow: 0 10px 22px rgba(24, 78, 168, .20);
}

.worker-prestige-tags {
  margin-top: 8px;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}

.worker-prestige-tags span {
  flex: 0 0 auto;
  min-height: 25px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.1);
  font-size: 9px;
  font-weight: 850;
  white-space: nowrap;
}

.worker-prestige-tags svg {
  width: 11px;
  height: 11px;
}

.worker-live-status {
  width: 100%;
  margin-top: 14px;
  min-height: 47px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  color: #fff;
  background: rgba(4, 18, 41, 0.3);
  text-align: left;
}

.worker-live-status > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 850;
}

.worker-live-status > strong {
  font-size: 12px;
}

.worker-live-status > svg {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
}

.worker-score-card,
.worker-premium-surface,
.worker-career-card,
.worker-empty-premium {
  padding: 15px;
  border: 1px solid rgba(11, 49, 94, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(20, 42, 75, 0.08);
}

.worker-section-heading {
  margin-bottom: 13px;
}

.worker-section-heading h3 {
  margin: 2px 0 0;
  color: #10233d;
  font-size: 17px;
  line-height: 1.18;
}

.worker-section-heading > div > span {
  color: #6b7890;
}

.worker-section-heading > em {
  padding: 5px 7px;
  border-radius: 999px;
  color: #146846;
  background: #e5f8ee;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.worker-section-heading button {
  border: 0;
  color: #1d5bc4;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
}

.worker-score-layout {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.worker-score-ring {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  background:
    radial-gradient(circle at center, #fff 58%, transparent 60%),
    conic-gradient(#2d65d7 calc(var(--score) * 1%), #e4eaf3 0);
}

.worker-score-ring strong {
  color: #10233d;
  font-size: 27px;
  line-height: 1;
}

.worker-score-ring span {
  color: #738097;
  font-size: 10px;
  font-weight: 850;
}

.worker-score-signals {
  display: grid;
  gap: 8px;
}

.worker-score-signals > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
}

.worker-score-signals small,
.worker-score-signals strong {
  color: #66758b;
  font-size: 10px;
}

.worker-score-signals strong {
  color: #10233d;
}

.worker-score-signals i,
.worker-reputation-grid i,
.worker-career-progress i {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
}

.worker-score-signals b,
.worker-reputation-grid b,
.worker-career-progress b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2159c7, #7254da, #35b978);
}

.worker-score-link {
  width: 100%;
  margin-top: 13px;
  min-height: 37px;
  border: 0;
  border-top: 1px solid #e8edf4;
  display: flex;
  align-items: end;
  justify-content: space-between;
  color: #1b53ac;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
}

.worker-score-link svg {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
}

.worker-shift-pass {
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(16, 42, 78, 0.12);
  border-radius: 8px;
  color: #10233d;
  background:
    linear-gradient(90deg, transparent 0 58%, rgba(51, 186, 123, 0.08) 58%),
    #fff;
  box-shadow: 0 16px 34px rgba(17, 41, 74, 0.11);
}

.worker-shift-pass.on-shift {
  background:
    radial-gradient(circle at 88% 8%, rgba(31, 191, 128, 0.16), transparent 35%),
    linear-gradient(145deg, #071b34 0%, #123d78 58%, #0f6c55 100%);
  color: #fff;
  box-shadow: 0 18px 40px rgba(8, 29, 58, 0.22);
}

.worker-shift-pass.on-shift::after {
  border-top-color: rgba(255, 255, 255, 0.24);
}

.worker-shift-pass.on-shift .worker-shift-pass-head > span,
.worker-shift-pass.on-shift .worker-shift-pass-main small,
.worker-shift-pass.on-shift .worker-shift-route small,
.worker-shift-pass.on-shift .worker-shift-pass-main p,
.worker-shift-pass.on-shift .worker-shift-pass-meta,
.worker-shift-pass.on-shift .worker-shift-pass-meta b {
  color: rgba(255, 255, 255, 0.7);
}

.worker-shift-pass.on-shift .worker-shift-pass-head em {
  color: #c7f7df;
  background: rgba(31, 191, 128, 0.16);
}

.worker-shift-pass.on-shift .worker-shift-countdown strong,
.worker-shift-pass.on-shift .worker-shift-pass-main h3,
.worker-shift-pass.on-shift .worker-shift-route strong {
  color: #fff;
}

.worker-shift-pass.on-shift .worker-shift-pass-meta svg {
  color: #7ce7b9;
}

.worker-shift-pass.on-shift .worker-shift-pass-actions {
  background: rgba(255, 255, 255, 0.08);
}

.worker-shift-pass.on-shift .worker-shift-pass-actions button {
  color: #eaf4ff;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
}

.worker-shift-pass.on-shift .worker-shift-pass-actions button:first-child,
.worker-shift-pass.on-shift .worker-shift-pass-actions button:nth-child(2) {
  color: #071b34;
  background: #fff;
}

.worker-shift-pass::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 57px;
  border-top: 1px dashed #cbd5e3;
}

.worker-shift-pass-head,
.worker-shift-pass-main,
.worker-shift-route,
.worker-shift-pass-meta {
  padding-left: 15px;
  padding-right: 15px;
}

.worker-shift-pass-head {
  padding-top: 13px;
}

.worker-shift-pass-head > span {
  color: #64748b;
}

.worker-shift-pass-head em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #146846;
  background: #e6f8ef;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.worker-shift-pass-main {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.worker-shift-pass-main small,
.worker-shift-route small,
.worker-shift-pass-meta {
  color: #718097;
  font-size: 10px;
  font-weight: 850;
}

.worker-shift-pass-main h3 {
  margin: 2px 0;
  font-size: 18px;
  line-height: 1.16;
}

.worker-shift-pass-main p {
  margin: 0;
  color: #56677f;
  font-size: 12px;
}

.worker-shift-countdown {
  text-align: right;
}

.worker-shift-countdown strong {
  display: block;
  margin-top: 3px;
  color: #6540c9;
  font-size: 16px;
}

.worker-shift-route {
  margin-top: 14px;
  display: grid;
  grid-template-columns: auto minmax(36px, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.worker-shift-route span:last-child {
  text-align: right;
}

.worker-shift-route strong {
  display: block;
  margin-top: 2px;
  font-size: 16px;
}

.worker-shift-route > i {
  height: 2px;
  background: linear-gradient(90deg, #2c65d2, #7655d9);
}

.worker-shift-pass-meta {
  margin: 12px 0 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.worker-shift-pass-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.worker-shift-pass-meta svg {
  width: 13px;
  height: 13px;
  color: #285fc3;
}

.worker-shift-pass-meta b {
  color: #33445e;
  font-size: 10px;
}

.worker-shift-pass-actions {
  position: relative;
  z-index: 1;
  padding: 13px 15px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  background: #f7f9fc;
}

.worker-shift-pass-actions button {
  min-width: 0;
  min-height: 36px;
  padding: 5px 3px;
  border: 1px solid #d8e0eb;
  border-radius: 6px;
  color: #263a58;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
}

.worker-shift-pass-actions button:first-child,
.worker-shift-pass-actions button:nth-child(3) {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #174cae, #6943c6);
}

.worker-wallet-overview {
  padding: 15px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(96, 207, 160, 0.18), transparent 35%),
    linear-gradient(145deg, #0b182c, #122c4e 58%, #154a44);
  box-shadow: 0 18px 40px rgba(8, 27, 49, 0.2);
}

.worker-section-heading.light h3,
.worker-wallet-overview .worker-section-heading h3 {
  color: #fff;
}

.worker-section-heading.light > div > span {
  color: rgba(255, 255, 255, 0.6);
}

.worker-wallet-overview .worker-section-heading button {
  color: #cbe6ff;
}

.worker-wallet-balance span,
.worker-wallet-balance small {
  display: block;
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
  font-weight: 800;
}

.worker-wallet-balance strong {
  display: block;
  margin: 3px 0;
  font-size: 29px;
  line-height: 1;
  animation: walletValueRise .46s ease-out both;
}

@keyframes walletValueRise {
  from { opacity: .62; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.worker-wallet-metrics {
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.worker-wallet-metrics span {
  min-width: 0;
}

.worker-wallet-metrics small {
  display: block;
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 800;
}

.worker-wallet-metrics strong {
  font-size: 14px;
}

.worker-wallet-metrics em {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.worker-wallet-metrics .worker-wallet-payout {
  grid-column: 1 / -1;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, .08);
}

.worker-wallet-metrics .worker-wallet-payout strong {
  color: #d8fbe8;
  font-size: 13px;
  text-align: right;
}

.worker-wallet-actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.worker-wallet-actions button {
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  font-size: 11px;
  font-weight: 900;
}

.worker-wallet-actions button:first-child {
  color: #09253a;
  border: 0;
  background: #c8f4de;
}

.payment-category-grid {
  margin-top: 14px;
}

.worker-career-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.worker-career-route span {
  min-width: 0;
  padding: 9px;
  border-radius: 6px;
  background: #f5f7fb;
}

.worker-career-route small,
.worker-career-progress span {
  display: block;
  color: #738097;
  font-size: 9px;
  font-weight: 850;
}

.worker-career-route strong {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.2;
}

.worker-career-route > i {
  height: 2px;
  background: linear-gradient(90deg, #2b63cf, #6f4fd1);
}

.worker-career-progress {
  margin-top: 12px;
  display: grid;
  gap: 7px;
}

.worker-career-progress span {
  text-align: right;
}

.worker-career-progress span strong {
  color: #176747;
}

.worker-career-requirements {
  margin-top: 11px;
  display: grid;
  gap: 6px;
}

.worker-career-requirements button {
  min-width: 0;
  padding: 8px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 1px 8px;
  color: #142842;
  background: #fff;
  text-align: left;
}

.worker-career-requirements button > span {
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #6844c4;
  background: #eee9fb;
}

.worker-career-requirements svg {
  width: 15px;
  height: 15px;
}

.worker-career-requirements strong {
  font-size: 11px;
}

.worker-career-requirements small {
  color: #758299;
  font-size: 9px;
}

.worker-recommendation-list,
.worker-passport-list,
.worker-activity-list {
  display: grid;
  gap: 7px;
}

.worker-recommendation-list article {
  min-width: 0;
  padding: 9px;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.worker-match-orb {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  color: #174a9d;
  background: #eaf2ff;
  text-align: center;
}

.worker-match-orb strong {
  font-size: 12px;
  line-height: 1;
}

.worker-match-orb small {
  font-size: 8px;
}

.worker-recommendation-list article > div:nth-child(2) {
  min-width: 0;
}

.worker-recommendation-list article > div:nth-child(2) > small {
  display: block;
  color: #6751ae;
  font-size: 8px;
  font-weight: 850;
}

.worker-recommendation-list h4 {
  margin: 2px 0;
  font-size: 12px;
  line-height: 1.2;
}

.worker-recommendation-list p {
  margin: 0;
  color: #748197;
  font-size: 9px;
  line-height: 1.3;
}

.worker-recommendation-list article > button,
.worker-academy-card > button {
  min-height: 34px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #2059c4, #6942c4);
  font-size: 9px;
  font-weight: 900;
}

.worker-passport-list button {
  min-width: 0;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #e8edf4;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 1px 8px;
  color: #142842;
  background: transparent;
  text-align: left;
}

.worker-passport-list button > span {
  grid-row: 1 / 3;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #17724d;
  background: #e8f8ef;
}

.worker-passport-list svg {
  width: 14px;
  height: 14px;
}

.worker-passport-list strong {
  font-size: 11px;
}

.worker-passport-list small {
  color: #758299;
  font-size: 9px;
}

.worker-passport-list em {
  grid-column: 3;
  grid-row: 1 / 3;
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.worker-passport-list em.valid {
  color: #146846;
  background: #e5f8ee;
}

.worker-passport-list em.warning {
  color: #8b5707;
  background: #fff3d8;
}

.worker-academy-card {
  padding: 15px;
  border: 1px solid rgba(103, 65, 197, 0.15);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(76, 216, 151, 0.18), transparent 38%),
    linear-gradient(140deg, #29205c, #6240bb 68%, #1f7661);
  box-shadow: 0 14px 34px rgba(54, 39, 111, 0.2);
}

.worker-academy-card > div:first-child span {
  color: #c7b9f3;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.worker-academy-card h3 {
  margin: 3px 0;
  font-size: 17px;
}

.worker-academy-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  line-height: 1.4;
}

.worker-academy-value {
  text-align: right;
}

.worker-academy-value small {
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
}

.worker-academy-value strong {
  font-size: 15px;
}

.worker-academy-card > button {
  grid-column: 1 / -1;
  background: rgba(255, 255, 255, 0.94);
  color: #3d267d;
}

.worker-activity-list article {
  padding: 8px 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.worker-activity-list article + article {
  border-top: 1px solid #e9edf3;
}

.worker-activity-list article > span {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #275ebe;
  background: #eaf2ff;
}

.worker-activity-list article.money > span,
.worker-activity-list article.success > span {
  color: #18714e;
  background: #e7f7ef;
}

.worker-activity-list svg {
  width: 14px;
  height: 14px;
}

.worker-activity-list strong,
.worker-activity-list small {
  display: block;
  font-size: 11px;
}

.worker-activity-list small {
  margin-top: 2px;
  color: #748197;
  font-size: 9px;
}

.worker-booking-hero {
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 96% 4%, rgba(93, 203, 157, 0.2), transparent 35%),
    linear-gradient(140deg, #0c203d, #1c559f 58%, #473b92);
  box-shadow: 0 16px 36px rgba(13, 43, 80, 0.18);
}

.worker-booking-hero > div:first-child > span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.worker-booking-hero h2 {
  margin: 4px 0;
  font-size: 22px;
}

.worker-booking-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  line-height: 1.4;
}

.worker-booking-kpis {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.worker-booking-kpis span {
  min-width: 0;
  padding: 8px 4px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.worker-booking-kpis strong,
.worker-booking-kpis small {
  display: block;
}

.worker-booking-kpis strong {
  font-size: 15px;
}

.worker-booking-kpis small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 8px;
}

.worker-finance-page {
  background: #f5f7fa;
}

.worker-earnings-hero {
  padding: 16px !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(83, 209, 157, 0.2), transparent 35%),
    linear-gradient(145deg, #09192e, #173758 58%, #245c52) !important;
}

.worker-finance-topline > span {
  color: rgba(255, 255, 255, 0.6);
}

.worker-finance-topline em {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #caf3df;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.worker-finance-topline svg {
  width: 13px;
  height: 13px;
}

.worker-lifetime-earnings {
  margin-top: 16px;
}

.worker-lifetime-earnings span,
.worker-lifetime-earnings small {
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 800;
}

.worker-lifetime-earnings strong {
  display: block;
  margin: 3px 0 5px;
  font-size: 31px;
  line-height: 1;
}

.worker-earnings-periods {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.worker-earnings-periods span {
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
}

.worker-earnings-periods small,
.worker-earnings-periods strong,
.worker-earnings-periods em {
  display: block;
}

.worker-earnings-periods small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
}

.worker-earnings-periods strong {
  margin-top: 2px;
  font-size: 15px;
}

.worker-earnings-periods em {
  margin-top: 3px;
  color: #bfe9d7;
  font-size: 8px;
  font-style: normal;
}

.worker-earnings-chart {
  height: 88px;
  margin-top: 13px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: end;
  gap: 6px;
}

.worker-earnings-chart span {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  gap: 4px;
  text-align: center;
}

.worker-earnings-chart i {
  width: 100%;
  min-height: 8px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, #81dfb6, #4194d6);
}

.worker-earnings-chart small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 8px;
}

.worker-finance-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.worker-profile-premium {
  overflow: hidden;
  padding-top: 0;
  border-radius: 8px;
}

.worker-profile-hero {
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 95% 2%, rgba(104, 221, 169, 0.18), transparent 34%),
    linear-gradient(140deg, #091b34, #174a91 58%, #5638a5);
}

.worker-profile-hero-top button {
  min-height: 31px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 10px;
  font-weight: 850;
}

.worker-profile-hero-top button svg {
  width: 13px;
  height: 13px;
}

.worker-profile-identity-premium {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.worker-profile-identity-premium .profile-photo {
  position: relative;
  width: 64px;
  height: 64px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  color: #123260;
  background: linear-gradient(145deg, #fff, #dceaff);
  font-size: 19px;
  display: grid;
  place-items: center;
}

.worker-profile-identity-premium .profile-photo.has-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.worker-profile-identity-premium h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
}

.worker-profile-identity-premium p,
.worker-profile-identity-premium small {
  display: block;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
}

.worker-profile-identity-premium small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
}

.worker-profile-badges {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.worker-profile-badges span {
  min-width: 0;
  min-height: 25px;
  padding: 0 7px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.08);
  font-size: 8px;
  font-weight: 850;
  white-space: nowrap;
}

.worker-profile-badges svg {
  width: 11px;
  height: 11px;
}

.worker-profile-prestige-grid {
  padding: 11px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  background: #f7f9fc;
}

.worker-profile-prestige-grid span {
  min-width: 0;
  padding: 7px 3px;
  border-right: 1px solid #e1e7ef;
  text-align: center;
}

.worker-profile-prestige-grid span:last-child {
  border-right: 0;
}

.worker-profile-prestige-grid strong,
.worker-profile-prestige-grid small {
  display: block;
}

.worker-profile-prestige-grid strong {
  color: #142842;
  font-size: 13px;
}

.worker-profile-prestige-grid small {
  margin-top: 3px;
  color: #758299;
  font-size: 8px;
  line-height: 1.15;
}

.worker-reputation-grid {
  display: grid;
  gap: 9px;
}

.worker-reputation-grid > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
}

.worker-reputation-grid small {
  color: #63738a;
  font-size: 10px;
  font-weight: 850;
}

.worker-reputation-grid strong {
  color: #142842;
  font-size: 11px;
}

.worker-reputation-grid em {
  grid-column: 1 / -1;
  color: #1b704f;
  font-size: 8px;
  font-style: normal;
  text-align: right;
}

.worker-profile-insight {
  margin: 0 12px;
  padding: 13px;
  border: 1px solid rgba(92, 67, 181, 0.16);
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(72, 207, 151, 0.18), transparent 36%),
    linear-gradient(140deg, #172653, #503894 65%, #176451);
  box-shadow: 0 12px 28px rgba(46, 34, 101, 0.15);
}

.worker-profile-insight > span {
  color: #cfc4f4;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.worker-profile-insight strong {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.3;
}

.worker-profile-insight p {
  margin: 5px 0 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  line-height: 1.4;
}

.worker-profile-insight button {
  min-height: 34px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  color: #32246a;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.career-academy-hero {
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(73, 209, 157, 0.22), transparent 35%),
    linear-gradient(140deg, #111d3a, #4b3591 60%, #176355) !important;
}

.career-academy-page .training-section-panel,
.career-academy-page .training-cleared-panel {
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(20, 42, 75, 0.08);
}

.worker-empty-premium > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
}

.worker-empty-premium svg {
  width: 22px;
  height: 22px;
  color: #315fb8;
}

.worker-empty-premium strong,
.worker-empty-premium small {
  display: block;
}

.worker-empty-premium strong {
  font-size: 12px;
}

.worker-empty-premium small {
  color: #718097;
  font-size: 10px;
}

.worker-empty-premium > button {
  width: 100%;
  margin-top: 10px;
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #2059c4, #6942c4);
  font-size: 11px;
  font-weight: 900;
}

@media (max-width: 370px) {
  .worker-shift-pass-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-profile-prestige-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-profile-prestige-grid span:nth-child(2) {
    border-right: 0;
  }

  .worker-recommendation-list article {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .worker-recommendation-list article > button {
    grid-column: 1 / -1;
  }
}

/* Premium offers marketplace and notification workflow consolidation */
.offers-command-hero {
  background:
    radial-gradient(circle at 94% 0%, rgba(137, 103, 255, 0.38), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(24, 176, 222, 0.2), transparent 38%),
    linear-gradient(140deg, #071a35 0%, #114487 55%, #5033a8 112%);
}

.offers-marketplace,
.offers-marketplace *,
.premium-offer-detail-page,
.premium-offer-detail-page * {
  box-sizing: border-box;
  min-width: 0;
}

.offers-marketplace {
  display: grid;
  gap: 15px;
}

.offers-marketplace-controls {
  padding: 12px;
  border: 1px solid rgba(39, 76, 121, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 28px rgba(10, 31, 60, 0.06);
  backdrop-filter: blur(14px);
}

.offer-status-tabs,
.offer-sector-filters {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.offer-status-tabs::-webkit-scrollbar,
.offer-sector-filters::-webkit-scrollbar {
  display: none;
}

.offer-status-tabs button,
.offer-sector-filters button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #d9e4ef;
  border-radius: 999px;
  color: #62778d;
  background: #f8fafd;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.offer-status-tabs button.active,
.offer-sector-filters button.active {
  border-color: #1d5ab4;
  color: #fff;
  background: linear-gradient(135deg, #124faa, #5543c2);
  box-shadow: 0 7px 15px rgba(36, 76, 169, 0.18);
}

.offer-control-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 8px;
  align-items: center;
  margin-top: 9px;
}

.offer-sort-control {
  min-height: 35px;
  padding: 0 8px;
  border: 1px solid #d9e4ef;
  border-radius: 8px;
  display: grid;
  align-content: center;
  background: #fff;
}

.offer-sort-control > span {
  color: #7a8999;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.offer-sort-control select {
  width: 100%;
  border: 0;
  outline: 0;
  color: #173857;
  background: transparent;
  font-size: 8px;
  font-weight: 900;
}

.offer-marketplace-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.offer-marketplace-heading > div > span {
  color: #57718a;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.offer-marketplace-heading h2 {
  margin: 3px 0 0;
  color: #0b213d;
  font-size: 17px;
  line-height: 1.2;
}

.offer-marketplace-heading p {
  margin: 4px 0 0;
  color: #6f8195;
  font-size: 9px;
  line-height: 1.4;
}

.offer-marketplace-heading > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #087453;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.offer-marketplace-heading > em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #15a574;
  box-shadow: 0 0 0 4px rgba(21, 165, 116, 0.1);
}

.offer-marketplace-list {
  display: grid;
  gap: 10px;
}

.marketplace-offer-card {
  overflow: hidden;
  padding: 13px;
  border: 1px solid rgba(38, 76, 121, 0.12);
  border-left: 3px solid #2f79db;
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(68, 94, 209, 0.07), transparent 34%),
    linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 13px 30px rgba(10, 31, 60, 0.07);
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.marketplace-offer-card.expiring {
  border-left-color: #d9902d;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 187, 75, 0.14), transparent 36%),
    linear-gradient(145deg, #fffdf9, #f8fbff);
}

.marketplace-offer-card.critical {
  border-left-color: #cf435c;
  background:
    radial-gradient(circle at 100% 0%, rgba(229, 86, 109, 0.12), transparent 36%),
    linear-gradient(145deg, #fffafb, #f8fbff);
}

.marketplace-offer-card.accepted {
  border-left-color: #15966a;
}

.marketplace-offer-card.declined,
.marketplace-offer-card.expired {
  border-left-color: #8b98a7;
  filter: saturate(0.72);
}

.marketplace-offer-card:active {
  transform: scale(0.992);
}

.marketplace-offer-top,
.marketplace-offer-title,
.marketplace-offer-shift,
.marketplace-offer-documents,
.premium-offer-detail-top {
  display: flex;
  align-items: center;
  gap: 9px;
}

.marketplace-agency-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(34, 84, 151, 0.13);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1b5cb1;
  background: linear-gradient(145deg, #eef5ff, #e5edff);
  font-size: 10px;
  font-weight: 950;
}

.marketplace-agency-copy {
  flex: 1;
}

.marketplace-agency-copy span,
.marketplace-agency-copy small {
  display: block;
}

.marketplace-agency-copy span {
  color: #163552;
  font-size: 9px;
  font-weight: 900;
}

.marketplace-agency-copy small {
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #748599;
  font-size: 8px;
  font-weight: 750;
}

.marketplace-agency-copy svg {
  width: 10px;
  height: 10px;
  color: #d89a28;
}

.offer-status-pill {
  flex: 0 0 auto;
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.offer-status-pill.new {
  color: #0e714f;
  background: #e4f7ef;
}

.offer-status-pill.expiring {
  color: #975315;
  background: #fff0d9;
}

.offer-status-pill.critical {
  color: #a72b44;
  background: #ffe7ec;
}

.offer-status-pill.accepted {
  color: #0b7652;
  background: #e1f7ed;
}

.offer-status-pill.declined,
.offer-status-pill.expired {
  color: #687687;
  background: #edf1f5;
}

.offer-status-pill.saved {
  color: #5b4b9e;
  background: #f0ecfb;
}

.marketplace-offer-title {
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 12px;
}

.marketplace-offer-title > div > span {
  color: #316cae;
  font-size: 8px;
  font-weight: 900;
}

.marketplace-offer-title h3 {
  margin: 3px 0 0;
  color: #0b203c;
  font-size: 15px;
  line-height: 1.2;
}

.marketplace-offer-title p {
  margin: 4px 0 0;
  color: #708196;
  font-size: 9px;
  font-weight: 690;
}

.marketplace-offer-title > strong {
  min-width: 47px;
  padding: 8px 6px;
  border: 1px solid rgba(31, 102, 191, 0.12);
  border-radius: 8px;
  color: #155eae;
  background: #edf5ff;
  text-align: center;
  font-size: 13px;
}

.marketplace-offer-title > strong small {
  display: block;
  margin-top: 2px;
  color: #6b8198;
  font-size: 7px;
}

.marketplace-offer-finance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 11px;
}

.marketplace-offer-finance > span {
  padding: 8px;
  border: 1px solid rgba(42, 76, 117, 0.08);
  border-radius: 8px;
  background: rgba(247, 250, 254, 0.92);
}

.marketplace-offer-finance small,
.marketplace-offer-finance strong {
  display: block;
  overflow-wrap: anywhere;
}

.marketplace-offer-finance small {
  color: #7b8999;
  font-size: 7px;
  font-weight: 850;
}

.marketplace-offer-finance strong {
  margin-top: 4px;
  color: #102a47;
  font-size: 10px;
}

.marketplace-offer-shift {
  margin-top: 8px;
  padding: 9px;
  border: 1px solid rgba(42, 76, 117, 0.09);
  border-radius: 8px;
  background: #fff;
}

.marketplace-offer-shift > svg {
  width: 15px;
  height: 15px;
  color: #316fb8;
}

.marketplace-offer-shift > span {
  flex: 1;
}

.marketplace-offer-shift small,
.marketplace-offer-shift strong {
  display: block;
}

.marketplace-offer-shift small {
  color: #8190a1;
  font-size: 7px;
  font-weight: 850;
}

.marketplace-offer-shift strong {
  margin-top: 2px;
  color: #173653;
  font-size: 9px;
}

.marketplace-offer-shift > em {
  min-width: 67px;
  color: #9b5316;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.marketplace-offer-documents {
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  color: #61768b;
  font-size: 8px;
  font-weight: 760;
}

.marketplace-offer-documents span,
.marketplace-offer-documents em {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  overflow-wrap: anywhere;
}

.marketplace-offer-documents em {
  flex: 0 0 auto;
  color: #087453;
  font-style: normal;
  font-weight: 900;
}

.marketplace-offer-documents svg {
  width: 12px;
  height: 12px;
}

.marketplace-offer-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 7px;
  margin-top: 11px;
}

.marketplace-offer-actions button {
  min-height: 38px;
  border: 1px solid #d6e1ed;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #245b99;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.marketplace-offer-actions button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #1056b4, #5744ca);
  box-shadow: 0 8px 18px rgba(35, 75, 170, 0.2);
}

.marketplace-offer-actions button.saved {
  color: #5c4a9e;
  background: #f2effb;
}

.marketplace-offer-actions svg {
  width: 13px;
  height: 13px;
}

.offer-intelligence-panel {
  padding: 14px;
  border: 1px solid rgba(42, 76, 117, 0.11);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(99, 78, 201, 0.08), transparent 34%),
    linear-gradient(145deg, #fff, #f7f9fd);
  box-shadow: 0 12px 28px rgba(10, 31, 60, 0.055);
}

.offer-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}

.offer-intelligence-grid > span {
  min-height: 76px;
  padding: 10px;
  border: 1px solid rgba(42, 76, 117, 0.09);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
}

.offer-intelligence-grid small,
.offer-intelligence-grid strong,
.offer-intelligence-grid em {
  display: block;
}

.offer-intelligence-grid small {
  color: #77889a;
  font-size: 8px;
  font-weight: 850;
}

.offer-intelligence-grid strong {
  margin-top: 5px;
  color: #102a47;
  font-size: 15px;
  line-height: 1.1;
}

.offer-intelligence-grid em {
  margin-top: 5px;
  color: #607b95;
  font-size: 8px;
  font-style: normal;
  line-height: 1.3;
}

.offer-intelligence-empty {
  min-height: 76px;
  margin-top: 11px;
  padding: 12px;
  border: 1px dashed rgba(42, 76, 117, 0.16);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  color: #607b95;
  background: rgba(255, 255, 255, 0.82);
}

.offer-intelligence-empty > svg {
  width: 22px;
  height: 22px;
  max-width: 48px;
  max-height: 48px;
}

.offer-intelligence-empty strong,
.offer-intelligence-empty small {
  display: block;
}

.offer-intelligence-empty strong {
  color: #102a47;
  font-size: 12px;
}

.offer-intelligence-empty small {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.premium-offer-detail-page {
  gap: 13px;
  padding-bottom: calc(105px + env(safe-area-inset-bottom));
}

.premium-offer-detail-hero {
  overflow: hidden;
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(132, 101, 255, 0.4), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(34, 172, 226, 0.2), transparent 38%),
    linear-gradient(140deg, #071a35, #124486 58%, #5036a7);
  box-shadow: 0 19px 44px rgba(7, 26, 53, 0.22);
}

.premium-offer-detail-top .marketplace-agency-logo {
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.premium-offer-detail-top > div:nth-child(2) {
  flex: 1;
}

.premium-offer-detail-top > div:nth-child(2) span,
.premium-offer-detail-top > div:nth-child(2) small {
  display: block;
}

.premium-offer-detail-top > div:nth-child(2) span {
  font-size: 10px;
  font-weight: 900;
}

.premium-offer-detail-top > div:nth-child(2) small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 8px;
}

.premium-offer-detail-top > div:nth-child(2) svg {
  width: 9px;
  height: 9px;
}

.premium-offer-title {
  margin-top: 20px;
}

.premium-offer-title > span {
  color: #cbdcff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.premium-offer-title h2 {
  margin: 5px 0 0;
  font-size: 23px;
  line-height: 1.12;
}

.premium-offer-title p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  font-weight: 680;
}

.premium-offer-countdown {
  display: grid;
  grid-template-columns: 1.35fr 0.75fr 0.75fr;
  gap: 7px;
  margin-top: 16px;
}

.premium-offer-countdown > span {
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
}

.premium-offer-countdown small,
.premium-offer-countdown strong {
  display: block;
}

.premium-offer-countdown small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 7px;
  font-weight: 800;
}

.premium-offer-countdown strong {
  margin-top: 5px;
  font-size: 12px;
  white-space: nowrap;
}

.premium-offer-pay-card {
  padding: 14px;
  border: 1px solid rgba(26, 131, 91, 0.16);
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  background:
    radial-gradient(circle at 0 100%, rgba(36, 168, 119, 0.1), transparent 40%),
    linear-gradient(145deg, #fff, #f2faf7);
  box-shadow: 0 12px 28px rgba(10, 31, 60, 0.06);
}

.premium-offer-pay-card > div:first-child > span {
  color: #147454;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-pay-card h2 {
  margin: 5px 0 0;
  color: #0b513b;
  font-size: 25px;
}

.premium-offer-pay-card p {
  margin: 4px 0 0;
  color: #658176;
  font-size: 9px;
}

.premium-offer-pay-card > div:last-child {
  display: grid;
  gap: 5px;
}

.premium-offer-pay-card > div:last-child > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #657b72;
  font-size: 8px;
}

.premium-offer-pay-card > div:last-child strong {
  color: #173d32;
  text-align: right;
}

.premium-offer-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.premium-offer-detail-grid article {
  min-height: 118px;
  padding: 11px;
  border: 1px solid rgba(42, 76, 117, 0.1);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  box-shadow: 0 9px 22px rgba(10, 31, 60, 0.05);
}

.premium-offer-detail-grid article > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1e62b9;
  background: #eaf3ff;
}

.premium-offer-detail-grid article > i svg {
  width: 14px;
  height: 14px;
}

.premium-offer-detail-grid small,
.premium-offer-detail-grid strong,
.premium-offer-detail-grid p {
  display: block;
}

.premium-offer-detail-grid small {
  color: #718398;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-detail-grid strong {
  margin-top: 5px;
  color: #12304e;
  font-size: 9px;
  line-height: 1.35;
}

.premium-offer-detail-grid p {
  margin: 5px 0 0;
  color: #718195;
  font-size: 8px;
  line-height: 1.4;
}

.premium-offer-map-card {
  overflow: hidden;
  border: 1px solid rgba(42, 76, 117, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 11px 26px rgba(10, 31, 60, 0.055);
}

.premium-offer-map-visual {
  position: relative;
  min-height: 125px;
  display: grid;
  place-items: center;
  color: #1d62b8;
  background:
    linear-gradient(30deg, transparent 48%, rgba(37, 91, 157, 0.09) 49%, rgba(37, 91, 157, 0.09) 51%, transparent 52%) 0 0 / 46px 46px,
    linear-gradient(120deg, transparent 48%, rgba(37, 91, 157, 0.07) 49%, rgba(37, 91, 157, 0.07) 51%, transparent 52%) 0 0 / 58px 58px,
    #eef4fb;
}

.premium-offer-map-visual > span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #135bb9, #5842c1);
  box-shadow: 0 9px 22px rgba(31, 81, 174, 0.28);
}

.premium-offer-map-visual > span svg {
  width: 17px;
  height: 17px;
}

.premium-offer-map-visual > i {
  position: absolute;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(36, 100, 189, 0.25);
  border-radius: 50%;
  background: rgba(51, 119, 215, 0.08);
}

.premium-offer-map-visual > em {
  position: absolute;
  right: 9px;
  bottom: 9px;
  padding: 5px 7px;
  border-radius: 999px;
  color: #154c88;
  background: rgba(255, 255, 255, 0.88);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.premium-offer-map-card > div:last-child {
  padding: 12px;
}

.premium-offer-map-card > div:last-child > span {
  color: #5d7790;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-map-card h3 {
  margin: 4px 0 0;
  color: #102b48;
  font-size: 13px;
}

.premium-offer-map-card p {
  margin: 5px 0 0;
  color: #718196;
  font-size: 9px;
  line-height: 1.45;
}

.premium-offer-map-card button {
  min-height: 34px;
  margin-top: 9px;
  border: 1px solid #d6e1ed;
  border-radius: 8px;
  padding: 0 10px;
  color: #205b9c;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.premium-offer-information {
  overflow: hidden;
  border: 1px solid rgba(42, 76, 117, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 11px 26px rgba(10, 31, 60, 0.05);
}

.premium-offer-information details + details {
  border-top: 1px solid #e6edf5;
}

.premium-offer-information summary {
  min-height: 45px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #183754;
  font-size: 10px;
  font-weight: 900;
  list-style: none;
}

.premium-offer-information summary::-webkit-details-marker {
  display: none;
}

.premium-offer-information summary svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
  transition: transform 120ms ease;
}

.premium-offer-information details[open] summary svg {
  transform: rotate(90deg);
}

.premium-offer-information details p {
  margin: 0;
  padding: 0 12px 12px;
  color: #6e8094;
  font-size: 9px;
  line-height: 1.5;
}

.premium-offer-review-card {
  padding: 13px;
  border: 1px solid rgba(89, 70, 183, 0.13);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(101, 76, 200, 0.09), transparent 36%),
    linear-gradient(145deg, #fff, #f8f6ff);
}

.premium-offer-review-card > div:first-child > span {
  color: #6550aa;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-review-card h3 {
  margin: 5px 0 0;
  color: #172c49;
  font-size: 12px;
}

.premium-offer-review-card p {
  margin: 5px 0 0;
  color: #718096;
  font-size: 9px;
  line-height: 1.45;
}

.premium-offer-review-quotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.premium-offer-review-quotes > span {
  padding: 9px;
  border: 1px solid rgba(84, 66, 170, 0.09);
  border-radius: 8px;
  color: #485f78;
  background: rgba(255, 255, 255, 0.82);
  font-size: 8px;
  line-height: 1.4;
}

.premium-offer-review-quotes small {
  display: block;
  margin-top: 5px;
  color: #7a6aaf;
  font-size: 7px;
  font-weight: 850;
}

.premium-offer-action-bar {
  position: fixed;
  left: 50%;
  bottom: calc(70px + env(safe-area-inset-bottom));
  z-index: 60;
  width: min(398px, calc(100vw - 32px));
  transform: translateX(-50%);
  padding: 9px;
  border: 1px solid rgba(214, 226, 239, 0.9);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 0.72fr 0.88fr 0.76fr 1.24fr;
  gap: 6px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 17px 40px rgba(7, 26, 53, 0.17);
  backdrop-filter: blur(18px);
}

.premium-offer-action-bar button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid #d7e2ee;
  border-radius: 8px;
  padding: 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #28577e;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
  line-height: 1.1;
}

.premium-offer-action-bar button svg {
  width: 13px;
  height: 13px;
}

.premium-offer-action-bar button.decline {
  color: #9f3950;
  background: #fff7f8;
}

.premium-offer-action-bar button.accept {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #0c8b61, #0d6e9c);
  box-shadow: 0 8px 18px rgba(15, 126, 103, 0.2);
}

.notification-action-buttons.redirect-only {
  grid-template-columns: 1.2fr 1fr;
}

.notification-advanced-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 102px minmax(0, 1fr);
  gap: 6px;
  margin-top: 8px;
}

.notification-advanced-controls > button,
.notification-advanced-controls > label {
  min-height: 35px;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #597189;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.notification-advanced-controls > button.active {
  border-color: #245fc2;
  color: #fff;
  background: #1b58ae;
}

.notification-advanced-controls svg {
  width: 12px;
  height: 12px;
}

.notification-advanced-controls > label {
  padding: 4px 7px;
  display: grid;
  justify-content: stretch;
}

.notification-advanced-controls > label > span {
  color: #8090a0;
  font-size: 6px;
  text-transform: uppercase;
}

.notification-advanced-controls select {
  width: 100%;
  border: 0;
  outline: 0;
  color: #264866;
  background: transparent;
  font-size: 8px;
  font-weight: 900;
}

.notification-bulk-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  margin-top: 8px;
  padding: 8px;
  border-radius: 8px;
  color: #375774;
  background: #edf4fc;
  font-size: 8px;
  font-weight: 900;
}

.notification-bulk-bar button {
  min-height: 29px;
  border: 1px solid #ceddec;
  border-radius: 7px;
  padding: 0 8px;
  color: #205892;
  background: #fff;
  font-size: 7px;
  font-weight: 900;
}

.notification-group-grid > article {
  overflow: hidden;
  border: 1px solid rgba(42, 75, 119, 0.11);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #f5f8fc);
  box-shadow: 0 9px 21px rgba(11, 32, 61, 0.05);
}

.notification-group-grid > article > button {
  width: 100%;
  min-height: 96px;
  padding: 12px;
  border: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  text-align: left;
  color: #173654;
  background: transparent;
}

.notification-group-grid > article > button > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1e62bb;
  background: #e9f2ff;
}

.notification-group-grid > article > button > i svg {
  width: 14px;
  height: 14px;
}

.notification-group-grid > article > button > span strong,
.notification-group-grid > article > button > span small,
.notification-group-grid > article > button > span em {
  display: block;
}

.notification-group-grid > article > button > span strong {
  font-size: 10px;
}

.notification-group-grid > article > button > span small {
  margin-top: 5px;
  color: #315f91;
  font-size: 9px;
  font-weight: 850;
}

.notification-group-grid > article > button > span em {
  margin-top: 5px;
  color: #718399;
  font-size: 8px;
  font-style: normal;
  line-height: 1.35;
}

.notification-group-grid > article > div {
  min-height: 40px;
  padding: 7px 9px;
  border-top: 1px solid #e4ebf3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  color: #657a8e;
  font-size: 7px;
  font-weight: 800;
}

.notification-group-grid > article > div button {
  flex: 0 0 auto;
  min-height: 27px;
  border: 0;
  border-radius: 7px;
  padding: 0 8px;
  color: #fff;
  background: #1857a7;
  font-size: 7px;
  font-weight: 900;
}

/* Final cascade lock for the worker marketplace filter engine. */
.marketplace-filter-page .worker-filter-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.marketplace-filter-page .worker-filter-section.marketplace-filter-group {
  padding: 0;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 8px;
  gap: 0;
  background: #fff;
  box-shadow: 0 9px 22px rgba(10, 32, 62, 0.05);
}

.marketplace-filter-page .marketplace-filter-group summary {
  min-height: 58px;
  padding: 10px 12px;
}

.marketplace-filter-page .marketplace-filter-group summary > span {
  min-width: 0;
}

.marketplace-filter-page .marketplace-filter-group summary strong,
.marketplace-filter-page .marketplace-filter-group summary small {
  display: block;
}

.marketplace-filter-page .marketplace-filter-group summary strong {
  color: #183b63;
  font-size: 11px;
}

.marketplace-filter-page .marketplace-filter-group summary small {
  margin-top: 4px;
  color: #7a899d;
  font-size: 7px;
  font-weight: 780;
}

/* AVyntro Financial Passport */
.financial-passport-hero,
.financial-report-hero,
.financial-passport-analytics-hero,
.financial-passport-tax-hero,
.financial-passport-subhero {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  padding: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 12% 12%, rgba(82, 168, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #07182f 0%, #123d7b 48%, #5a39d6 100%);
  box-shadow: 0 22px 44px rgba(7, 24, 47, 0.24);
}

.financial-passport-hero h2,
.financial-report-hero h2,
.financial-passport-analytics-hero h2,
.financial-passport-tax-hero h2,
.financial-passport-subhero h2 {
  margin: 8px 0 6px;
  color: inherit;
  font-size: 27px;
  line-height: 1.04;
  letter-spacing: 0;
}

.financial-passport-hero p,
.financial-passport-hero small,
.financial-report-hero p,
.financial-passport-analytics-hero p,
.financial-passport-tax-hero p,
.financial-passport-subhero p {
  display: block;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.45;
}

.financial-passport-badge,
.financial-passport-hero-actions,
.financial-report-nav,
.financial-passport-section-head,
.financial-passport-control-card,
.financial-passport-basis,
.financial-share-link,
.financial-report-actions {
  display: flex;
  align-items: center;
}

.financial-passport-badge {
  width: fit-content;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 11px;
  font-weight: 850;
}

.financial-passport-badge svg,
.financial-passport-hero-actions svg,
.financial-passport-back svg,
.financial-agency-list svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.financial-passport-hero-actions {
  gap: 9px;
  margin-top: 16px;
}

.financial-passport-hero-actions button,
.financial-report-nav button,
.financial-passport-primary,
.financial-passport-tax-card button,
.financial-passport-back,
.financial-report-card button,
.financial-passport-section-head button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(22, 54, 92, 0.11);
  border-radius: 12px;
  padding: 0 13px;
  color: #173454;
  background: #fff;
  box-shadow: 0 10px 22px rgba(12, 38, 70, 0.08);
  font-size: 12px;
  font-weight: 850;
}

.financial-passport-hero-actions .primary,
.financial-report-nav .primary,
.financial-passport-primary {
  color: #fff;
  border-color: rgba(255,255,255,0.18);
  background: linear-gradient(135deg, #0e6fd8, #22a581);
}

.financial-passport-control-card,
.financial-passport-panel,
.financial-passport-tax-card,
.financial-report-card,
.financial-report-preview-card,
.financial-passport-empty {
  width: 100%;
  border: 1px solid rgba(26, 58, 92, 0.1);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(13, 43, 78, 0.08);
}

.financial-passport-control-card {
  gap: 10px;
  margin-top: 12px;
}

.financial-passport-control-card label {
  flex: 1 1 50%;
  min-width: 0;
}

.financial-passport-control-card label span,
.financial-passport-section-head span,
.financial-report-card h3,
.financial-passport-key-grid small,
.financial-passport-breakdown small {
  color: #65788f;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.financial-passport-control-card select,
.financial-report-options button {
  width: 100%;
  box-sizing: border-box;
}

.financial-passport-control-card select {
  min-height: 42px;
  margin-top: 6px;
  border: 1px solid rgba(31, 67, 106, 0.12);
  border-radius: 12px;
  padding: 0 11px;
  color: #173454;
  background: #f8fbff;
  font-size: 13px;
  font-weight: 800;
}

.financial-passport-basis {
  flex: 1 1 50%;
  gap: 6px;
  min-width: 0;
  padding: 4px;
  border-radius: 14px;
  background: #edf4fb;
}

.financial-passport-basis button,
.financial-tax-choices button {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  border-radius: 10px;
  padding: 10px 8px;
  color: #65788f;
  background: transparent;
  font-size: 11px;
  font-weight: 900;
}

.financial-passport-basis button.active,
.financial-tax-choices button.active {
  color: #0f365f;
  background: #fff;
  box-shadow: 0 8px 18px rgba(8, 30, 58, 0.09);
}

.financial-passport-key-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 12px;
}

.financial-passport-key-grid.compact {
  margin-top: 0;
}

.financial-passport-key-grid article {
  min-width: 0;
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 14px;
  padding: 12px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 10px 22px rgba(13, 43, 78, 0.05);
}

.financial-passport-key-grid article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-bottom: 8px;
  border-radius: 9px;
  color: #1261b5;
  background: #eaf4ff;
}

.financial-passport-key-grid svg {
  width: 13px;
  height: 13px;
}

.financial-passport-key-grid strong {
  display: block;
  margin-top: 4px;
  color: #102d4c;
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: 0;
}

.financial-passport-key-grid em {
  display: block;
  margin-top: 5px;
  color: #718299;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.3;
}

.financial-passport-trust-card {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  border: 1px solid rgba(30, 120, 101, 0.16);
  border-radius: 16px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(237, 255, 249, 0.96), rgba(245, 249, 255, 0.96));
}

.financial-passport-trust-card span,
.financial-passport-tax-card span,
.financial-passport-subhero small {
  color: #1b866f;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.financial-passport-trust-card h3,
.financial-passport-tax-card h3,
.financial-passport-section-head h3 {
  margin: 5px 0;
  color: #102d4c;
  font-size: 17px;
  line-height: 1.15;
}

.financial-passport-trust-card p,
.financial-passport-tax-card p,
.financial-passport-tax-card small,
.financial-passport-disclaimer {
  margin: 0;
  color: #62748c;
  font-size: 12px;
  line-height: 1.45;
}

.financial-passport-trust-card em {
  display: flex;
  gap: 7px;
  align-items: center;
  border-radius: 12px;
  padding: 10px;
  color: #145d4f;
  background: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.financial-passport-panel,
.financial-passport-tax-card,
.financial-passport-subpage,
.financial-passport-report-builder {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.financial-passport-report-builder {
  padding-bottom: 130px;
}

.financial-passport-section-head {
  justify-content: space-between;
  gap: 10px;
}

.financial-passport-section-head > div {
  min-width: 0;
}

.financial-passport-section-head em {
  color: #1a805f;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.financial-passport-month-chart,
.financial-agency-list,
.financial-assignment-list,
.financial-passport-breakdown,
.financial-payment-timeline,
.financial-report-options,
.financial-report-table {
  display: grid;
  gap: 9px;
}

.financial-passport-month-chart article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.financial-passport-month-chart span,
.financial-passport-month-chart strong {
  min-width: 0;
  color: #173454;
  font-size: 12px;
  font-weight: 850;
}

.financial-passport-month-chart div {
  overflow: hidden;
  height: 9px;
  border-radius: 99px;
  background: #eaf1f8;
}

.financial-passport-month-chart i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #20b486);
}

.financial-agency-list button,
.financial-assignment-list button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 14px;
  padding: 12px;
  text-align: left;
  background: #fff;
}

.financial-agency-list button > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #123d7b, #6d5dfc);
  font-size: 12px;
  font-weight: 900;
}

.financial-agency-list div,
.financial-assignment-list div {
  min-width: 0;
  flex: 1 1 auto;
}

.financial-agency-list strong,
.financial-assignment-list strong {
  display: block;
  color: #102d4c;
  font-size: 14px;
  line-height: 1.2;
}

.financial-agency-list small,
.financial-agency-list em,
.financial-assignment-list small,
.financial-assignment-list p {
  display: block;
  margin: 3px 0 0;
  color: #718299;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.3;
}

.financial-assignment-list button {
  align-items: flex-start;
}

.financial-assignment-list button > span {
  flex: 0 0 auto;
  text-align: right;
}

.financial-assignment-list b {
  display: block;
  color: #102d4c;
  font-size: 13px;
}

.financial-passport-tax-card {
  grid-template-columns: minmax(0, 1fr);
  background: linear-gradient(135deg, #07182f, #143d6e);
}

.financial-passport-tax-card h3,
.financial-passport-tax-card p,
.financial-passport-tax-card small {
  color: #fff;
}

.financial-passport-tax-card p,
.financial-passport-tax-card small {
  opacity: .78;
}

.financial-passport-tax-card button {
  color: #102d4c;
  background: #fff;
}

.financial-passport-back {
  justify-content: flex-start;
  width: fit-content;
  gap: 8px;
  min-height: 38px;
  color: #31526f;
  background: #fff;
}

.financial-passport-subhero {
  display: flex;
  align-items: center;
  gap: 12px;
}

.financial-passport-subhero > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #123d7b;
  background: rgba(255, 255, 255, 0.92);
  font-weight: 900;
}

.financial-passport-subhero > div {
  min-width: 0;
  flex: 1 1 auto;
}

.financial-passport-subhero em {
  align-self: flex-start;
  border-radius: 999px;
  padding: 6px 8px;
  color: #143d6e;
  background: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.financial-passport-breakdown {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-passport-breakdown span,
.financial-report-table span {
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 13px;
  padding: 11px;
  background: #f8fbff;
}

.financial-passport-breakdown strong,
.financial-report-table strong {
  display: block;
  margin-top: 4px;
  color: #102d4c;
  font-size: 13px;
  line-height: 1.2;
}

.financial-payment-timeline article {
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 14px;
  padding: 11px;
  background: #fff;
}

.financial-payment-timeline i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #1b806b;
  background: #e9fbf5;
}

.financial-payment-timeline svg {
  width: 13px;
  height: 13px;
}

.financial-payment-timeline span {
  min-width: 0;
}

.financial-payment-timeline strong,
.financial-payment-timeline small {
  display: block;
}

.financial-payment-timeline strong {
  color: #102d4c;
  font-size: 13px;
}

.financial-payment-timeline small {
  color: #718299;
  font-size: 11px;
}

.financial-report-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.financial-report-steps button {
  min-width: 0;
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 12px;
  padding: 8px 6px;
  color: #6b7d91;
  background: #fff;
  font-size: 10px;
  font-weight: 850;
}

.financial-report-steps button.active,
.financial-report-steps button.done {
  color: #fff;
  background: linear-gradient(135deg, #123d7b, #265fd5);
}

.financial-report-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-report-options button {
  min-height: 78px;
  border: 1px solid rgba(31, 67, 106, 0.1);
  border-radius: 14px;
  padding: 12px;
  text-align: left;
  color: #173454;
  background: #f8fbff;
}

.financial-report-options button.active {
  color: #fff;
  background: linear-gradient(135deg, #123d7b, #5a39d6);
}

.financial-report-options strong,
.financial-report-options small {
  display: block;
}

.financial-report-options strong {
  font-size: 13px;
}

.financial-report-options small {
  margin-top: 5px;
  opacity: .72;
  font-size: 11px;
  line-height: 1.3;
}

.financial-report-preview-card {
  background: linear-gradient(180deg, #fff, #f8fbff);
}

.report-preview-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #123d7b;
  font-size: 11px;
  font-weight: 900;
}

.financial-report-preview-card h3,
.financial-report-card h3 {
  margin: 8px 0;
  color: #102d4c;
  font-size: 18px;
}

.financial-report-preview-card p,
.financial-report-card p {
  color: #65788f;
  font-size: 12px;
  line-height: 1.45;
}

.financial-share-link {
  justify-content: center;
  min-height: 48px;
  border: 1px dashed rgba(25, 83, 145, 0.3);
  border-radius: 14px;
  color: #123d7b;
  background: #f4f8ff;
  font-size: 13px;
}

.financial-report-actions,
.financial-report-nav {
  gap: 8px;
}

.financial-report-actions button,
.financial-report-nav button {
  flex: 1 1 0;
}

.financial-tax-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.financial-passport-empty {
  margin-top: 12px;
  text-align: center;
}

.financial-passport-empty svg {
  width: 38px;
  height: 38px;
  color: #2467c9;
}

.financial-passport-empty h2 {
  margin: 12px 0 8px;
  color: #102d4c;
  font-size: 20px;
  line-height: 1.2;
}

.financial-passport-empty p {
  color: #65788f;
  font-size: 13px;
  line-height: 1.45;
}

.financial-passport-empty button {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  padding: 0 16px;
  color: #fff;
  background: #123d7b;
  font-weight: 850;
}

@media (max-width: 390px) {
  .financial-passport-control-card,
  .financial-passport-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .financial-passport-key-grid,
  .financial-passport-breakdown,
  .financial-report-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-passport-month-chart article {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .financial-passport-month-chart strong {
    grid-column: 2;
  }
}

/* Financial Passport refinement pass: premium, compact fintech scale. */
.financial-passport-hero,
.financial-report-hero,
.financial-passport-analytics-hero,
.financial-passport-tax-hero {
  border-radius: 15px;
  padding: 15px;
  background:
    radial-gradient(circle at 12% 12%, rgba(91, 141, 255, 0.2), transparent 26%),
    linear-gradient(135deg, #07182f 0%, #123765 54%, #3e35a5 100%);
  box-shadow: 0 16px 34px rgba(7, 24, 47, 0.18);
}

.financial-report-hero {
  padding: 12px 13px;
  background: linear-gradient(135deg, #08192d 0%, #123a64 100%);
}

.financial-passport-hero h2,
.financial-report-hero h2,
.financial-passport-analytics-hero h2,
.financial-passport-tax-hero h2 {
  margin: 7px 0 5px;
  font-size: 23px;
  line-height: 1.08;
}

.financial-report-hero h2 {
  font-size: 20px;
}

.financial-report-hero p {
  max-width: 30rem;
  font-size: 11px;
}

.financial-passport-hero p,
.financial-passport-hero small,
.financial-report-hero p,
.financial-passport-analytics-hero p,
.financial-passport-tax-hero p {
  font-size: 12px;
  line-height: 1.38;
}

.financial-passport-badge {
  gap: 5px;
  padding: 5px 8px;
  font-size: 9px;
  letter-spacing: .04em;
}

.financial-passport-badge svg,
.financial-passport-hero-actions svg,
.financial-passport-back svg,
.financial-agency-list svg,
.financial-report-card button svg {
  width: 13px;
  height: 13px;
  flex-basis: 13px;
}

.financial-passport-hero-actions {
  margin-top: 13px;
}

.financial-passport-hero-actions button,
.financial-report-nav button,
.financial-passport-primary,
.financial-passport-tax-card button,
.financial-passport-back,
.financial-report-card button,
.financial-passport-section-head button {
  min-height: 38px;
  border-radius: 10px;
  padding: 0 11px;
  font-size: 11px;
  box-shadow: 0 8px 18px rgba(12, 38, 70, 0.07);
}

.financial-passport-control-card,
.financial-passport-panel,
.financial-passport-tax-card,
.financial-report-card,
.financial-report-preview-card,
.financial-passport-empty {
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(13, 43, 78, 0.065);
}

.financial-passport-key-grid {
  gap: 8px;
}

.financial-passport-key-grid article {
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 8px 18px rgba(13, 43, 78, 0.045);
}

.financial-passport-key-grid article > span {
  width: 22px;
  height: 22px;
  margin-bottom: 7px;
  border-radius: 8px;
}

.financial-passport-key-grid svg {
  width: 12px;
  height: 12px;
}

.financial-passport-key-grid strong {
  font-size: 18px;
}

.financial-passport-key-grid small {
  font-size: 9px;
  line-height: 1.25;
}

.financial-passport-key-grid em {
  margin-top: 4px;
  font-size: 10px;
}

.financial-passport-trust-card {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  border-radius: 13px;
  padding: 10px 11px;
  background: #f8fbff;
}

.financial-passport-trust-card em {
  flex: 0 0 auto;
  gap: 5px;
  border: 1px solid rgba(30, 120, 101, 0.12);
  border-radius: 999px;
  padding: 6px 8px;
  color: #145d4f;
  background: #eefbf7;
  font-size: 9px;
  white-space: nowrap;
}

.financial-passport-trust-card em svg {
  width: 12px;
  height: 12px;
}

.financial-passport-trust-card p {
  min-width: 0;
  font-size: 11px;
  line-height: 1.32;
}

.financial-report-steps {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 1px 4px;
  scrollbar-width: none;
}

.financial-report-steps::-webkit-scrollbar {
  display: none;
}

.financial-report-steps button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 31px;
  border-radius: 999px;
  padding: 0 9px 0 5px;
  background: rgba(255,255,255,.86);
  color: #61738a;
  font-size: 9px;
  box-shadow: 0 6px 14px rgba(13, 43, 78, 0.04);
}

.financial-report-steps button i {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  color: #60748b;
  background: #eef3f9;
  font-style: normal;
  font-size: 9px;
  font-weight: 900;
}

.financial-report-steps button svg {
  width: 10px;
  height: 10px;
}

.financial-report-steps button.active {
  color: #123d7b;
  border-color: rgba(18, 61, 123, .2);
  background: #fff;
}

.financial-report-steps button.active i {
  color: #fff;
  background: #123d7b;
}

.financial-report-steps button.done {
  color: #176a59;
  background: #f0fbf7;
}

.financial-report-steps button.done i {
  color: #fff;
  background: #20a67d;
}

.financial-report-eyebrow {
  display: inline-block;
  margin-bottom: 4px;
  color: #60748b;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.financial-report-card h3,
.financial-report-preview-card h3 {
  margin: 3px 0 5px;
  font-size: 16px;
}

.financial-report-card p,
.financial-report-preview-card p {
  margin: 0 0 8px;
  font-size: 11px;
  line-height: 1.32;
}

.financial-report-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.financial-report-options button {
  min-height: 48px;
  border-radius: 12px;
  padding: 8px 9px;
  color: #173454;
  background: #fff;
  box-shadow: 0 8px 18px rgba(13, 43, 78, 0.04);
}

.financial-report-options.compact button {
  min-height: 46px;
}

.financial-report-options button.active {
  color: #102d4c;
  border-color: rgba(32, 99, 235, 0.34);
  background: linear-gradient(180deg, #f7fbff, #eef6ff);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.1);
}

.financial-report-options strong {
  font-size: 11px;
  line-height: 1.18;
}

.financial-report-options small {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.25;
}

.financial-report-nav {
  position: static;
  z-index: auto;
  border: 1px solid rgba(26, 58, 92, 0.08);
  border-radius: 14px;
  padding: 7px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 22px rgba(13, 43, 78, 0.06);
  backdrop-filter: blur(16px);
}

.financial-report-nav button {
  min-height: 39px;
}

.financial-passport-section-head h3 {
  font-size: 15px;
}

.financial-agency-list button,
.financial-assignment-list button {
  border-radius: 12px;
  padding: 10px;
}

.financial-agency-list button > span {
  flex-basis: 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  font-size: 10px;
}

.financial-passport-month-chart article {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 8px;
}

.financial-passport-month-chart div {
  height: 7px;
}

@media (max-width: 390px) {
  .financial-passport-trust-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .financial-report-options {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media@media (max-width: 430px) {
  .financial-passport-report-builder {
    gap: 9px;
  }

  .financial-report-steps button {
    min-height: 29px;
    padding-right: 8px;
    font-size: 8px;
  }

  .financial-report-steps button i {
    width: 19px;
    height: 19px;
  }

  .financial-report-card.report-choice-stage {
    padding: 10px;
  }
}

@media (max-width: 390px) {
  .financial-report-card.report-choice-stage .financial-report-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .financial-report-card.report-choice-stage .financial-report-options button {
    min-height: 44px;
    padding: 7px;
  }

  .financial-report-card.report-choice-stage .financial-report-options strong {
    font-size: 10px;
  }

  .financial-report-card.report-choice-stage .financial-report-options small {
    font-size: 8px;
  }
}

/* Financial Passport Income Verification Report V3 */
.financial-report-document-preview,
.financial-report-security-step,
.financial-report-export-step {
  display: grid;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.financial-report-doc-cover,
.financial-report-security-hero,
.financial-report-ready-hero {
  overflow: hidden;
  position: relative;
  display: grid;
  gap: 13px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 0%, rgba(100, 143, 255, .34), transparent 34%),
    linear-gradient(140deg, #07182f 0%, #123d7b 58%, #4032a0 100%);
  box-shadow: 0 16px 34px rgba(7, 24, 47, .18);
}

.financial-report-doc-top,
.financial-report-ready-hero,
.financial-report-pdf-page header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.financial-report-doc-top span,
.financial-report-doc-top em,
.financial-report-source-card span,
.financial-report-included-card > span,
.financial-report-suitable-card > span,
.financial-report-security-strip > span,
.financial-report-used-by > span {
  font-size: 10px;
  line-height: 1.15;
  font-weight: 920;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.financial-report-doc-top em,
.financial-report-pdf-page em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 8px;
  color: #dffcf0;
  background: rgba(255,255,255,.12);
  font-style: normal;
  font-size: 9px;
}

.financial-report-doc-identity {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.financial-report-doc-identity span,
.financial-report-premium-summary article,
.financial-report-generated-from span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.10);
}

.financial-report-doc-identity small,
.financial-report-premium-summary small,
.financial-report-generated-from small,
.financial-report-pdf-page small {
  color: inherit;
  opacity: .68;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.financial-report-doc-identity strong,
.financial-report-generated-from strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.15;
}

.financial-report-premium-summary,
.financial-report-generated-from {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.financial-report-premium-summary article {
  border-color: rgba(17, 44, 78, .08);
  color: #07182f;
  background: #fff;
  box-shadow: 0 10px 22px rgba(13, 43, 78, .055);
}

.financial-report-premium-summary strong {
  font-size: 19px;
  line-height: 1.08;
}

.financial-report-trend-card,
.financial-report-source-card,
.financial-report-included-card,
.financial-report-suitable-card,
.financial-report-security-strip,
.financial-report-used-by,
.financial-report-pdf-preview {
  display: grid;
  gap: 11px;
  padding: 13px;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 10px 22px rgba(13, 43, 78, .055);
}

.financial-report-trend-card h3,
.financial-report-source-card h3,
.financial-report-security-hero h3,
.financial-report-ready-hero h3 {
  margin: 3px 0 0;
  color: #102d4c;
  font-size: 16px;
  line-height: 1.16;
}

.financial-report-mini-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 112px;
  padding: 12px 8px 6px;
  border-radius: 14px;
  background: #f2f6fb;
}

.financial-report-mini-chart span {
  display: grid;
  align-items: end;
  gap: 6px;
  height: 98px;
  text-align: center;
}

.financial-report-mini-chart i {
  display: block;
  align-self: end;
  width: 100%;
  border-radius: 999px 999px 5px 5px;
  background: linear-gradient(180deg, #2d7cf6, #8b5cf6);
  box-shadow: 0 8px 16px rgba(45, 124, 246, .16);
}

.financial-report-mini-chart small {
  color: #6b7b91;
  font-size: 9px;
  font-weight: 900;
}

.financial-report-source-list,
.financial-report-suitable-card div,
.financial-report-included-card div,
.financial-report-security-strip div,
.financial-report-used-by div,
.financial-report-verification-list,
.financial-report-export-actions,
.financial-report-v3-actions {
  display: grid;
  gap: 8px;
}

.financial-report-source-list,
.financial-report-suitable-card div,
.financial-report-included-card div,
.financial-report-security-strip div,
.financial-report-used-by div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-report-source-list span,
.financial-report-suitable-card em,
.financial-report-included-card em,
.financial-report-security-strip em,
.financial-report-used-by em,
.financial-report-verification-list article {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  border-radius: 13px;
  padding: 9px;
  color: #173454;
  background: #f4f8ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.financial-report-source-list svg,
.financial-report-security-strip svg,
.financial-report-verification-list svg,
.financial-report-ready-hero svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: #19a974;
}

.financial-report-security-hero {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  color: #07182f;
  background: linear-gradient(180deg, #fff, #f8fbff);
  border-color: rgba(17, 44, 78, .08);
}

.financial-report-security-ring {
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at center, #0e315b 58%, transparent 59%),
    conic-gradient(#19d18d var(--security-score), #dde7f2 0);
  box-shadow: 0 14px 28px rgba(13, 43, 78, .12);
}

.financial-report-security-ring strong,
.financial-report-security-ring small {
  grid-area: 1 / 1;
  text-align: center;
}

.financial-report-security-ring strong {
  transform: translateY(-6px);
  font-size: 21px;
}

.financial-report-security-ring small {
  transform: translateY(17px);
  opacity: .72;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.financial-report-generated-from span {
  border-color: rgba(17, 44, 78, .08);
  color: #07182f;
  background: #fff;
}

.financial-report-ready-hero {
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: start;
}

.financial-report-ready-hero > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #0f6b4d;
  background: #e9fff5;
}

.financial-report-ready-hero small {
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.financial-report-ready-hero p {
  margin: 4px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.3;
}

.financial-report-pdf-preview {
  place-items: center;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(8,25,45,.06), rgba(31,132,229,.08));
}

.financial-report-pdf-page {
  display: grid;
  gap: 8px;
  width: min(245px, 100%);
  min-height: 332px;
  padding: 16px;
  border-radius: 14px;
  color: #07182f;
  background: #fff;
  box-shadow: 0 18px 36px rgba(7, 24, 47, .18);
}

.financial-report-pdf-page header {
  padding: 9px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
}

.financial-report-pdf-page h4 {
  margin: 5px 0 0;
  font-size: 18px;
  line-height: 1.1;
}

.financial-report-pdf-page p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
}

.pdf-verified-badge {
  justify-self: start;
  border-radius: 999px;
  padding: 7px 9px;
  color: #0f6b4d;
  background: #e9fff5;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .07em;
}

.financial-report-pdf-page span {
  display: grid;
  gap: 3px;
  padding: 8px 0;
  border-top: 1px solid #edf2f7;
}

.financial-report-export-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-report-export-actions button {
  min-height: 44px;
  border: 1px solid rgba(17, 44, 78, .10);
  border-radius: 13px;
  color: #123d7b;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
}

.financial-report-export-actions .primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

/* Dynamic Income Verification Report Engine V4 */
.financial-report-card.report-choice-stage.dynamic {
  gap: 11px;
}

.financial-report-options.dynamic {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.financial-report-options.dynamic button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 72px;
  text-align: left;
}

.financial-report-options.dynamic button > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  color: #1558ac;
  background: rgba(31, 132, 229, .10);
}

.financial-report-options.dynamic button > i svg {
  width: 18px;
  height: 18px;
}

.financial-report-options.dynamic button span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.financial-report-options.dynamic button em,
.financial-report-options.dynamic button u,
.financial-report-options.dynamic button b {
  min-width: 0;
  color: #64748b;
  font-size: 9px;
  line-height: 1.25;
  font-style: normal;
  text-decoration: none;
}

.financial-report-options.dynamic button u,
.financial-report-options.dynamic button b {
  grid-column: 1 / -1;
  padding-left: 44px;
}

.financial-report-options.dynamic button u {
  color: #1558ac;
  font-weight: 900;
}

.financial-report-options.dynamic button.active > i {
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.financial-report-custom-modules {
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 14px;
  background: #f8fbff;
}

.financial-report-custom-modules > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.financial-report-custom-modules > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.financial-report-custom-modules button {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  border: 1px solid rgba(17,44,78,.09);
  border-radius: 12px;
  padding: 0 8px;
  color: #173454;
  background: #fff;
  font-size: 10px;
  font-weight: 850;
  text-align: left;
}

.financial-report-custom-modules button svg {
  width: 13px;
  height: 13px;
  color: #19a974;
}

.financial-report-custom-modules button.active {
  border-color: rgba(25,169,116,.22);
  background: #f0fbf7;
}

.financial-report-doc-cover h3 {
  margin: 0;
  max-width: 20ch;
  color: #fff;
  font-size: 19px;
  line-height: 1.08;
}

.financial-report-document-preview.car .financial-report-doc-cover,
.financial-report-ready-hero.car,
.financial-report-pdf-page.car header {
  background: linear-gradient(140deg, #08192d 0%, #0f6b8e 58%, #236a9f 100%);
}

.financial-report-document-preview.rental .financial-report-doc-cover,
.financial-report-ready-hero.rental,
.financial-report-pdf-page.rental header {
  background: linear-gradient(140deg, #08192d 0%, #145d4f 58%, #1f8a70 100%);
}

.financial-report-document-preview.accountant .financial-report-doc-cover,
.financial-report-ready-hero.accountant,
.financial-report-pdf-page.accountant header {
  background: linear-gradient(140deg, #08192d 0%, #473074 58%, #6d42a8 100%);
}

.financial-report-document-preview.taxyear .financial-report-doc-cover,
.financial-report-ready-hero.taxyear,
.financial-report-pdf-page.taxyear header {
  background: linear-gradient(140deg, #07182f 0%, #6b4b12 58%, #a97719 100%);
}

.financial-report-document-preview.custom .financial-report-doc-cover,
.financial-report-ready-hero.custom,
.financial-report-pdf-page.custom header {
  background: linear-gradient(140deg, #07182f 0%, #34445f 58%, #4b5f86 100%);
}

.financial-report-template-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.financial-report-template-badges em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 7px 9px;
  color: #0f6b4d;
  background: #e9fff5;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.financial-report-template-badges svg {
  width: 12px;
  height: 12px;
}

.financial-report-pdf-page footer {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid #edf2f7;
  color: #64748b;
  font-size: 9px;
  line-height: 1.3;
}

@media (max-width: 390px) {
  .financial-report-doc-identity,
  .financial-report-premium-summary,
  .financial-report-generated-from,
  .financial-report-source-list,
  .financial-report-suitable-card div,
  .financial-report-included-card div,
  .financial-report-security-strip div,
  .financial-report-used-by div,
  .financial-report-export-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-report-security-hero,
  .financial-report-ready-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-report-custom-modules > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Offers decision centre v7 */
.offer-intelligence-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.offer-intelligence-stats span {
  padding-inline: 2px !important;
}

.offer-intelligence-stats strong {
  font-size: 13px;
}

.offer-intelligence-stats small {
  font-size: 7px;
  line-height: 1.2;
}

.offer-action-centre {
  padding: 13px;
  border: 1px solid rgba(36, 72, 117, 0.12);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(89, 75, 199, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 32px rgba(8, 30, 59, 0.07);
  backdrop-filter: blur(16px);
}

.offer-action-centre-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.offer-action-centre-heading span {
  color: #647a91;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.offer-action-centre-heading h2 {
  margin: 3px 0 0;
  color: #102d4b;
  font-size: 17px;
}

.offer-action-centre-heading em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #087453;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.offer-action-centre-heading em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #14a574;
  box-shadow: 0 0 0 4px rgba(20, 165, 116, 0.11);
}

.offer-primary-control-bar {
  display: grid;
  grid-template-columns: 0.78fr 1fr 1fr 1fr;
  gap: 6px;
  margin-top: 11px;
}

.offer-primary-control-bar > button,
.offer-primary-control-bar > label {
  min-width: 0;
  min-height: 45px;
  border: 1px solid #d9e4ef;
  border-radius: 8px;
  padding: 7px 8px;
  color: #234a70;
  background: #f9fbfe;
}

.offer-primary-control-bar > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 8px;
  font-weight: 900;
}

.offer-primary-control-bar > button.active {
  border-color: #2b65b6;
  color: #fff;
  background: linear-gradient(135deg, #1559b4, #5944c1);
}

.offer-primary-control-bar > button svg {
  width: 13px;
  height: 13px;
}

.offer-primary-control-bar > label {
  display: grid;
  align-content: center;
}

.offer-primary-control-bar label > span {
  color: #7a899a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.offer-primary-control-bar select,
.offer-advanced-filter-panel select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #153754;
  background: transparent;
  font-size: 8px;
  font-weight: 900;
}

.offer-advanced-filter-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 7px;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid #e5edf5;
}

.offer-advanced-filter-panel label {
  min-width: 0;
  min-height: 44px;
  padding: 7px 9px;
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  display: grid;
  align-content: center;
  background: #fff;
}

.offer-advanced-filter-panel label span {
  color: #78899a;
  font-size: 7px;
  font-weight: 900;
}

.offer-advanced-filter-panel > button {
  min-height: 44px;
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  padding: 0 10px;
  color: #315d89;
  background: #f8fafc;
  font-size: 8px;
  font-weight: 900;
}

.offer-card-statuses,
.offer-detail-status-stack {
  flex: 0 0 auto;
  display: grid;
  justify-items: end;
  gap: 4px;
}

.offer-priority-pill {
  padding: 4px 7px;
  border-radius: 999px;
  color: #4c6076;
  background: #edf2f7;
  font-size: 7px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.offer-priority-pill.critical {
  color: #a52540;
  background: #ffe5eb;
}

.offer-priority-pill.urgent {
  color: #92510f;
  background: #fff0d6;
}

.offer-priority-pill.standard {
  color: #1a5da4;
  background: #e7f1ff;
}

.offer-priority-pill.low {
  color: #617183;
  background: #edf2f6;
}

.offer-status-pill.withdrawn,
.offer-status-pill.completed {
  color: #596b7f;
  background: #edf2f6;
}

.premium-offer-decision-row {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 50px;
  gap: 11px;
  align-items: center;
  margin-top: 17px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.premium-offer-title > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.premium-offer-title > span svg {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}

.premium-offer-timer-ring {
  --offer-ring-color: #58d7a4;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  padding: 5px;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--offer-ring-color) var(--offer-progress), rgba(255, 255, 255, 0.14) 0);
  box-shadow: 0 10px 24px rgba(4, 18, 38, 0.2);
}

.premium-offer-timer-ring::before {
  content: "";
  grid-area: 1 / 1;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #0b315f;
}

.premium-offer-timer-ring > div {
  z-index: 1;
  grid-area: 1 / 1;
  text-align: center;
}

.premium-offer-timer-ring strong,
.premium-offer-timer-ring small {
  display: block;
}

.premium-offer-timer-ring strong {
  color: #fff;
  font-size: 12px;
}

.premium-offer-timer-ring small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 6px;
  font-weight: 850;
}

.premium-offer-timer-ring.urgent {
  --offer-ring-color: #f7b752;
}

.premium-offer-timer-ring.critical {
  --offer-ring-color: #ff6d83;
}

.premium-offer-timer-ring.pulse {
  animation: premium-offer-urgent-pulse 1.4s ease-in-out infinite;
}

@keyframes premium-offer-urgent-pulse {
  50% { transform: scale(1.035); box-shadow: 0 0 0 7px rgba(255, 91, 119, 0.1); }
}

.premium-offer-decision-copy span {
  color: #bcd4fa;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-decision-copy h3 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 14px;
}

.premium-offer-decision-copy p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 8px;
  line-height: 1.4;
}

.premium-offer-match {
  padding: 8px 3px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
  text-align: center;
}

.premium-offer-match strong,
.premium-offer-match small {
  display: block;
}

.premium-offer-match strong {
  font-size: 13px;
}

.premium-offer-match small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 7px;
}

.premium-offer-contract-card,
.premium-offer-work-card,
.premium-offer-compliance-card,
.premium-offer-agency-card {
  padding: 14px;
  border: 1px solid rgba(42, 76, 117, 0.1);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 12px 28px rgba(10, 31, 60, 0.055);
}

.premium-offer-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.premium-offer-section-heading span {
  color: #617a94;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.premium-offer-section-heading h2 {
  margin: 3px 0 0;
  color: #102d4b;
  font-size: 17px;
}

.premium-offer-section-heading > em {
  padding: 5px 7px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #087454;
  background: #e7f7f0;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.premium-offer-section-heading > em svg {
  width: 10px;
  height: 10px;
}

.premium-offer-contract-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.premium-offer-contract-grid > span,
.premium-offer-expectation-grid > span {
  min-height: 54px;
  padding: 9px;
  border: 1px solid #e2eaf3;
  border-radius: 8px;
  background: rgba(248, 251, 255, 0.86);
}

.premium-offer-contract-grid small,
.premium-offer-contract-grid strong,
.premium-offer-expectation-grid small,
.premium-offer-expectation-grid strong {
  display: block;
}

.premium-offer-contract-grid small,
.premium-offer-expectation-grid small {
  color: #7b8998;
  font-size: 7px;
  font-weight: 850;
}

.premium-offer-contract-grid strong,
.premium-offer-expectation-grid strong {
  margin-top: 4px;
  color: #173754;
  font-size: 9px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.premium-offer-description {
  margin: 11px 0 0;
  color: #61758a;
  font-size: 10px;
  line-height: 1.55;
}

.premium-offer-duty-list {
  display: grid;
  gap: 6px;
  margin-top: 11px;
}

.premium-offer-duty-list span {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: #294965;
  font-size: 9px;
}

.premium-offer-duty-list svg {
  width: 18px;
  height: 18px;
  padding: 4px;
  border-radius: 50%;
  color: #0b805b;
  background: #e5f7ef;
}

.premium-offer-expectation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.premium-offer-compliance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.premium-offer-compliance-grid > span {
  min-height: 65px;
  padding: 9px;
  border: 1px solid #e2eaf2;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 2px 7px;
  align-content: center;
  background: #f9fbfe;
}

.premium-offer-compliance-grid i {
  grid-row: 1 / 3;
  align-self: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #0a835c;
  background: #e4f7ef;
}

.premium-offer-compliance-grid .clear i {
  color: #66778a;
  background: #edf2f6;
}

.premium-offer-compliance-grid i svg {
  width: 10px;
  height: 10px;
}

.premium-offer-compliance-grid small {
  color: #657990;
  font-size: 8px;
  font-weight: 900;
}

.premium-offer-compliance-grid strong {
  color: #213f5d;
  font-size: 8px;
  line-height: 1.3;
}

.premium-offer-travel-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.premium-offer-travel-facts span {
  padding: 7px;
  border: 1px solid #e2eaf3;
  border-radius: 8px;
  background: #f8fbff;
}

.premium-offer-travel-facts small,
.premium-offer-travel-facts strong {
  display: block;
}

.premium-offer-travel-facts small {
  color: #7b8998;
  font-size: 7px;
  font-weight: 850;
}

.premium-offer-travel-facts strong {
  margin-top: 4px;
  color: #1b3c5a;
  font-size: 8px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.premium-offer-agency-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.premium-offer-agency-copy span {
  color: #718398;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-offer-agency-copy h3 {
  margin: 3px 0 0;
  color: #153552;
  font-size: 13px;
}

.premium-offer-agency-copy p {
  margin: 3px 0 0;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #087454;
  font-size: 8px;
  font-weight: 850;
}

.premium-offer-agency-copy svg {
  width: 10px;
  height: 10px;
}

.premium-offer-agency-card > button {
  min-height: 32px;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  padding: 0 9px;
  color: #205b99;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.premium-offer-agency-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.premium-offer-agency-stats span {
  padding: 8px 5px;
  border: 1px solid #e2eaf2;
  border-radius: 8px;
  background: #f8fbff;
  text-align: center;
}

.premium-offer-agency-stats small,
.premium-offer-agency-stats strong {
  display: block;
}

.premium-offer-agency-stats small {
  color: #7a8998;
  font-size: 6px;
  font-weight: 850;
}

.premium-offer-agency-stats strong {
  margin-top: 4px;
  color: #163855;
  font-size: 10px;
}

.premium-offer-agency-note {
  grid-column: 1 / -1;
  margin: 0;
  color: #6c7e91;
  font-size: 9px;
  line-height: 1.45;
}

.premium-offer-action-bar {
  grid-template-columns: 60px 62px minmax(0, 0.9fr) minmax(0, 1.2fr);
}

@media (max-width: 390px) {
  .offer-primary-control-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offer-advanced-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offer-advanced-filter-panel > button {
    grid-column: 1 / -1;
  }

  .premium-offer-decision-row {
    grid-template-columns: 76px minmax(0, 1fr) 46px;
    gap: 8px;
  }

  .premium-offer-timer-ring {
    width: 72px;
    height: 72px;
  }

  .premium-offer-timer-ring::before {
    width: 59px;
    height: 59px;
  }

  .premium-offer-timer-ring strong {
    font-size: 10px;
  }

  .premium-offer-travel-facts {
    grid-template-columns: 1fr;
  }

  .premium-offer-action-bar {
    width: calc(100vw - 24px);
    grid-template-columns: 46px 50px minmax(0, 1fr) minmax(0, 1.18fr);
    padding: 7px;
    gap: 5px;
  }

  .premium-offer-action-bar button:first-child span,
  .premium-offer-action-bar button:nth-child(2) span {
    display: none;
  }
}

/* Premium worker job discovery engine. */
.jobs-discovery-hero {
  min-height: 188px;
  padding: 19px;
  background:
    radial-gradient(circle at 92% 2%, rgba(92, 90, 226, 0.45), transparent 37%),
    radial-gradient(circle at 0 100%, rgba(17, 184, 174, 0.2), transparent 38%),
    linear-gradient(140deg, #07172e 0%, #0e3e79 55%, #49349b 115%);
  box-shadow: 0 22px 50px rgba(7, 25, 54, 0.24);
}

.jobs-discovery-hero h2 {
  max-width: 300px;
  font-size: 22px;
}

.jobs-discovery-hero p {
  max-width: 340px;
  font-size: 10px;
}

.job-discovery-engine {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.job-preference-profile,
.saved-search-rail,
.job-marketplace-controls,
.opportunity-insights-panel {
  min-width: 0;
  border: 1px solid rgba(41, 73, 112, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 30px rgba(10, 34, 66, 0.07);
}

.job-preference-profile {
  position: relative;
  overflow: hidden;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  background:
    linear-gradient(135deg, rgba(236, 245, 255, 0.97), rgba(250, 247, 255, 0.96)),
    #fff;
}

.job-preference-profile::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, #1f65c8, #7355d4, #14a88b);
}

.job-preference-profile-copy {
  min-width: 0;
}

.job-preference-profile-copy > span,
.job-marketplace-heading > div > span,
.premium-job-title-row > div > span,
.premium-job-profile-title > span,
.premium-job-agency-profile > div > span,
.premium-job-match-card > div:first-child > span {
  display: block;
  color: #557092;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.job-preference-profile h3 {
  margin: 4px 0 0;
  color: #102e54;
  font-size: 13px;
}

.job-preference-profile p {
  margin: 4px 0 0;
  color: #6c7f96;
  font-size: 9px;
}

.job-preference-profile > button {
  align-self: start;
  min-height: 32px;
  border: 1px solid rgba(32, 91, 166, 0.14);
  border-radius: 7px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #205ba6;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.job-preference-profile > button svg {
  width: 12px;
  height: 12px;
}

.job-preference-chips {
  grid-column: 1 / -1;
  min-width: 0;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}

.job-preference-chips span,
.active-marketplace-filters button {
  flex: 0 0 auto;
  min-height: 25px;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  color: #315c8d;
  background: rgba(255, 255, 255, 0.86);
  font-size: 7px;
  font-weight: 880;
}

.saved-search-rail {
  padding: 13px;
}

.job-marketplace-heading {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.job-marketplace-heading h2 {
  margin: 3px 0 0;
  color: #102e54;
  font-size: 15px;
  line-height: 1.2;
}

.job-marketplace-heading p {
  margin: 4px 0 0;
  color: #718198;
  font-size: 9px;
  line-height: 1.4;
}

.job-marketplace-heading > button {
  flex: 0 0 auto;
  min-height: 30px;
  border: 0;
  border-radius: 7px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  background: #185cb6;
  font-size: 7px;
  font-weight: 900;
}

.job-marketplace-heading > button svg {
  width: 12px;
  height: 12px;
}

.saved-search-rail > div:last-child {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.saved-search-rail > div:last-child > button {
  min-width: 0;
  min-height: 56px;
  border: 1px solid #e0e8f1;
  border-radius: 7px;
  padding: 8px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) 12px;
  gap: 7px;
  align-items: center;
  color: #173a66;
  background: linear-gradient(145deg, #fff, #f7f9fc);
  text-align: left;
}

.saved-search-empty {
  min-height: 56px;
  border: 1px dashed #d8e3ef;
  border-radius: 7px;
  padding: 10px;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #55718d;
  background: #f8fbff;
}

.saved-search-empty i {
  width: 25px;
  height: 25px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #55718d;
  background: #eef4fa;
}

.saved-search-empty strong,
.saved-search-empty small {
  display: block;
  min-width: 0;
}

.saved-search-empty strong {
  font-size: 8px;
  line-height: 1.2;
}

.saved-search-empty small {
  margin-top: 3px;
  font-size: 6px;
  line-height: 1.3;
}

.saved-search-rail > div:last-child > button i {
  width: 25px;
  height: 25px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #2968b7;
  background: #eaf3ff;
}

.saved-search-rail svg {
  width: 12px;
  height: 12px;
}

.saved-search-rail button strong,
.saved-search-rail button small {
  display: block;
  min-width: 0;
}

.saved-search-rail button strong {
  font-size: 8px;
  line-height: 1.2;
}

.saved-search-rail button small {
  margin-top: 3px;
  color: #7b899c;
  font-size: 6px;
  line-height: 1.3;
}

.job-marketplace-controls {
  padding: 9px;
  display: grid;
  gap: 8px;
}

.job-marketplace-tabs {
  min-width: 0;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}

.job-marketplace-tabs button {
  flex: 0 0 auto;
  min-height: 31px;
  border: 1px solid #dde6f0;
  border-radius: 999px;
  padding: 0 10px;
  color: #60748c;
  background: #fff;
  font-size: 7px;
  font-weight: 900;
}

.job-marketplace-tabs button.active {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #185fc0, #5548c2);
  box-shadow: 0 6px 14px rgba(35, 78, 171, 0.2);
}

.job-marketplace-tabs button em {
  margin-left: 4px;
  font-style: normal;
  opacity: 0.72;
}

.job-marketplace-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 112px;
  gap: 7px;
}

.job-marketplace-toolbar > button,
.job-marketplace-toolbar label {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #dde6f0;
  border-radius: 7px;
  background: #f9fbfd;
}

.job-marketplace-toolbar > button {
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #214f84;
  font-size: 8px;
  font-weight: 900;
}

.job-marketplace-toolbar > button svg {
  width: 13px;
  height: 13px;
}

.job-marketplace-toolbar label {
  padding: 4px 7px;
  display: grid;
}

.job-marketplace-toolbar label span {
  color: #7a899c;
  font-size: 6px;
  font-weight: 850;
}

.job-marketplace-toolbar select {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #173a66;
  background: transparent;
  font-size: 8px;
  font-weight: 900;
}

.active-marketplace-filters {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}

.active-marketplace-filters:empty {
  display: none;
}

.active-marketplace-filters button {
  border-color: #cfe0f3;
  color: #215b99;
  background: #eef6ff;
}

.active-marketplace-filters svg {
  width: 9px;
  height: 9px;
  margin-left: 4px;
}

.results-heading {
  padding: 0 2px;
}

.results-heading > em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #18765a;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.results-heading > em i,
.marketplace-live-strip > span i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #16a878;
  box-shadow: 0 0 0 4px rgba(22, 168, 120, 0.11);
}

.premium-job-marketplace-list {
  display: grid;
  gap: 10px;
}

.premium-marketplace-job-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(46, 78, 119, 0.12);
  border-radius: 8px;
  padding: 13px;
  display: grid;
  gap: 10px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 253, 0.96));
  box-shadow: 0 13px 30px rgba(10, 33, 64, 0.08);
}

.premium-job-agency-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.premium-job-agency-logo {
  width: 31px;
  height: 31px;
  border: 1px solid #d8e4f2;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #285b99;
  background: linear-gradient(145deg, #f8fbff, #e8f0fa);
  font-size: 8px;
  font-weight: 950;
}

.premium-job-agency-logo.large {
  width: 40px;
  height: 40px;
}

.premium-job-agency-row strong,
.premium-job-agency-row small {
  display: block;
}

.premium-job-agency-row strong {
  color: #173656;
  font-size: 9px;
}

.premium-job-agency-row small {
  margin-top: 3px;
  color: #718198;
  font-size: 7px;
}

.premium-job-agency-row small svg {
  width: 9px;
  height: 9px;
  color: #d99b20;
  vertical-align: -2px;
}

.premium-job-agency-row > em,
.premium-job-shift-row > em,
.premium-job-trust-row > em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 5px 7px;
  color: #187459;
  background: #eaf8f2;
  font-size: 6px;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.premium-job-agency-row > em.urgent {
  color: #9e5f0d;
  background: #fff4df;
}

.premium-job-title-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 10px;
}

.premium-job-title-row h3 {
  margin: 4px 0 0;
  color: #102e54;
  font-size: 15px;
  line-height: 1.15;
}

.premium-job-title-row p {
  margin: 4px 0 0;
  color: #708096;
  font-size: 8px;
}

.premium-job-title-row > strong {
  width: 46px;
  height: 46px;
  border: 1px solid #d9e5f2;
  border-radius: 8px;
  display: grid;
  place-content: center;
  color: #285c9b;
  background: #f2f7fd;
  text-align: center;
  font-size: 13px;
}

.premium-job-title-row > strong small {
  display: block;
  margin-top: 1px;
  color: #7890aa;
  font-size: 6px;
}

.premium-job-finance-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.premium-job-finance-row > span {
  min-width: 0;
  min-height: 47px;
  border: 1px solid #e3eaf2;
  border-radius: 7px;
  padding: 8px;
  background: rgba(248, 250, 253, 0.9);
}

.premium-job-finance-row small,
.premium-job-finance-row strong {
  display: block;
}

.premium-job-finance-row small {
  color: #7c8999;
  font-size: 6px;
  font-weight: 850;
}

.premium-job-finance-row strong {
  margin-top: 4px;
  color: #173756;
  font-size: 9px;
}

.premium-job-shift-row {
  min-width: 0;
  border-top: 1px solid #e7edf4;
  padding-top: 9px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}

.premium-job-shift-row > svg {
  width: 14px;
  height: 14px;
  color: #3474b9;
}

.premium-job-shift-row small,
.premium-job-shift-row strong {
  display: block;
}

.premium-job-shift-row small {
  color: #7b8b9c;
  font-size: 6px;
  font-weight: 850;
}

.premium-job-shift-row strong {
  margin-top: 2px;
  color: #294764;
  font-size: 8px;
}

.premium-job-shift-row > em {
  color: #315f91;
  background: #eef4fb;
}

.premium-job-trust-row,
.premium-job-social-row {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.premium-job-trust-row > span {
  min-width: 0;
  color: #617389;
  font-size: 7px;
  overflow-wrap: anywhere;
}

.premium-job-trust-row svg {
  width: 11px;
  height: 11px;
  vertical-align: -3px;
}

.premium-job-trust-row > em {
  color: #246a54;
}

.premium-job-trust-row > em.tier-green {
  color: #0d6f4a;
  background: #e8f8f0;
}

.premium-job-trust-row > em.tier-purple {
  color: #5d3aa4;
  background: #f0eaff;
}

.premium-job-trust-row > em.tier-blue {
  color: #245b96;
  background: #eaf4ff;
}

.premium-job-trust-row > em.tier-grey {
  color: #596575;
  background: #eef2f6;
}

.premium-job-trust-row > em.tier-red {
  color: #9b2f2f;
  background: #fdecec;
}

.premium-job-social-row {
  justify-content: flex-start;
  color: #8390a1;
  font-size: 7px;
}

.premium-job-social-row span + span::before {
  content: "·";
  margin-right: 6px;
}

.premium-job-social-row em {
  margin-left: auto;
  color: #185bb2;
  font-style: normal;
  font-weight: 900;
  text-transform: capitalize;
}

.premium-job-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px 38px;
  gap: 6px;
}

.premium-job-actions button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #dce5ef;
  border-radius: 7px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #315c8d;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.premium-job-actions button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #1761c2, #5846c5);
}

.premium-job-actions button.active {
  color: #185d48;
  border-color: #bfe7d9;
  background: #edf9f4;
}

.premium-job-actions svg {
  width: 12px;
  height: 12px;
}

.opportunity-insights-panel {
  padding: 13px;
}

.opportunity-insight-grid {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.opportunity-insight-grid article {
  min-width: 0;
  min-height: 72px;
  border: 1px solid #e2e9f1;
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,250,255,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(16, 44, 82, 0.045);
}

.opportunity-insight-grid i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #2868b4;
  background: linear-gradient(145deg, #eef6ff, #e6f0ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.opportunity-insight-grid svg {
  width: 16px;
  height: 16px;
}

.opportunity-insight-grid strong,
.opportunity-insight-grid small {
  display: block;
}

.opportunity-insight-grid strong {
  color: #17385f;
  font-size: 11px;
  line-height: 1.15;
  letter-spacing: 0;
}

.opportunity-insight-grid small {
  margin-top: 4px;
  color: #7a899d;
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: 0;
}

.marketplace-live-strip {
  margin-top: 9px;
  border: 1px solid rgba(31, 103, 181, 0.11);
  border-radius: 7px;
  padding: 9px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  background: linear-gradient(135deg, #eef6ff, #f7f3ff);
}

.marketplace-live-strip > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #245a96;
  font-size: 7px;
}

.marketplace-live-strip p {
  margin: 0;
  color: #667a91;
  font-size: 7px;
  line-height: 1.35;
}

/* Marketplace filters. */
.marketplace-filter-page {
  padding-bottom: calc(94px + env(safe-area-inset-bottom));
}

.marketplace-filter-page .worker-filter-panel {
  min-width: 0;
  display: grid;
  gap: 11px;
}

.worker-filter-topbar {
  min-width: 0;
  border: 1px solid rgba(42, 75, 116, 0.11);
  border-radius: 8px;
  padding: 10px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  background: #fff;
  box-shadow: 0 10px 25px rgba(10, 32, 62, 0.07);
}

.worker-filter-topbar > div span {
  color: #71839a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.worker-filter-topbar h2 {
  margin: 2px 0 0;
  font-size: 15px;
}

.marketplace-filter-summary {
  border: 1px solid rgba(60, 80, 180, 0.13);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  background: linear-gradient(135deg, #eef5ff, #f8f3ff);
}

.marketplace-filter-summary > span {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1761c1, #6049c8);
}

.marketplace-filter-summary svg {
  width: 14px;
  height: 14px;
}

.marketplace-filter-summary h3 {
  margin: 0;
  color: #15365f;
  font-size: 11px;
}

.marketplace-filter-summary p {
  margin: 3px 0 0;
  color: #708097;
  font-size: 7px;
}

.marketplace-filter-summary em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #176c52;
  background: #e7f7f0;
  font-size: 6px;
  font-style: normal;
  font-weight: 950;
}

.marketplace-filter-page .worker-filter-stack {
  display: grid;
  gap: 8px;
}

.marketplace-filter-group {
  overflow: hidden;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(10, 32, 62, 0.05);
}

.marketplace-filter-group > .worker-filter-section-title {
  padding: 11px 12px 0;
}

.marketplace-filter-group summary {
  min-height: 38px;
  padding: 5px 12px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #718198;
  font-size: 8px;
  font-weight: 800;
  list-style: none;
}

.marketplace-filter-group summary::-webkit-details-marker {
  display: none;
}

.marketplace-filter-group summary svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}

.marketplace-filter-group[open] summary svg {
  transform: rotate(90deg);
}

.marketplace-filter-content {
  border-top: 1px solid #e7edf4;
  padding: 11px 12px;
  display: grid;
  gap: 10px;
}

.filter-chip-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.filter-chip-cloud button,
.distance-choice-row button {
  max-width: 100%;
  min-height: 30px;
  border: 1px solid #dbe5ef;
  border-radius: 999px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #536d88;
  background: #fff;
  font-size: 7px;
  font-weight: 880;
}

.filter-chip-cloud button.active,
.distance-choice-row button.active {
  color: #1858a5;
  border-color: #bcd4ee;
  background: #eaf4ff;
}

.filter-chip-cloud button svg {
  width: 10px;
  height: 10px;
}

.filter-subheading {
  color: #456482;
  font-size: 8px;
  font-weight: 900;
}

.marketplace-filter-hint {
  margin: 0;
  color: #8592a3;
  font-size: 8px;
}

.marketplace-search-field {
  min-height: 40px;
  border: 1px solid #dce5ef;
  border-radius: 7px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  background: #f9fbfd;
}

.marketplace-search-field svg {
  width: 14px;
  height: 14px;
  color: #4b75a5;
}

.marketplace-search-field input,
.pay-range-fields input,
.job-preference-input-grid input,
.job-preference-input-grid select,
.job-search-save-modal input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #17375f;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
}

.distance-choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pay-range-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pay-range-fields .pay-period-selector {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
}

.pay-range-fields .pay-period-selector > span {
  margin: 0;
  color: #708097;
  font-size: 7px;
  font-weight: 850;
}

.pay-range-fields .pay-period-selector > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.pay-range-fields .pay-period-selector button {
  min-width: 0;
  min-height: 32px;
  padding: 0 6px;
  border: 1px solid #dce5ef;
  border-radius: 8px;
  color: #244f82;
  background: #f9fbfd;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pay-range-fields .pay-period-selector button.active {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #1f73ff, #6c58ff);
}

.pay-range-fields .pay-period-equivalent {
  grid-column: 1 / -1;
  margin: 0;
  color: #708097;
  font-size: 8px;
  line-height: 1.35;
  font-weight: 700;
}

.pay-range-fields > label > span,
.marketplace-select-field > span,
.job-preference-input-grid label > span,
.job-search-save-modal label > span {
  display: block;
  margin-bottom: 5px;
  color: #708097;
  font-size: 7px;
  font-weight: 850;
}

.pay-range-fields > label > div {
  min-height: 39px;
  border: 1px solid #dce5ef;
  border-radius: 7px;
  padding: 0 9px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  color: #244f82;
  background: #f9fbfd;
}

.pay-range-fields b,
.pay-range-fields small {
  font-size: 8px;
}

.marketplace-select-field {
  display: grid;
}

.marketplace-select-field select {
  width: 100%;
  min-height: 39px;
  border: 1px solid #dce5ef;
  border-radius: 7px;
  padding: 0 9px;
  color: #17375f;
  background: #f9fbfd;
  font-size: 8px;
  font-weight: 850;
}

.marketplace-filter-switch {
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.marketplace-filter-switch strong,
.marketplace-filter-switch small {
  display: block;
}

.marketplace-filter-switch strong {
  color: #244664;
  font-size: 9px;
}

.marketplace-filter-switch small {
  margin-top: 3px;
  color: #8090a2;
  font-size: 7px;
}

.marketplace-filter-switch input {
  width: 38px;
  height: 21px;
}

.marketplace-filter-page .worker-filter-footer {
  position: sticky;
  bottom: calc(72px + env(safe-area-inset-bottom));
  z-index: 20;
  border: 1px solid rgba(45, 74, 110, 0.13);
  border-radius: 8px;
  padding: 7px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 38px rgba(7, 27, 56, 0.16);
  backdrop-filter: blur(18px);
}

/* Preferences and saved-search sheets. */
.job-preferences-backdrop,
.job-search-save-backdrop {
  z-index: 120;
  align-items: flex-end;
  padding: 12px;
}

.job-preferences-modal,
.job-search-save-modal {
  width: min(100%, 410px);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 16px 16px 8px 8px;
  background: rgba(252, 253, 255, 0.98);
  box-shadow: 0 28px 70px rgba(5, 19, 43, 0.28);
}

.job-preferences-modal header,
.job-search-save-modal header {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 10px;
  background: linear-gradient(140deg, #071b38, #174b91 60%, #5136a8);
  color: #fff;
}

.job-preferences-modal header span,
.job-search-save-modal header span {
  color: rgba(255, 255, 255, 0.64);
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.job-preferences-modal h2,
.job-search-save-modal h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 18px;
}

.job-preferences-modal header p,
.job-search-save-modal header p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 8px;
}

.job-preferences-modal header button,
.job-search-save-modal header button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.job-preferences-modal header svg,
.job-search-save-modal header svg {
  width: 14px;
  height: 14px;
}

.job-preference-modal-content {
  padding: 14px;
  display: grid;
  gap: 15px;
}

.job-preference-input-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.9fr;
  gap: 7px;
}

.job-preference-input-grid label {
  min-width: 0;
}

.job-preference-input-grid input,
.job-preference-input-grid select,
.job-search-save-modal label > input {
  min-height: 39px;
  border: 1px solid #dae4ef;
  border-radius: 7px;
  padding: 0 9px;
  background: #f8fafc;
}

.job-preferences-modal footer,
.job-search-save-modal footer {
  position: sticky;
  bottom: 0;
  border-top: 1px solid #e3eaf2;
  padding: 8px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 7px;
  background: rgba(255, 255, 255, 0.96);
}

.job-preferences-modal footer button,
.job-search-save-modal footer button {
  min-height: 42px;
  border: 1px solid #dce5ef;
  border-radius: 8px;
  color: #315b88;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.job-preferences-modal footer button.primary,
.job-search-save-modal footer button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #1761c2, #5846c5);
}

/* Premium marketplace selectors: compact rows plus searchable bottom sheets. */
.premium-selector-row {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 13px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  gap: 9px;
  align-items: center;
  color: #17375f;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 10px 24px rgba(10, 32, 62, 0.055);
  text-align: left;
}

.premium-selector-row span,
.premium-selector-row strong,
.premium-selector-row small {
  min-width: 0;
  display: block;
}

.premium-selector-row strong {
  color: #17375f;
  font-size: 12px;
  line-height: 1.2;
}

.premium-selector-row small {
  margin-top: 4px;
  overflow: hidden;
  color: #677b92;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.premium-selector-row em {
  color: #8a98aa;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.premium-selector-row svg {
  width: 15px;
  height: 15px;
  color: #6a7b8f;
  transform: rotate(180deg);
}

.preference-verified-row {
  min-height: 36px;
  border: 1px solid rgba(45, 133, 102, 0.16);
  border-radius: 12px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  color: #17644d;
  background: #effaf5;
  font-size: 10px;
  font-weight: 850;
}

.preference-verified-row svg {
  width: 15px;
  height: 15px;
}

.preference-verified-row small {
  color: #4d806f;
  font-size: 8px;
  font-weight: 850;
  white-space: nowrap;
}

.job-preference-choice-summary {
  border: 1px solid rgba(42, 74, 115, 0.1);
  border-radius: 14px;
  padding: 10px;
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, #ffffff, #f6f9ff);
  box-shadow: 0 12px 26px rgba(10, 32, 62, 0.055);
}

.job-preference-choice-summary > div {
  display: grid;
  gap: 7px;
}

.job-preference-choice-summary strong {
  color: #17375f;
  font-size: 11px;
  font-weight: 930;
  line-height: 1.2;
}

.job-preference-choice-summary > div > span {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.job-preference-choice-summary > div > span span {
  border: 1px solid rgba(35, 104, 219, 0.16);
  border-radius: 999px;
  padding: 6px 9px;
  color: #174d91;
  background: #edf6ff;
  font-size: 10px;
  font-weight: 880;
  line-height: 1;
}

.job-preference-choice-summary > div > span span.empty {
  color: #7b8aa0;
  border-color: #dce5ef;
  background: #f8fafc;
}

.premium-selector-backdrop {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 14px;
  background: rgba(5, 15, 31, 0.44);
}

.premium-selector-backdrop.nested {
  z-index: 220;
}

.premium-selector-sheet {
  width: min(100%, 414px);
  max-height: min(85dvh, 720px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 22px 22px 12px 12px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  background: rgba(252, 253, 255, 0.98);
  box-shadow: 0 28px 80px rgba(5, 19, 43, 0.34);
}

.premium-selector-sheet header {
  padding: 16px 16px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 10px;
  color: #fff;
  background: linear-gradient(140deg, #071b38, #174b91 62%, #4c35a6);
}

.premium-selector-sheet header span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.premium-selector-sheet header h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.15;
}

.premium-selector-sheet header p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 11px;
  line-height: 1.35;
}

.premium-selector-sheet header button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.premium-selector-sheet header svg {
  width: 15px;
  height: 15px;
}

.premium-sheet-search {
  margin: 12px 14px 8px;
  min-height: 42px;
  border: 1px solid #dbe5ef;
  border-radius: 13px;
  padding: 0 11px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  background: #f7faff;
}

.premium-sheet-search svg {
  width: 16px;
  height: 16px;
  color: #4770a3;
}

.premium-sheet-search input,
.premium-sheet-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #17375f;
  background: transparent;
  font-size: 12px;
  font-weight: 780;
}

.premium-selector-scroll {
  min-height: 0;
  overflow-y: auto;
  padding: 4px 14px 12px;
  display: grid;
  gap: 12px;
}

.selector-sheet-section {
  display: grid;
  gap: 7px;
}

.selector-sheet-section h3 {
  margin: 2px 0;
  color: #6d7d91;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.selector-list-row {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 13px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  color: #18395f;
  background: #fff;
  box-shadow: 0 8px 18px rgba(10, 32, 62, 0.04);
  text-align: left;
}

.selector-list-row i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #2f6bb7;
  background: #f0f6ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.selector-list-row i svg {
  width: 16px;
  height: 16px;
}

.selector-list-row span,
.selector-list-row strong,
.selector-list-row small {
  min-width: 0;
  display: block;
}

.selector-list-row strong {
  color: #18395f;
  font-size: 12px;
  line-height: 1.2;
}

.selector-list-row small {
  margin-top: 3px;
  overflow: hidden;
  color: #75869a;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selector-list-row em {
  border-radius: 999px;
  padding: 4px 7px;
  color: #1e5b9d;
  background: #edf5ff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.selector-list-row.active {
  border-color: rgba(37, 99, 235, 0.28);
  background: linear-gradient(180deg, #f7fbff, #eef6ff);
}

.selector-list-row.active i {
  color: #fff;
  background: linear-gradient(135deg, #1761c2, #5846c5);
}

.selector-sheet-inline-action {
  border: 1px solid #dce7f3;
  border-radius: 13px;
  padding: 9px 10px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  background: #f8fbff;
}

.selector-sheet-inline-action span {
  color: #64778d;
  font-size: 10px;
  font-weight: 780;
}

.selector-sheet-inline-action button {
  border: 0;
  color: #195fae;
  background: transparent;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.premium-sheet-field {
  min-height: 56px;
  border: 1px solid #dce7f3;
  border-radius: 13px;
  padding: 8px 11px;
  display: grid;
  gap: 4px;
  background: #f8fbff;
}

.premium-sheet-field span {
  color: #71839a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.radius-selector-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.radius-selector-grid button {
  min-height: 38px;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  color: #526b86;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.radius-selector-grid button.active {
  color: #1859a7;
  border-color: #bad3ef;
  background: #edf6ff;
}

.premium-selector-sheet footer {
  border-top: 1px solid #e2eaf3;
  padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 8px;
  background: rgba(255, 255, 255, 0.98);
}

.premium-selector-sheet footer button,
.job-preferences-modal footer button,
.job-search-save-modal footer button {
  min-height: 48px;
  border-radius: 13px;
  font-size: 12px;
}

.premium-selector-sheet footer button {
  border: 1px solid #dce5ef;
  color: #315b88;
  background: #fff;
  font-weight: 900;
}

.premium-selector-sheet footer button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #1761c2, #5846c5);
}

.selector-empty-state {
  min-height: 96px;
  border: 1px dashed #cbd8e7;
  border-radius: 14px;
  padding: 16px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #6f8196;
  background: #f8fbff;
}

.selector-empty-state svg {
  width: 22px;
  height: 22px;
  color: #6289ba;
}

.selector-empty-state strong {
  margin-top: 6px;
  color: #244564;
  font-size: 12px;
}

.selector-empty-state small {
  margin-top: 2px;
  font-size: 10px;
}

.job-preferences-modal {
  max-height: min(88dvh, 760px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.job-preference-modal-content {
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 18px;
}

.job-preferences-modal footer,
.marketplace-filter-page .worker-filter-footer {
  position: static;
}

.job-preferences-modal footer button.primary:disabled {
  opacity: .46;
  color: #71839a;
  background: #e9eef5;
}

.marketplace-filter-page {
  padding-bottom: calc(122px + env(safe-area-inset-bottom));
}

.marketplace-filter-page .worker-filter-footer {
  border-radius: 14px;
  padding: 8px;
}

.marketplace-filter-page .worker-filter-footer button {
  min-height: 48px;
  border-radius: 13px;
}

.premium-discovery-topbar {
  border-radius: 16px;
  padding: 12px;
  background: linear-gradient(140deg, #071b38, #174b91 62%, #4c35a6);
  color: #fff;
}

.premium-discovery-topbar h2 {
  color: #fff;
  font-size: 18px;
}

.premium-discovery-topbar p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  line-height: 1.35;
}

.premium-discovery-topbar > div span {
  color: rgba(255, 255, 255, .68);
  font-size: 8px;
  letter-spacing: .05em;
}

.premium-discovery-topbar .text-button,
.premium-discovery-topbar .profile-header-button {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
}

.matching-profile-summary-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.matching-profile-summary-row span {
  min-width: 0;
  border: 1px solid rgba(31, 96, 180, .12);
  border-radius: 12px;
  padding: 8px 9px;
  overflow: hidden;
  color: #315273;
  background: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discovery-filter-stack {
  gap: 10px;
}

.discovery-filter-card {
  min-width: 0;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 15px;
  padding: 12px;
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 10px 26px rgba(10, 32, 62, 0.06);
}

.discovery-filter-card > div:first-child span,
.discovery-filter-card > div:first-child small {
  display: block;
}

.discovery-filter-card > div:first-child span {
  color: #17375f;
  font-size: 13px;
  font-weight: 930;
}

.discovery-filter-card > div:first-child small {
  margin-top: 3px;
  color: #728399;
  font-size: 10px;
  line-height: 1.35;
}

.discovery-segment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.discovery-segment-grid button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  padding: 0 8px;
  overflow: hidden;
  color: #536b86;
  background: #fff;
  font-size: 10px;
  font-weight: 880;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.discovery-segment-grid button.active {
  color: #103f7c;
  border-color: rgba(31, 100, 190, .42);
  background: linear-gradient(180deg, #f7fbff, #eaf4ff);
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .10), 0 8px 18px rgba(20, 88, 170, .10);
  transform: translateY(-1px);
}

.discovery-segment-grid button svg {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  color: #0f7a5d;
}

.discovery-segment-grid button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-filter-page {
  padding-bottom: calc(208px + env(safe-area-inset-bottom));
}

.marketplace-filter-page .worker-filter-footer {
  position: fixed;
  left: 50%;
  bottom: calc(88px + env(safe-area-inset-bottom));
  width: min(calc(100% - 32px), 398px);
  transform: translateX(-50%);
  z-index: 30;
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 46px rgba(7, 27, 56, .18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.job-search-save-modal > label,
.saved-search-preview {
  margin: 14px 14px 0;
}

.saved-search-preview {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  padding: 11px;
  background: linear-gradient(135deg, #edf6ff, #f7f3ff);
}

.saved-search-preview strong,
.saved-search-preview span {
  display: block;
}

.saved-search-preview strong {
  color: #17385f;
  font-size: 9px;
}

.saved-search-preview span {
  margin-top: 4px;
  color: #718198;
  font-size: 8px;
}

.job-search-save-modal footer {
  margin-top: 14px;
}

/* Premium full-screen job profile. */
.premium-job-profile-page {
  padding-bottom: calc(100px + env(safe-area-inset-bottom));
}

.premium-job-profile-hero {
  overflow: hidden;
  border-radius: 8px;
  padding: 15px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 2%, rgba(126, 101, 242, 0.42), transparent 38%),
    linear-gradient(140deg, #071a35, #124887 58%, #4f37a4);
  box-shadow: 0 20px 45px rgba(7, 25, 54, 0.24);
}

.premium-job-profile-agency {
  min-width: 0;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.premium-job-profile-agency .premium-job-agency-logo {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.1);
}

.premium-job-profile-agency strong,
.premium-job-profile-agency small {
  display: block;
}

.premium-job-profile-agency strong {
  font-size: 11px;
}

.premium-job-profile-agency small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
}

.premium-job-profile-agency svg {
  width: 9px;
  height: 9px;
}

.premium-job-profile-agency > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #774d04;
  background: #fff1cb;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
}

.premium-job-profile-title {
  margin-top: 18px;
}

.premium-job-profile-title > span {
  color: rgba(255, 255, 255, 0.62);
}

.premium-job-profile-title h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.12;
}

.premium-job-profile-title p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}

.premium-job-profile-score {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.premium-job-profile-score span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 7px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.premium-job-profile-score small,
.premium-job-profile-score strong {
  display: block;
}

.premium-job-profile-score small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 8px;
}

.premium-job-profile-score strong {
  margin-top: 4px;
  font-size: 15px;
}

.premium-job-pay-breakdown,
.premium-job-map-card,
.premium-job-agency-profile,
.premium-job-match-card {
  min-width: 0;
  border: 1px solid rgba(41, 73, 112, 0.11);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(10, 33, 64, 0.07);
}

.premium-job-pay-breakdown {
  padding: 14px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 13px;
  background: linear-gradient(135deg, #f3fbf8, #fff);
}

.premium-job-pay-breakdown > div:first-child > span {
  color: #147456;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.premium-job-pay-breakdown h2 {
  margin: 4px 0 0;
  color: #123e36;
  font-size: 25px;
}

.premium-job-pay-breakdown p {
  margin: 3px 0 0;
  color: #70847f;
  font-size: 10px;
}

.premium-job-pay-breakdown > div:last-child {
  display: grid;
}

.premium-job-pay-breakdown > div:last-child > span {
  border-bottom: 1px solid #e4eee9;
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  gap: 7px;
}

.premium-job-pay-breakdown small,
.premium-job-pay-breakdown strong {
  font-size: 9px;
}

.premium-job-pay-breakdown small {
  color: #74877f;
}

.premium-job-pay-breakdown strong {
  color: #23483f;
}

.premium-job-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.premium-job-detail-grid article {
  min-width: 0;
  min-height: 104px;
  border: 1px solid rgba(42, 75, 116, 0.11);
  border-radius: 8px;
  padding: 11px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: #fff;
  box-shadow: 0 9px 22px rgba(10, 33, 64, 0.05);
}

.premium-job-detail-grid article > i {
  width: 31px;
  height: 31px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #2868b4;
  background: #eaf3ff;
}

.premium-job-detail-grid svg {
  width: 15px;
  height: 15px;
}

.premium-job-detail-grid small,
.premium-job-detail-grid strong,
.premium-job-detail-grid p {
  display: block;
}

.premium-job-detail-grid small {
  color: #7b899b;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-job-detail-grid strong {
  margin-top: 4px;
  color: #173859;
  font-size: 11px;
  line-height: 1.35;
}

.premium-job-detail-grid p {
  margin: 5px 0 0;
  color: #7b899b;
  font-size: 9px;
  line-height: 1.35;
}

.premium-job-map-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
}

.premium-job-map-visual {
  position: relative;
  min-height: 135px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(35deg, transparent 47%, rgba(255,255,255,.45) 48%, rgba(255,255,255,.45) 51%, transparent 52%),
    linear-gradient(145deg, #d9e9f5, #b8cce1);
}

.premium-job-map-visual > span {
  position: relative;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: 50% 50% 50% 0;
  display: grid;
  place-items: center;
  background: #1e5fb7;
  transform: rotate(-45deg);
  box-shadow: 0 9px 20px rgba(25, 80, 153, 0.28);
}

.premium-job-map-visual > span svg {
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
}

.premium-job-map-visual > i {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(32, 95, 179, 0.3);
  border-radius: 50%;
  background: rgba(32, 95, 179, 0.08);
}

.premium-job-map-visual > em {
  position: absolute;
  left: 8px;
  bottom: 8px;
  border-radius: 999px;
  padding: 5px 7px;
  color: #1d4c80;
  background: rgba(255,255,255,.88);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.premium-job-map-card > div:last-child {
  padding: 13px;
}

.premium-job-map-card > div:last-child > span {
  color: #71839a;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-job-map-card h3 {
  margin: 5px 0 0;
  color: #17375c;
  font-size: 16px;
}

.premium-job-map-card p {
  margin: 5px 0 0;
  color: #718198;
  font-size: 9px;
  line-height: 1.45;
}

.premium-job-map-card button {
  margin-top: 9px;
  min-height: 30px;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
  color: #fff;
  background: #1d5eae;
  font-size: 9px;
  font-weight: 900;
}

.premium-job-information {
  overflow: hidden;
  border: 1px solid rgba(42, 75, 116, 0.11);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(10, 33, 64, 0.06);
}

.premium-job-information details + details {
  border-top: 1px solid #e7edf4;
}

.premium-job-information summary {
  min-height: 50px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #23486e;
  font-size: 13px;
  font-weight: 900;
  list-style: none;
}

.premium-job-information summary svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}

.premium-job-information details[open] summary svg {
  transform: rotate(90deg);
}

.premium-job-information p,
.premium-job-information ul,
.premium-job-information .requirement-chip-grid {
  margin: 0;
  border-top: 1px solid #edf1f5;
  padding: 11px 13px;
  color: #65778b;
  font-size: 11px;
  line-height: 1.5;
}

.premium-job-information ul {
  padding-left: 28px;
}

.premium-job-agency-profile {
  padding: 13px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.premium-job-agency-profile h3 {
  margin: 3px 0 0;
  color: #17385f;
  font-size: 16px;
}

.premium-job-agency-profile p {
  margin: 4px 0 0;
  color: #718198;
  font-size: 9px;
  line-height: 1.4;
}

.premium-job-agency-profile > button {
  min-height: 31px;
  border: 1px solid #d8e4f0;
  border-radius: 7px;
  padding: 0 8px;
  color: #225a98;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.premium-job-agency-profile > div:last-child {
  grid-column: 1 / -1;
  border-top: 1px solid #e6edf4;
  padding-top: 9px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.premium-job-agency-profile > div:last-child span {
  min-width: 0;
  text-align: center;
}

.premium-job-agency-profile > div:last-child small,
.premium-job-agency-profile > div:last-child strong {
  display: block;
}

.premium-job-agency-profile > div:last-child small {
  color: #8190a1;
  font-size: 8px;
}

.premium-job-agency-profile > div:last-child strong {
  margin-top: 3px;
  color: #1b466f;
  font-size: 11px;
}

.premium-job-match-card {
  padding: 13px;
  background: linear-gradient(135deg, #eef6ff, #f7f3ff);
}

.premium-job-match-card h3 {
  margin: 4px 0 0;
  color: #17375f;
  font-size: 13px;
}

.premium-job-match-card p {
  margin: 5px 0 0;
  color: #6e7f94;
  font-size: 8px;
  line-height: 1.4;
}

.premium-job-match-card > div:last-child {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.premium-job-match-card > div:last-child span {
  min-width: 0;
  border: 1px solid rgba(49, 93, 151, 0.11);
  border-radius: 7px;
  padding: 7px;
  background: rgba(255,255,255,.76);
}

.premium-job-match-card small,
.premium-job-match-card strong {
  display: block;
}

.premium-job-match-card small {
  color: #7e8da0;
  font-size: 6px;
}

.premium-job-match-card strong {
  margin-top: 3px;
  color: #26598f;
  font-size: 8px;
}

.premium-job-action-bar {
  position: relative;
  width: 100%;
  border: 1px solid rgba(207, 223, 240, .92);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  gap: 10px;
  background:
    radial-gradient(circle at 8% 0%, rgba(47,132,255,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.96));
  box-shadow:
    0 18px 42px rgba(7, 26, 53, .12),
    inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter: blur(18px);
}

.premium-job-utility-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.premium-job-primary-actions {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.35fr);
  gap: 9px;
}

.premium-job-primary-actions button:only-child {
  grid-column: 1 / -1;
}

.premium-job-action-bar button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(207, 223, 240, .95);
  border-radius: 13px;
  padding: 0 7px;
  display: grid;
  place-items: center;
  gap: 2px;
  color: #3b5a7f;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.94));
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .01em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}

.premium-job-action-bar button svg {
  width: 17px;
  height: 17px;
}

.premium-job-action-bar button.active {
  color: #0b6f55;
  border-color: rgba(30, 177, 123, .26);
  background:
    linear-gradient(180deg, rgba(239,252,247,.98), rgba(226,249,239,.94));
}

.premium-job-action-bar button.primary {
  border-color: transparent;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(135deg, #082a5b, #06428f 52%, #1c65d8);
  font-size: 12px;
  font-weight: 840;
  box-shadow: 0 14px 24px rgba(6, 48, 110, .22);
}

.premium-job-action-bar button.withdraw {
  color: #9b3440;
  border-color: rgba(217, 110, 123, .24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,247,.95));
  font-size: 11px;
  font-weight: 780;
}

.premium-job-action-bar button:disabled {
  color: #0b6f55;
  border-color: rgba(30, 177, 123, .26);
  background:
    linear-gradient(180deg, rgba(239,252,247,.98), rgba(226,249,239,.94));
  opacity: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}

@media (max-width: 370px) {
  .worker-opportunity-hero > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .saved-search-rail > div:last-child,
  .opportunity-insight-grid {
    grid-template-columns: 1fr;
  }

  .job-preference-input-grid {
    grid-template-columns: 1fr 1fr;
  }

  .job-preference-input-grid label:first-child {
    grid-column: 1 / -1;
  }

  .premium-job-action-bar {
    padding: 10px;
  }

  .premium-job-utility-actions {
    gap: 6px;
  }

  .premium-job-action-bar button {
    min-height: 43px;
    font-size: 9px;
    padding: 0 5px;
  }

  .premium-job-action-bar button svg {
    width: 15px;
    height: 15px;
  }
}

.notification-history-card {
  position: relative;
}

.notification-history-card.selected {
  border-color: #316fca;
  box-shadow: 0 0 0 2px rgba(49, 111, 202, 0.08);
}

.notification-select-toggle {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 3;
  width: 22px;
  height: 22px;
  border: 1px solid #bacbdd;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #fff;
}

.notification-history-card.selected .notification-select-toggle {
  border-color: #2765bc;
  background: #2765bc;
}

.notification-select-toggle svg {
  width: 12px;
  height: 12px;
}

.notification-history-card:has(.notification-select-toggle) .notification-history-open {
  padding-left: 38px;
}

@media (max-width: 370px) {
  .offer-control-row {
    grid-template-columns: 1fr;
  }

  .offer-sort-control {
    width: 100%;
  }

  .marketplace-offer-finance,
  .premium-offer-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-offer-finance > span:last-child,
  .premium-offer-countdown > span:first-child {
    grid-column: 1 / -1;
  }

  .premium-offer-pay-card,
  .premium-offer-detail-grid,
  .premium-offer-review-quotes {
    grid-template-columns: 1fr;
  }

  .premium-offer-detail-grid article {
    min-height: 90px;
  }

  .notification-advanced-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .notification-advanced-controls > label {
    grid-column: 1 / -1;
  }
}

/* Premium worker notification centre */
.worker-command-topline > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.worker-command-topline > em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #50e3a4;
  box-shadow: 0 0 0 4px rgba(80, 227, 164, 0.13);
}

.worker-section-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #087453;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.worker-section-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #19a875;
  box-shadow: 0 0 0 4px rgba(25, 168, 117, 0.1);
}

.notification-centre-page,
.notification-detail-page {
  min-width: 0;
  gap: 16px;
  padding-bottom: calc(106px + env(safe-area-inset-bottom));
}

.notification-centre-page *,
.notification-detail-page * {
  box-sizing: border-box;
  min-width: 0;
}

.notification-command-hero {
  overflow: hidden;
  position: relative;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 96% 0%, rgba(125, 99, 255, 0.42), transparent 35%),
    radial-gradient(circle at 0% 100%, rgba(35, 164, 237, 0.22), transparent 38%),
    linear-gradient(138deg, #071a35 0%, #103e83 56%, #5038a4 112%);
  box-shadow: 0 20px 46px rgba(7, 26, 53, 0.23);
}

.notification-command-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(118deg, rgba(255, 255, 255, 0.1), transparent 35%);
}

.notification-command-hero > * {
  position: relative;
  z-index: 1;
}

.notification-command-top,
.notification-section-heading,
.notification-card-head,
.notification-archive-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.notification-command-top > span,
.notification-section-heading > div > span,
.notification-archive-toolbar > div > span {
  color: #557089;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.notification-command-top > span {
  color: rgba(255, 255, 255, 0.7);
}

.notification-command-top > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #dff9ee;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.notification-command-top > em i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #50e3a4;
  box-shadow: 0 0 0 4px rgba(80, 227, 164, 0.13);
}

.notification-command-hero h2 {
  max-width: 300px;
  margin: 18px 0 0;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: 0;
}

.notification-command-hero > p {
  max-width: 330px;
  margin: 8px 0 0;
  color: rgba(237, 245, 255, 0.78);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}

.notification-command-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 18px;
}

.notification-command-stats > span {
  min-height: 76px;
  padding: 10px 7px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(12px);
}

.notification-command-stats small,
.notification-command-stats strong,
.notification-command-stats em {
  display: block;
  overflow-wrap: anywhere;
}

.notification-command-stats small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
  font-weight: 850;
}

.notification-command-stats strong {
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}

.notification-command-stats em {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.2;
}

.notification-action-panel,
.notification-group-centre,
.notification-control-centre,
.notification-history-list {
  min-width: 0;
}

.notification-section-heading {
  align-items: flex-end;
  margin-bottom: 10px;
}

.notification-section-heading h2,
.notification-archive-toolbar h2 {
  margin: 3px 0 0;
  color: #0b203d;
  font-size: 17px;
  line-height: 1.2;
}

.notification-section-heading > em,
.notification-section-heading > small {
  margin: 0;
  color: #6a7c91;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.notification-section-heading > em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #9a4c16;
  background: #fff1df;
}

.notification-section-heading > button {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #205897;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.notification-section-heading > button svg {
  width: 13px;
  height: 13px;
}

.notification-action-stack {
  display: grid;
  gap: 9px;
}

.notification-action-card {
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(42, 75, 119, 0.12);
  border-radius: 8px;
  background:
    radial-gradient(circle at 100% 0%, rgba(75, 96, 215, 0.08), transparent 34%),
    linear-gradient(145deg, #fff, #f7faff);
  box-shadow: 0 12px 28px rgba(11, 32, 61, 0.07);
}

.notification-action-card.offer {
  border-color: rgba(213, 138, 38, 0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 184, 76, 0.18), transparent 38%),
    linear-gradient(145deg, #fffdf8, #f8fbff);
}

.notification-action-card.resolved {
  border-color: rgba(15, 139, 96, 0.2);
  background: linear-gradient(145deg, #fff, #f0faf6);
}

.notification-card-head > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #294866;
  font-size: 10px;
}

.notification-card-head svg {
  width: 14px;
  height: 14px;
}

.notification-card-head > em,
.notification-history-open > em,
.notification-detail-hero > div > em {
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.priority-critical {
  color: #a9243f;
  background: #ffe8ed;
}

.priority-urgent {
  color: #9a5317;
  background: #fff0d8;
}

.priority-important {
  color: #185dae;
  background: #e8f2ff;
}

.priority-standard {
  color: #53677e;
  background: #edf2f7;
}

.priority-informational {
  color: #65549c;
  background: #f0edfb;
}

.notification-action-card h3 {
  margin: 12px 0 0;
  color: #091e3b;
  font-size: 15px;
  line-height: 1.25;
}

.notification-action-card > p {
  margin: 4px 0 0;
  color: #6a7b90;
  font-size: 10px;
  font-weight: 680;
  line-height: 1.45;
}

.notification-offer-facts,
.notification-detail-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.notification-offer-facts > span,
.notification-detail-facts > span {
  padding: 9px;
  border: 1px solid rgba(54, 85, 124, 0.09);
  border-radius: 8px;
  background: rgba(247, 250, 254, 0.92);
}

.notification-offer-facts small,
.notification-offer-facts strong,
.notification-detail-facts small,
.notification-detail-facts strong {
  display: block;
  overflow-wrap: anywhere;
}

.notification-offer-facts small,
.notification-detail-facts small {
  color: #7b8999;
  font-size: 8px;
  font-weight: 850;
}

.notification-offer-facts strong,
.notification-detail-facts strong {
  margin-top: 4px;
  color: #122a47;
  font-size: 10px;
  line-height: 1.25;
}

.notification-action-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.notification-action-buttons button,
.notification-detail-actions button,
.notification-empty-state button {
  min-height: 38px;
  border: 1px solid #d5e0ed;
  border-radius: 8px;
  padding: 0 9px;
  color: #244b78;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.15;
}

.notification-action-buttons button.primary,
.notification-detail-actions button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #0e55b5, #5946cc);
  box-shadow: 0 8px 18px rgba(35, 74, 168, 0.2);
}

.notification-resolution {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  margin-top: 12px;
  padding: 9px;
  border: 1px solid rgba(15, 139, 96, 0.13);
  border-radius: 8px;
  color: #0c7654;
  background: rgba(231, 248, 241, 0.88);
}

.notification-resolution > svg {
  width: 16px;
  height: 16px;
  margin: auto;
}

.notification-resolution strong,
.notification-resolution small {
  display: block;
}

.notification-resolution strong {
  font-size: 10px;
}

.notification-resolution small {
  margin-top: 3px;
  color: #5e8072;
  font-size: 8px;
}

.notification-control-centre {
  padding: 14px;
  border: 1px solid rgba(42, 75, 119, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 28px rgba(11, 32, 61, 0.055);
  backdrop-filter: blur(12px);
}

.notification-category-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.notification-category-tabs button {
  min-height: 46px;
  padding: 7px 4px;
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  display: grid;
  place-items: center;
  gap: 3px;
  color: #587087;
  background: #f7f9fc;
  font-size: 8px;
  font-weight: 850;
}

.notification-category-tabs button em {
  color: #193b63;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.notification-category-tabs button.active {
  border-color: #245fc2;
  color: #fff;
  background: linear-gradient(135deg, #124eaa, #5141bd);
  box-shadow: 0 7px 15px rgba(38, 78, 169, 0.19);
}

.notification-category-tabs button.active em {
  color: #dce8ff;
}

.notification-search-field {
  min-height: 43px;
  margin-top: 10px;
  padding: 0 10px;
  border: 1px solid #d8e3ef;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 28px;
  gap: 8px;
  align-items: center;
  background: #f8fafd;
}

.notification-search-field > svg,
.notification-search-field button svg {
  width: 15px;
  height: 15px;
}

.notification-search-field > svg {
  color: #668097;
}

.notification-search-field input {
  width: 100%;
  border: 0;
  outline: 0;
  color: #102a47;
  background: transparent;
  font-size: 10px;
  font-weight: 720;
}

.notification-search-field input::placeholder {
  color: #8796a6;
}

.notification-search-field button {
  width: 28px;
  height: 28px;
  border: 0;
  display: grid;
  place-items: center;
  color: #6d8297;
  background: transparent;
}

.notification-group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.notification-group-grid > button {
  min-height: 105px;
  padding: 12px;
  border: 1px solid rgba(42, 75, 119, 0.11);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  text-align: left;
  color: #173654;
  background: linear-gradient(145deg, #fff, #f5f8fc);
  box-shadow: 0 9px 21px rgba(11, 32, 61, 0.05);
}

.notification-group-grid > button > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1e62bb;
  background: #e9f2ff;
}

.notification-group-grid > button > i svg {
  width: 14px;
  height: 14px;
}

.notification-group-grid > button > span strong,
.notification-group-grid > button > span small,
.notification-group-grid > button > span em {
  display: block;
}

.notification-group-grid > button > span strong {
  font-size: 10px;
  line-height: 1.25;
}

.notification-group-grid > button > span small {
  margin-top: 5px;
  color: #315f91;
  font-size: 9px;
  font-weight: 850;
}

.notification-group-grid > button > span em {
  margin-top: 5px;
  color: #718399;
  font-size: 8px;
  font-style: normal;
  font-weight: 690;
  line-height: 1.35;
}

.notification-group-grid > button > svg {
  display: none;
}

.notification-archive-toolbar {
  align-items: flex-start;
  flex-wrap: wrap;
}

.notification-period-tabs {
  width: 100%;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.notification-period-tabs::-webkit-scrollbar {
  display: none;
}

.notification-period-tabs button {
  flex: 0 0 auto;
  min-height: 31px;
  padding: 0 10px;
  border: 1px solid #d9e3ed;
  border-radius: 999px;
  color: #62788e;
  background: #fff;
  font-size: 8px;
  font-weight: 850;
}

.notification-period-tabs button.active {
  border-color: #1d5bb8;
  color: #fff;
  background: #154d99;
}

.notification-history-list {
  display: grid;
  gap: 8px;
}

.notification-history-card {
  overflow: hidden;
  border: 1px solid rgba(42, 75, 119, 0.11);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(11, 32, 61, 0.055);
}

.notification-history-card.unread {
  border-color: rgba(31, 104, 202, 0.23);
  background: linear-gradient(145deg, #fff, #f2f7ff);
}

.notification-history-open {
  position: relative;
  width: 100%;
  padding: 12px;
  border: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  text-align: left;
  color: inherit;
  background: transparent;
}

.notification-history-open > i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1e61b6;
  background: #e9f2ff;
}

.notification-history-open > i.payments {
  color: #0d7656;
  background: #e8f7f1;
}

.notification-history-open > i.compliance {
  color: #a15a1e;
  background: #fff1df;
}

.notification-history-open > i.training {
  color: #6650ad;
  background: #f0edfb;
}

.notification-history-open > i svg {
  width: 15px;
  height: 15px;
}

.notification-history-open > span small,
.notification-history-open > span strong,
.notification-history-open > span p {
  display: block;
}

.notification-history-open > span small {
  color: #7a8b9d;
  font-size: 8px;
  font-weight: 830;
}

.notification-history-open > span strong {
  margin-top: 4px;
  color: #102a47;
  font-size: 10px;
  line-height: 1.3;
}

.notification-history-open > span p {
  margin: 4px 0 0;
  color: #6d7e91;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.4;
}

.notification-history-open > u {
  position: absolute;
  top: 13px;
  right: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2e79e8;
  text-decoration: none;
}

.notification-history-card > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 7px;
  padding: 0 12px 11px 56px;
}

.notification-history-card > div button {
  min-height: 33px;
  border: 1px solid #d9e3ed;
  border-radius: 8px;
  color: #235b9a;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.notification-history-card > div button:last-child {
  display: grid;
  place-items: center;
}

.notification-history-card > div button svg {
  width: 13px;
  height: 13px;
}

.notification-empty-state {
  padding: 28px 18px;
  border: 1px dashed #cbd9e7;
  border-radius: 8px;
  text-align: center;
  background: linear-gradient(145deg, #fff, #f6f9fd);
}

.notification-empty-state > svg {
  width: 30px;
  height: 30px;
  max-width: 48px;
  max-height: 48px;
  color: #15976a;
}

.notification-empty-state h3 {
  margin: 10px 0 0;
  color: #102a47;
  font-size: 15px;
}

.notification-empty-state p {
  max-width: 280px;
  margin: 6px auto 0;
  color: #718398;
  font-size: 10px;
  line-height: 1.5;
}

.notification-empty-state button {
  margin-top: 13px;
}

.notification-back-button {
  width: max-content;
  max-width: 100%;
  min-height: 36px;
  padding: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #275b96;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
}

.notification-back-button svg {
  width: 15px;
  height: 15px;
}

.notification-detail-hero {
  overflow: hidden;
  padding: 18px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(122, 98, 255, 0.38), transparent 38%),
    linear-gradient(140deg, #071a35, #194b91 62%, #5039a6);
  box-shadow: 0 18px 42px rgba(7, 26, 53, 0.2);
}

.notification-detail-hero.critical {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 130, 145, 0.35), transparent 38%),
    linear-gradient(140deg, #281326, #7c2944 65%, #a94a53);
}

.notification-detail-hero.urgent {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 207, 104, 0.34), transparent 38%),
    linear-gradient(140deg, #251a16, #814d1d 62%, #b36b2a);
}

.notification-detail-hero > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.notification-detail-hero > div > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 9px;
  font-weight: 900;
}

.notification-detail-hero > div > span svg {
  width: 14px;
  height: 14px;
}

.notification-detail-hero > div > em {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.notification-detail-hero > small {
  display: block;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 9px;
  font-weight: 800;
}

.notification-detail-hero h2 {
  margin: 6px 0 0;
  font-size: 21px;
  line-height: 1.15;
}

.notification-detail-hero p {
  max-width: 320px;
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.5;
}

.notification-detail-assurance {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 13px;
  border: 1px solid rgba(14, 132, 91, 0.15);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #f0faf6);
}

.notification-detail-assurance > i {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #0c7a57;
  background: #e4f6ee;
}

.notification-detail-assurance > i svg {
  width: 16px;
  height: 16px;
}

.notification-detail-assurance span,
.notification-detail-assurance h3,
.notification-detail-assurance p {
  display: block;
  margin: 0;
}

.notification-detail-assurance span {
  color: #0a7653;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.notification-detail-assurance h3 {
  margin-top: 4px;
  color: #102a47;
  font-size: 12px;
}

.notification-detail-assurance p {
  margin-top: 4px;
  color: #6c8078;
  font-size: 9px;
  line-height: 1.4;
}

.notification-detail-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
}

.notification-detail-facts > span {
  min-height: 68px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(11, 32, 61, 0.045);
}

.notification-detail-actions {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 8px;
}

@media (max-width: 370px) {
  .notification-command-hero {
    padding: 15px;
  }

  .notification-command-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .notification-command-stats > span {
    min-height: 62px;
  }

  .notification-category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .notification-group-grid,
  .notification-action-buttons {
    grid-template-columns: 1fr;
  }

  .notification-group-grid > button {
    min-height: 78px;
  }

  .notification-history-open {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .notification-history-open > em {
    grid-column: 2;
    justify-self: start;
  }

  .notification-history-card > div {
    padding-left: 54px;
  }
}

.worker-opportunity-hero {
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 94% 0%, rgba(88, 210, 158, 0.2), transparent 34%),
    linear-gradient(140deg, #0a1d38, #174f99 58%, #4e3997);
  box-shadow: 0 16px 36px rgba(10, 38, 73, 0.18);
}

.worker-opportunity-hero > div:first-child > span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.worker-opportunity-hero h2 {
  margin: 4px 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.12;
}

.worker-opportunity-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  line-height: 1.4;
}

.worker-opportunity-hero > div:last-child {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.worker-opportunity-hero > div:last-child span {
  min-width: 0;
  padding: 8px 3px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.worker-opportunity-hero strong,
.worker-opportunity-hero small {
  display: block;
}

.worker-opportunity-hero strong {
  font-size: 14px;
}

.worker-opportunity-hero small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
}

.worker-premium-page .worker-job-tabs {
  top: calc(env(safe-area-inset-top) + 92px);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(18, 43, 76, 0.08);
}

.worker-premium-page .candidate-jobs-panel {
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(20, 42, 75, 0.08);
}

.worker-premium-page .candidate-job-card {
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(20, 42, 75, 0.07);
}

.agency-training-page .training-command-chip-row {
  gap: 6px !important;
}

.agency-training-page .training-command-chip-row span {
  min-height: 28px !important;
  padding: 0 9px !important;
}

.agency-training-page .training-command-summary summary,
.agency-training-page .training-command-checklist summary {
  min-height: 32px !important;
}

/* Premium Training Command Header */
.agency-training-page {
  --training-navy: #071225;
  --training-blue: #1f84e5;
  --training-purple: #6d5dfc;
  --training-green: #34d399;
}

.agency-training-page .training-engine-shell {
  gap: 24px !important;
}

.training-command-header {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: grid;
  gap: 13px;
  box-sizing: border-box;
  border-radius: 28px;
  padding: 18px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 14% 0%, rgba(52, 211, 153, 0.24), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(109, 93, 252, 0.38), transparent 34%),
    linear-gradient(145deg, #071225 0%, #0b1b3a 44%, #1834a6 100%);
  box-shadow: 0 24px 58px rgba(7, 18, 37, 0.24);
}

.training-command-header::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: 27px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  pointer-events: none;
}

.training-command-header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.35;
}

.training-command-sheen {
  position: absolute;
  inset: -42% -26% auto;
  height: 150px;
  z-index: -1;
  opacity: 0.8;
  transform: rotate(-7deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
  pointer-events: none;
}

.training-command-top,
.training-command-identity,
.training-command-actions,
.training-command-status-row,
.training-command-progress-copy,
.training-command-chip-row {
  min-width: 0;
}

.training-command-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.training-command-identity {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.training-command-back,
.training-command-type-icon,
.training-command-actions button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 14px;
  color: #eef6ff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px);
}

.training-command-back svg,
.training-command-type-icon svg,
.training-command-actions svg {
  width: 16px;
  height: 16px;
}

.training-command-type-icon {
  color: #c7d2fe;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07));
}

.training-command-identity h2,
.training-command-identity p,
.training-command-identity small,
.training-command-progress-copy strong,
.training-command-progress-copy small {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.training-command-identity h2 {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: 0;
}

.training-command-identity p {
  margin-top: 3px;
  color: rgba(238, 246, 255, 0.82);
  font-size: 13px;
  line-height: 1.22;
  font-weight: 780;
}

.training-command-identity small {
  display: block;
  margin-top: 2px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 680;
}

.training-command-actions {
  display: flex;
  gap: 7px;
  align-items: center;
}

.training-command-actions button {
  position: relative;
}

.training-command-actions button span {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #061936;
  background: #a7f3d0;
  border: 1px solid rgba(255, 255, 255, 0.75);
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
}

.training-command-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.training-command-status,
.training-command-header .training-step-count-pill {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.12);
  color: #eef6ff;
  backdrop-filter: blur(16px);
}

.training-command-status i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.14);
}

.training-command-status.funding i {
  background: #fbbf24;
  box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.16);
}

.training-command-status.pending i {
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.16);
}

.training-command-status.ready i {
  background: #a7f3d0;
  box-shadow: 0 0 0 4px rgba(167, 243, 208, 0.18);
}

.training-command-header .training-step-count-pill {
  margin-left: 0;
  color: #dbeafe;
}

.training-command-progress {
  display: grid;
  gap: 8px;
}

.training-command-progress {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.training-command-progress-copy {
  display: grid;
  gap: 3px;
}

.training-command-progress-copy strong {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 950;
}

.training-command-progress-copy small {
  color: rgba(226, 232, 240, 0.76);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 680;
}

.training-command-progress > span {
  color: #c7d2fe;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-command-progress-bar {
  grid-column: 1 / -1;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.16);
}

.training-command-progress-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--training-blue), var(--training-purple), var(--training-green));
  box-shadow: 0 0 18px rgba(109, 93, 252, 0.5);
  transition: width 260ms ease;
}

.training-command-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.training-command-chip-row span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  border-radius: 999px;
  padding: 0 10px;
  color: #eef6ff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
}

.training-command-chip-row svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #a7f3d0;
}

.training-command-chip-row strong {
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-command-chip-row small {
  color: rgba(226, 232, 240, 0.74);
  font-size: 11px;
  line-height: 1;
  font-weight: 780;
  white-space: nowrap;
}

.training-command-summary,
.training-command-checklist {
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

.training-command-summary summary,
.training-command-checklist summary {
  min-height: 36px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px !important;
  color: #dbeafe !important;
  font-size: 11px !important;
  line-height: 1;
  font-weight: 950 !important;
  cursor: pointer;
  list-style: none;
}

.training-command-summary summary::-webkit-details-marker,
.training-command-checklist summary::-webkit-details-marker {
  display: none;
}

.training-command-summary summary::after,
.training-command-checklist summary::after {
  content: "⌄";
  color: rgba(226, 232, 240, 0.75);
  font-size: 13px;
  transition: transform 200ms ease;
}

.training-command-summary[open] summary::after,
.training-command-checklist[open] summary::after {
  transform: rotate(180deg);
}

.training-command-summary > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0 12px 12px;
}

.training-command-summary span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 14px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.training-command-summary small {
  color: rgba(226, 232, 240, 0.66);
  font-size: 11px;
  line-height: 1.15;
  font-weight: 820;
}

.training-command-summary strong {
  min-width: 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 880;
  overflow-wrap: anywhere;
}

.training-command-checklist > div {
  padding: 0 10px 10px !important;
}

.training-command-checklist button {
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  border-radius: 15px !important;
  padding: 8px !important;
  color: #eef6ff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.training-command-checklist button span {
  width: 28px !important;
  height: 28px !important;
  color: #dbeafe !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.training-command-checklist button.complete span {
  color: #06321f !important;
  background: #a7f3d0 !important;
}

.training-command-checklist button.active {
  box-shadow: 0 12px 26px rgba(31, 132, 229, 0.18) !important;
  border-color: rgba(167, 243, 208, 0.25) !important;
}

.training-command-checklist strong {
  color: #ffffff !important;
  font-size: 12px !important;
}

.training-command-checklist small {
  color: rgba(226, 232, 240, 0.74) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

@media@media (max-width: 430px) {
  .training-command-header {
    border-radius: 24px;
    padding: 16px;
    gap: 12px;
  }

  .training-command-top {
    grid-template-columns: 1fr;
  }

  .training-command-actions {
    justify-self: start;
  }

  .training-command-identity {
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  .training-command-identity h2 {
    font-size: 17px;
  }

  .training-command-progress {
    grid-template-columns: 1fr;
  }

  .training-command-progress > span {
    justify-self: start;
  }
}

.agency-training-page {
  padding-bottom: calc(190px + env(safe-area-inset-bottom, 0px));
}

/* Training & Clearance enterprise module reset */
.agency-training-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: calc(210px + env(safe-area-inset-bottom, 0px));
}

.training-ops-hero,
.training-ops-dashboard-card,
.training-compact-stepper,
.training-funding-command-card {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.training-ops-hero {
  position: relative;
  display: grid;
  gap: 18px;
  overflow: hidden;
  border-radius: 30px;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 38%),
    radial-gradient(circle at 92% 8%, rgba(125, 211, 252, 0.34), transparent 34%),
    linear-gradient(145deg, #04112f 0%, #08256a 52%, #5b54f2 100%);
  box-shadow: 0 26px 66px rgba(6, 25, 54, 0.26);
}

.training-ops-hero .compact-back-button {
  justify-self: start;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.12);
}

.training-ops-hero-copy {
  display: grid;
  gap: 7px;
}

.training-ops-hero-copy h2,
.training-ops-hero-copy p {
  margin: 0;
}

.training-ops-hero-copy h2 {
  color: #fff;
  font-size: 28px;
  line-height: 1.04;
}

.training-ops-hero-copy p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 760;
}

.training-ops-live-row,
.training-hero-actions,
.training-bulk-action-row,
.training-passport-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.training-ops-live-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  border-radius: 999px;
  padding: 0 11px;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 10px;
  font-weight: 900;
}

.training-ops-live-row i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.13);
}

.training-ops-hero-metrics,
.training-ops-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-ops-metric {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 13px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.training-ops-dashboard-card .training-ops-metric {
  background: linear-gradient(180deg, #fff, #f8fbff);
  border-color: rgba(31, 132, 229, 0.1);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.05);
}

.training-ops-metric strong {
  color: inherit;
  font-size: 21px;
  line-height: 1;
  font-weight: 950;
}

.training-ops-dashboard-card .training-ops-metric strong {
  color: #07182f;
}

.training-ops-metric span {
  color: inherit;
  font-size: 11px;
  font-weight: 950;
}

.training-ops-metric small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 760;
}

.training-ops-dashboard-card .training-ops-metric small {
  color: #64748b;
}

.training-ops-dashboard-card {
  display: grid;
  gap: 18px;
  border-radius: 28px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92)),
    linear-gradient(135deg, rgba(31, 132, 229, 0.08), rgba(109, 93, 252, 0.06));
  border: 1px solid rgba(31, 132, 229, 0.12);
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.08);
}

.training-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.training-section-heading span,
.training-module-section > span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.training-section-heading h3 {
  margin: 4px 0 0;
  color: #07182f;
  font-size: 20px;
  line-height: 1.12;
}

.training-link-button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  padding: 0 12px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 950;
}

.training-compact-stepper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  border-radius: 28px;
  padding: 14px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid rgba(216, 229, 244, 0.94);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.06);
}

.training-step-now {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.training-step-now span,
.training-step-now small {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.training-step-now strong {
  color: #07182f;
  font-size: 21px;
  line-height: 1.12;
}

.training-step-progress-card {
  width: 74px;
  min-height: 74px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #071f5f, #1238b6 58%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.2);
}

.training-step-progress-card strong {
  font-size: 20px;
  line-height: 1;
}

.training-step-progress-card span {
  font-size: 10px;
  font-weight: 900;
}

.training-compact-stepper .training-engine-progress,
.training-step-drawer {
  grid-column: 1 / -1;
}

.training-step-drawer {
  border-radius: 20px;
  background: rgba(238, 246, 255, 0.72);
  border: 1px solid rgba(31, 132, 229, 0.1);
}

.training-step-drawer summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  cursor: pointer;
  color: #1238b6;
  font-size: 12px;
  font-weight: 950;
  list-style: none;
}

.training-step-drawer summary::-webkit-details-marker {
  display: none;
}

.training-step-drawer > div {
  display: grid;
  gap: 8px;
  padding: 0 10px 10px;
}

.training-step-drawer button {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  text-align: left;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  padding: 10px;
  background: #fff;
  color: #07182f;
}

.training-step-drawer button span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 950;
}

.training-step-drawer button.active {
  border-color: rgba(37, 99, 235, 0.24);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.1);
}

.training-step-drawer button.complete span {
  color: #065f46;
  background: #bbf7d0;
}

.training-step-drawer strong {
  font-size: 13px;
  line-height: 1.2;
}

.training-step-drawer small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.training-engine-layout {
  grid-template-columns: 1fr;
  gap: 18px;
}

.training-ops-summary {
  position: static;
  order: -1;
}

.training-module-section,
.training-form-builder-panel,
.training-attendance-centre-card {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.training-capacity-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-capacity-modes button,
.training-bulk-action-row button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  color: #07182f;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.04);
}

.training-capacity-modes button {
  display: grid;
  gap: 4px;
  justify-items: start;
  padding: 12px;
  text-align: left;
}

.training-capacity-modes strong {
  font-size: 13px;
}

.training-capacity-modes small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.training-bulk-action-row button {
  flex: 1 1 44%;
  padding: 0 12px;
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
}

.training-form-builder-preview,
.training-passport-list {
  display: grid;
  gap: 10px;
}

.training-form-builder-preview article,
.training-passport-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  border-radius: 20px;
  padding: 13px;
  background: #fff;
  border: 1px solid rgba(31, 132, 229, 0.1);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.04);
}

.training-form-builder-preview article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.training-form-builder-preview strong,
.training-passport-card strong {
  display: block;
  color: #07182f;
  font-size: 13px;
  line-height: 1.25;
}

.training-form-builder-preview small,
.training-passport-card small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 780;
}

.training-form-builder-preview article > span,
.training-passport-tags span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 9px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.training-passport-card.featured {
  background:
    radial-gradient(circle at 95% 5%, rgba(31, 132, 229, 0.12), transparent 34%),
    #fff;
}

.training-session-progress {
  display: grid;
  gap: 7px;
}

.training-session-progress div {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.1);
}

.training-session-progress div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #15a56b);
}

.training-session-progress strong {
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
}

.training-funding-command-card {
  display: grid;
  gap: 8px;
  overflow: hidden;
  border-radius: 26px;
  padding: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 0%, rgba(52, 211, 153, 0.24), transparent 34%),
    linear-gradient(145deg, #04112f, #08256a 58%, #1238b6);
  box-shadow: 0 22px 48px rgba(6, 25, 54, 0.2);
}

.training-funding-command-card span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-funding-command-card strong {
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.training-funding-command-card small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.sticky-actions-row {
  position: sticky;
  top: calc(10px + env(safe-area-inset-top, 0px));
  z-index: 4;
  padding: 10px;
  margin-inline: -4px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(216, 229, 244, 0.9);
  backdrop-filter: blur(14px);
}

@media (max-width: 520px) {
  .training-control-grid,
  .training-eligibility-grid,
  .training-unlock-grid,
  .training-preview-meta,
  .training-template-grid,
  .training-candidate-pipeline,
  .training-job-unlocks,
  .training-telemetry-grid,
  .training-capacity-modes {
    grid-template-columns: 1fr;
  }

  .training-engine-card,
  .training-ops-dashboard-card {
    padding: 20px;
  }

  .training-engine-actions {
    grid-template-columns: 1fr 1fr;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }

  .training-engine-actions button:first-child {
    display: none;
  }

  .training-management-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(96px, max-content);
    grid-template-columns: none;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 4px;
  }

  .training-management-tabs button {
    min-width: 96px;
    padding: 0 12px;
    font-size: 11px;
  }
}

* {
  box-sizing: border-box;
}

html {
  background: #061936;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(31, 132, 229, 0.28), transparent 34rem),
    #061936;
  color: var(--ink);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.app-shell {
  width: min(100%, 430px);
  min-height: 100svh;
  margin: 0 auto;
  background: linear-gradient(180deg, #f8fbff 0%, #edf5ff 48%, #ffffff 100%);
  position: relative;
  overflow-x: hidden;
  box-shadow: 0 0 0 1px rgba(216, 229, 244, 0.16), 0 30px 80px rgba(0, 0, 0, 0.42);
}

.sidebar {
  display: none;
}

.brand {
  display: grid;
  justify-items: center;
  gap: 0;
}

.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 18px;
}

.brand-subtitle {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sidebar-card {
  position: fixed;
  left: 50%;
  bottom: calc(76px + env(safe-area-inset-bottom));
  z-index: 49;
  width: min(calc(100% - 72px), 350px);
  transform: translateX(-50%);
  background: rgba(6, 25, 54, 0.9);
  color: #ffffff;
  border-radius: 999px;
  padding: 7px 8px 7px 13px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.24);
  backdrop-filter: blur(14px);
}

.sidebar-card.worker-action {
  background: rgba(11, 99, 216, 0.9);
}

.sidebar-card strong {
  display: block;
  font-size: 12px;
  line-height: 1.1;
}

.sidebar-card p {
  display: none;
}

.sidebar-card .ghost-button {
  min-height: 30px;
  border-color: rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  padding: 0 10px;
  font-size: 11px;
  gap: 5px;
}

.sidebar-card .ghost-button svg {
  width: 14px;
  height: 14px;
}

.nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 50;
  width: min(100%, 430px);
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 2px;
  padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid rgba(6, 25, 54, 0.1);
  box-shadow: 0 -10px 26px rgba(6, 25, 54, 0.12);
  backdrop-filter: blur(18px);
}

.nav-button {
  position: relative;
  flex: 1 1 0;
  width: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  min-width: 0;
  max-width: none;
  min-height: 46px;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 5px 1px;
  box-sizing: border-box;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.nav-button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  width: min(54px, calc(100% - 10px));
  height: calc(100% - 10px);
  transform: translateX(-50%);
  border-radius: 13px;
  opacity: 0;
  background: linear-gradient(180deg, #f2f8ff, #e7f1ff);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.12), 0 8px 18px rgba(28, 95, 190, 0.08);
  transition: opacity 140ms ease, transform 140ms ease;
}

.nav-button svg,
.icon-button svg,
.button svg,
.ghost-button svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}

.nav-button svg,
.nav-button span {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 100%;
}

.nav-button svg {
  width: 18px;
  height: 18px;
}

.nav-button span {
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.nav-button.active {
  background: transparent;
  color: var(--brand-dark);
  box-shadow: none;
}

.nav-button.active::before {
  opacity: 1;
}

.main {
  min-width: 0;
  padding: 0 14px calc(154px + env(safe-area-inset-bottom));
}

.app-shell.no-action .main {
  padding-bottom: calc(86px + env(safe-area-inset-bottom));
}

.app-shell.has-fixed-cta .nav {
  display: none;
}

.app-shell.no-nav .main {
  padding-bottom: 18px;
}

.app-shell.has-fixed-cta .main {
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
}

.app-shell.entry-shell {
  background:
    radial-gradient(circle at 22% 12%, rgba(74, 163, 255, 0.34), transparent 15rem),
    linear-gradient(180deg, #061936 0%, #0a3673 52%, #08234a 100%);
}

.app-shell.entry-shell .main {
  min-height: 100svh;
  padding: 0 14px;
}

.entry-screen {
  min-height: 100svh;
  display: grid;
  align-content: stretch;
}

.splash-screen {
  margin: 0 -14px;
  padding: max(48px, env(safe-area-inset-top)) 26px 42px;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(150deg, rgba(0, 144, 255, 0.22), transparent 34%),
    linear-gradient(145deg, #061936 0%, #083f96 58%, #0a7ff0 100%);
}

.splash-brand {
  display: grid;
  justify-items: center;
  gap: 10px;
  animation: entryFadeUp 680ms ease both;
}

.splash-brand img {
  width: 92px;
  height: 92px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.96);
  padding: 10px;
  box-shadow: 0 24px 52px rgba(2, 17, 38, 0.28);
}

.splash-brand h1 {
  margin: 5px 0 0;
  font-size: 34px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.splash-brand p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 850;
}

.splash-loader {
  position: absolute;
  bottom: 54px;
  width: 112px;
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.22);
}

.splash-loader span {
  display: block;
  width: 44%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  animation: splashLoad 1100ms ease-in-out infinite;
}

.onboarding-screen,
.workspace-screen,
.login-entry-screen {
  gap: 16px;
  padding: max(16px, env(safe-area-inset-top)) 0 calc(18px + env(safe-area-inset-bottom));
}

.entry-text-button {
  justify-self: end;
  border: 0;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  min-height: 34px;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 950;
}

.onboarding-visual {
  min-height: 318px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.1), transparent),
    linear-gradient(135deg, #061936, #075ce6);
  box-shadow: 0 22px 48px rgba(3, 32, 77, 0.26);
}

.onboarding-visual::before {
  content: "";
  position: absolute;
  inset: 24px 22px auto auto;
  width: 118px;
  height: 118px;
  border-radius: 34px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  transform: rotate(18deg);
}

.onboarding-logo-mark {
  position: absolute;
  left: 22px;
  top: 22px;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: #fff;
  padding: 6px;
}

.onboarding-device-card {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 28px;
  min-height: 198px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 44px rgba(2, 17, 38, 0.22);
  display: grid;
  align-content: center;
  gap: 11px;
  padding: 18px;
}

.onboarding-mini-card {
  min-height: 52px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 17px;
  background: #fff;
  color: var(--ink);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  animation: entryFadeUp 520ms ease both;
}

.onboarding-mini-card.card-1 {
  animation-delay: 90ms;
}

.onboarding-mini-card.card-2 {
  animation-delay: 180ms;
}

.onboarding-mini-card svg {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  padding: 8px;
  background: #edf6ff;
  color: var(--brand);
}

.onboarding-mini-card strong {
  font-size: 14px;
}

.onboarding-copy {
  padding: 2px 4px;
  color: #fff;
}

.onboarding-copy h1 {
  margin: 4px 0 8px;
  font-size: 31px;
  line-height: 1.04;
}

.onboarding-copy p:not(.eyebrow) {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.5;
}

.onboarding-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-bottom: 4px;
}

.slide-dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slide-dots button {
  border: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.42);
  padding: 0;
}

.slide-dots button.active {
  width: 26px;
  background: #fff;
}

.onboarding-next {
  width: auto;
  min-width: 122px;
}

.workspace-hero {
  color: #fff;
  padding: 10px 6px 0;
  display: grid;
  gap: 0;
}

.workspace-topbar {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workspace-back-button {
  border: 1px solid rgba(255, 255, 255, 0.18);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  display: grid;
  place-items: center;
  transition: transform 160ms ease, background 160ms ease;
}

.workspace-back-button:active {
  transform: scale(0.94);
  background: rgba(255, 255, 255, 0.2);
}

.workspace-back-button svg {
  width: 19px;
  height: 19px;
}

.workspace-hero img,
.login-entry-header img {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #fff;
  padding: 6px;
}

.workspace-hero h1,
.login-title-panel h1 {
  margin: 8px 0 0;
  font-size: 32px;
  line-height: 1.06;
  letter-spacing: 0;
}

.workspace-hero p:not(.eyebrow),
.login-title-panel p:not(.eyebrow) {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 750;
}

.workspace-card-stack {
  display: grid;
  gap: 14px;
  padding: 16px 0 18px;
  margin-top: 16px;
  min-width: 0;
}

.workspace-option-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.12);
  padding: 16px;
  display: grid;
  gap: 13px;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.workspace-card-stack:has(.workspace-option-card.selected) .workspace-option-card:not(.selected) {
  opacity: 0.76;
}

.workspace-option-card.selected {
  border-color: rgba(31, 132, 229, 0.72);
  box-shadow: 0 20px 44px rgba(31, 132, 229, 0.22);
  transform: scale(1.01);
}

.workspace-option-card.selected::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #1f84e5, #7cc3ff);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.workspace-card-button {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 26px;
  gap: 12px;
  align-items: start;
  text-align: left;
}

.workspace-option-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #eef6ff;
  color: var(--brand);
}

.workspace-option-icon svg,
.workspace-selected-mark svg {
  width: 21px;
  height: 21px;
}

.workspace-card-button strong {
  display: block;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.1;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.workspace-card-button small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.workspace-selected-mark {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: transparent;
  display: grid;
  place-items: center;
  justify-self: end;
}

.workspace-card-divider {
  height: 1px;
  background: var(--line);
  opacity: 0.78;
}

.workspace-option-card.selected .workspace-selected-mark {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}

.workspace-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
}

.workspace-feature-list span {
  min-width: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.workspace-feature-list svg {
  width: 14px;
  height: 14px;
  color: var(--green);
  flex: 0 0 auto;
}

.workspace-inline-continue {
  min-height: 44px;
  font-size: 16px;
  font-weight: 850;
}

.workspace-loading-screen {
  place-items: center;
  color: #fff;
  text-align: center;
}

.workspace-loading-card {
  width: min(100%, 320px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.1);
  padding: 24px;
  display: grid;
  justify-items: center;
  gap: 10px;
  box-shadow: 0 22px 48px rgba(2, 17, 38, 0.26);
  backdrop-filter: blur(14px);
}

.workspace-loading-card .workspace-option-icon {
  width: 54px;
  height: 54px;
  background: #fff;
}

.workspace-loading-card h1 {
  margin: 4px 0 0;
  font-size: 23px;
}

.workspace-loading-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  line-height: 1.45;
}

.workspace-loading-bar {
  width: 100%;
  height: 5px;
  margin-top: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.18);
}

.workspace-loading-bar span {
  display: block;
  width: 46%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  animation: splashLoad 780ms ease-in-out infinite;
}

.login-entry-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.login-entry-header .profile-header-button {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.login-title-panel {
  color: #fff;
  display: grid;
  gap: 8px;
  padding: 4px 4px 0;
}

.premium-login-panel {
  margin-top: 4px;
  box-shadow: 0 20px 44px rgba(6, 25, 54, 0.15);
}

.auth-entry-screen {
  gap: 14px;
}

.login-entry-header > span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.auth-title-panel {
  color: #fff;
  display: grid;
  gap: 8px;
  padding: 4px 4px 0;
}

.auth-title-panel h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.04;
}

.auth-title-panel p:not(.eyebrow) {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.42;
}

.auth-form-panel {
  margin-top: 2px;
  box-shadow: 0 20px 44px rgba(6, 25, 54, 0.15);
}

.auth-form-panel form {
  display: grid;
  gap: 14px;
}

.forgot-password-screen {
  min-height: 100dvh;
  align-content: start;
  gap: 14px;
  padding: max(18px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 16% 4%, rgba(87, 112, 255, 0.31), transparent 28%),
    radial-gradient(circle at 96% 2%, rgba(0, 126, 255, 0.25), transparent 31%),
    linear-gradient(155deg, #06162e 0%, #071a33 48%, #030b18 100%);
}

.forgot-password-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 72%);
}

.forgot-password-header,
.forgot-password-card {
  position: relative;
  z-index: 1;
}

.forgot-password-header {
  display: grid;
  gap: 16px;
  color: #fff;
}

.forgot-password-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.forgot-password-brand .profile-header-button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(226, 238, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  backdrop-filter: blur(14px);
}

.forgot-password-brand img {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.forgot-password-brand span {
  color: rgba(255, 255, 255, 0.86);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.forgot-password-hero {
  display: grid;
  gap: 7px;
}

.forgot-password-hero .eyebrow {
  margin: 0;
  color: #a9c9ff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.forgot-password-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 7vw, 40px);
  line-height: 1.04;
  letter-spacing: 0;
}

.forgot-password-hero p:not(.eyebrow) {
  max-width: 540px;
  margin: 0;
  color: rgba(226, 237, 255, 0.78);
  font-size: 14px;
  line-height: 1.42;
  font-weight: 650;
}

.forgot-password-card {
  margin-top: 0;
  padding: 18px;
  border: 1px solid rgba(219, 233, 251, 0.78);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(232, 242, 255, 0.78), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98));
  box-shadow: 0 28px 70px rgba(0, 8, 24, 0.36), 0 1px 0 rgba(255, 255, 255, 0.82) inset;
}

.forgot-password-card .auth-message {
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  background: #eef7ff;
  color: #0d376d;
}

.forgot-password-card .auth-message.success {
  border-color: rgba(23, 106, 66, 0.18);
  background: #edf9f2;
  color: #176a42;
}

.forgot-password-card .auth-message.error {
  border-color: rgba(180, 35, 24, 0.2);
  background: #fff3f0;
  color: #8f1d14;
}

.forgot-password-form-head {
  display: grid;
  gap: 5px;
}

.forgot-password-form-head h2 {
  margin: 0;
  color: #071a33;
  font-size: 20px;
  line-height: 1.15;
}

.forgot-password-form-head p {
  margin: 0;
  color: #647894;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.forgot-password-form-grid {
  gap: 12px;
}

.forgot-password-field {
  gap: 8px;
}

.forgot-password-field > span {
  color: #51647f;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.1em;
}

.forgot-password-field > small {
  color: #647894;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 750;
}

.forgot-password-field > small.is-invalid {
  color: #9f241a;
}

.forgot-password-input-shell {
  position: relative;
  display: flex;
  align-items: center;
}

.forgot-password-input-shell > svg {
  position: absolute;
  left: 15px;
  width: 18px;
  height: 18px;
  color: #0e55c7;
  z-index: 1;
}

.forgot-password-input-shell input {
  min-height: 56px;
  padding: 0 15px 0 44px;
  border: 1px solid #d7e7fb;
  border-radius: 17px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  color: #071a33;
  font-size: 16px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 24px rgba(7, 31, 67, 0.06);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.forgot-password-input-shell input:focus {
  border-color: rgba(14, 85, 199, 0.58);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(14, 85, 199, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.forgot-password-input-shell input.is-invalid {
  border-color: rgba(180, 35, 24, 0.42);
  box-shadow: 0 0 0 4px rgba(180, 35, 24, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.forgot-password-actions {
  gap: 11px;
}

.forgot-password-submit {
  min-height: 56px;
  border: 0;
  border-radius: 17px;
  background: linear-gradient(135deg, #075ed1 0%, #0e55c7 46%, #4934d6 100%);
  color: #fff;
  box-shadow: 0 18px 34px rgba(7, 80, 180, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.forgot-password-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(7, 80, 180, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.forgot-password-submit:active {
  transform: translateY(0);
}

.forgot-password-submit svg {
  width: 18px;
  height: 18px;
}

.forgot-password-trust {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid #d7e7fb;
  border-radius: 18px;
  background: #f3f8ff;
}

.forgot-password-trust p {
  margin: 0 0 1px;
  color: #12345b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.forgot-password-trust span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #3f5876;
  font-size: 12px;
  font-weight: 820;
}

.forgot-password-trust svg {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 999px;
  background: #e5f0ff;
  color: #0e55c7;
}

.forgot-password-privacy {
  margin: 0;
  color: #647894;
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
  font-weight: 750;
}

.forgot-password-return {
  min-height: 48px;
  border: 1px solid #d7e7fb;
  border-radius: 16px;
  background: #fff;
  color: #12345b;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(7, 31, 67, 0.05);
}

@media (min-width: 560px) {
  .forgot-password-screen {
    justify-content: center;
    align-content: center;
  }

  .forgot-password-header,
  .forgot-password-card {
    width: min(100%, 460px);
    justify-self: center;
  }
}

.reset-password-screen {
  min-height: 100dvh;
  align-content: start;
  padding: max(18px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 18% 4%, rgba(93, 116, 255, 0.34), transparent 27%),
    radial-gradient(circle at 92% 0%, rgba(0, 116, 255, 0.28), transparent 30%),
    linear-gradient(155deg, #06162e 0%, #071a33 48%, #030b18 100%);
}

.reset-password-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 72%);
}

.reset-password-header,
.reset-trust-row,
.reset-password-card {
  position: relative;
  z-index: 1;
}

.reset-password-header {
  display: grid;
  gap: 18px;
  color: #fff;
}

.reset-password-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.reset-password-brand .profile-header-button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(226, 238, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  backdrop-filter: blur(14px);
}

.reset-password-brand img {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

.reset-password-brand span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.02em;
}

.reset-password-hero {
  display: grid;
  gap: 7px;
}

.reset-password-hero .eyebrow {
  margin: 0;
  color: #a9c9ff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.reset-password-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 8vw, 44px);
  line-height: 1.02;
  letter-spacing: 0;
}

.reset-password-hero p:not(.eyebrow) {
  max-width: 520px;
  margin: 0;
  color: rgba(226, 237, 255, 0.78);
  font-size: 15px;
  line-height: 1.42;
  font-weight: 650;
}

.reset-trust-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 2px;
}

.reset-trust-row span {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(196, 218, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(240, 247, 255, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
}

.reset-trust-row svg {
  width: 15px;
  height: 15px;
  color: #7db7ff;
}

.reset-trust-row strong {
  font-size: 11px;
  line-height: 1.1;
  font-weight: 900;
}

.reset-password-card {
  margin-top: 0;
  padding: 18px;
  border: 1px solid rgba(219, 233, 251, 0.78);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(232, 242, 255, 0.78), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98));
  box-shadow: 0 28px 70px rgba(0, 8, 24, 0.38), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.reset-password-card .auth-message {
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  background: #eef7ff;
  color: #0d376d;
}

.reset-password-card .auth-message.success {
  border-color: rgba(23, 106, 66, 0.18);
  background: #edf9f2;
  color: #176a42;
}

.reset-password-card .auth-message.error {
  border-color: rgba(180, 35, 24, 0.2);
  background: #fff3f0;
  color: #8f1d14;
}

.reset-password-form-head {
  display: grid;
  gap: 5px;
}

.reset-password-form-head h2 {
  margin: 0;
  color: #071a33;
  font-size: 20px;
  line-height: 1.15;
}

.reset-password-form-head p {
  margin: 0;
  color: #647894;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.reset-password-form-grid {
  gap: 13px;
}

.reset-password-field {
  gap: 8px;
}

.reset-password-field > span {
  color: #51647f;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.1em;
}

.reset-password-input-shell {
  position: relative;
  display: flex;
  align-items: center;
}

.reset-password-input-shell input {
  min-height: 56px;
  padding: 0 54px 0 15px;
  border: 1px solid #d7e7fb;
  border-radius: 17px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  color: #071a33;
  font-size: 16px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 24px rgba(7, 31, 67, 0.06);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.reset-password-input-shell input:focus {
  border-color: rgba(14, 85, 199, 0.58);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(14, 85, 199, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.reset-password-input-shell input.is-mismatch {
  border-color: rgba(180, 35, 24, 0.42);
  box-shadow: 0 0 0 4px rgba(180, 35, 24, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.reset-password-input-shell button {
  position: absolute;
  right: 8px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #dbe9fb;
  border-radius: 13px;
  background: #eef6ff;
  color: #0e55c7;
}

.reset-password-input-shell button.active {
  color: #fff;
  background: linear-gradient(180deg, #0e55c7, #073b7a);
  border-color: transparent;
}

.reset-password-input-shell button svg {
  width: 18px;
  height: 18px;
}

.reset-password-requirements {
  display: grid;
  gap: 8px;
  padding: 13px;
  border: 1px solid #d7e7fb;
  border-radius: 18px;
  background: #f3f8ff;
}

.reset-password-requirements p {
  margin: 0 0 1px;
  color: #12345b;
  font-size: 12px;
  font-weight: 900;
}

.reset-password-requirements span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #647894;
  font-size: 12px;
  font-weight: 800;
}

.reset-password-requirements svg {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 999px;
  background: #e6eef9;
  color: #7a8ca5;
}

.reset-password-requirements span.valid {
  color: #176a42;
}

.reset-password-requirements span.valid svg {
  background: #ddf3e7;
  color: #176a42;
}

.reset-password-actions {
  gap: 10px;
}

.reset-password-submit {
  min-height: 56px;
  border: 0;
  border-radius: 17px;
  background: linear-gradient(135deg, #075ed1 0%, #0e55c7 46%, #4934d6 100%);
  color: #fff;
  box-shadow: 0 18px 34px rgba(7, 80, 180, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.reset-password-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(7, 80, 180, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.reset-password-submit:active {
  transform: translateY(0);
}

.reset-password-submit svg {
  width: 19px;
  height: 19px;
}

.reset-password-actions > p {
  margin: 0;
  color: #647894;
  font-size: 12px;
  line-height: 1.35;
  text-align: center;
  font-weight: 750;
}

@media (min-width: 560px) {
  .reset-password-screen {
    justify-content: center;
    align-content: center;
  }

  .reset-password-header,
  .reset-trust-row,
  .reset-password-card {
    width: min(100%, 460px);
    justify-self: center;
  }

  .reset-trust-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reset-trust-row span {
    min-height: 52px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-radius: 18px;
  }
}

.auth-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field span em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.auth-checkbox {
  border: 1px solid rgba(83, 103, 130, 0.14);
  border-radius: 16px;
  background: #f8fbff;
  padding: 11px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 850;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.auth-checkbox input {
  width: 20px;
  height: 20px;
  accent-color: var(--brand);
  margin: 0;
  cursor: pointer;
  flex: 0 0 auto;
}

.auth-action-stack {
  padding: 0 14px 14px;
  display: grid;
  gap: 9px;
}

.auth-message {
  margin: 0 14px;
  border-radius: 16px;
  padding: 10px 11px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}

.auth-message svg {
  width: 17px;
  height: 17px;
}

.auth-message.error {
  border: 1px solid rgba(216, 75, 100, 0.2);
  background: #fff4f6;
  color: #9d2940;
}

.auth-message.success {
  border: 1px solid rgba(21, 165, 107, 0.2);
  background: #f2fbf7;
  color: #17613c;
}

.login-action-stack {
  padding: 0 14px 14px;
  display: grid;
  gap: 9px;
}

@keyframes entryFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 380px) {
  .dispatch-workflow-body {
    padding-inline: 10px;
  }

  .dispatch-workflow-hero {
    padding-inline: 14px;
  }

  .dispatch-shift-grid,
  .dispatch-funding-preview,
  .lightning-booking-metrics,
  .queue-wave-grid,
  .funding-flow-visual {
    grid-template-columns: 1fr;
  }

  .dispatch-live-map {
    grid-template-columns: 1fr;
  }

  .map-radar {
    min-height: 96px;
  }

  .dispatch-control-centre {
    grid-template-columns: 1fr;
  }

  .dispatch-module-actions,
  .dispatch-response-actions,
  .dispatch-queue-controls,
  .dispatch-pipeline-visual {
    grid-template-columns: 1fr;
  }

  .dispatch-live-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dispatch-ai-card {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .dispatch-ai-card button {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .dispatch-candidate-state {
    grid-column: 1 / -1;
    justify-items: start;
    grid-auto-flow: column;
    justify-content: start;
  }

  .dispatch-queue-timeline article.dispatch-candidate-row {
    grid-template-columns: 1fr;
  }
}

@keyframes splashLoad {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(260%);
  }
}

.agency-verification-screen {
  width: 100%;
  min-height: 100dvh;
  box-sizing: border-box;
  overflow-x: hidden;
  display: grid;
  align-content: start;
  gap: 18px;
  padding: max(14px, env(safe-area-inset-top)) clamp(12px, 4vw, 18px) max(22px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% -8%, rgba(30, 116, 255, 0.34), transparent 34%),
    radial-gradient(circle at 100% 4%, rgba(80, 102, 255, 0.24), transparent 30%),
    linear-gradient(180deg, #04152e 0%, #05234c 43%, #031124 100%);
  color: #fff;
}

.agency-verification-screen *,
.agency-verification-screen *::before,
.agency-verification-screen *::after {
  box-sizing: border-box;
}

.agency-verification-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent 28%, rgba(55, 139, 255, 0.08) 68%, transparent),
    radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.08), transparent 18%);
  opacity: 0.8;
}

.agency-verification-topbar,
.agency-verification-hero,
.agency-verification-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 920px;
  justify-self: center;
}

.agency-verification-topbar {
  min-height: 54px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 50px;
  align-items: center;
  gap: 8px;
}

.agency-verification-icon-button,
.agency-verification-shield {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(208, 225, 255, 0.22);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
  color: #fff;
  box-shadow: 0 14px 34px rgba(0, 8, 24, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(14px);
}

.agency-verification-icon-button {
  border: 1px solid rgba(208, 225, 255, 0.22);
}

.agency-verification-icon-button:focus-visible,
.agency-verification-field input:focus,
.agency-verification-field select:focus,
.agency-verification-terms input:focus-visible,
.agency-verification-actions button:focus-visible {
  outline: 3px solid rgba(84, 160, 255, 0.38);
  outline-offset: 3px;
}

.agency-verification-icon-button svg,
.agency-verification-shield svg {
  width: 22px;
  height: 22px;
}

.agency-verification-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: 0;
}

.agency-verification-brand img {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 14px;
  padding: 3px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 32px rgba(0, 8, 24, 0.28), inset 0 1px 0 #fff;
}

.agency-verification-shield {
  justify-self: end;
  color: #82b9ff;
}

.agency-verification-hero {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 13px;
  padding: 2px 4px 4px;
}

.agency-verification-badge {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border: 1px solid rgba(44, 145, 255, 0.56);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(6, 42, 88, 0.72), rgba(3, 22, 50, 0.44));
  color: #58a7ff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05) inset, 0 14px 34px rgba(0, 36, 91, 0.22);
  backdrop-filter: blur(16px);
}

.agency-verification-badge svg {
  width: 16px;
  height: 16px;
}

.agency-verification-badge strong {
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.agency-verification-hero h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 9.5vw, 40px);
  line-height: 1.08;
  font-weight: 660;
  letter-spacing: 0;
  text-wrap: balance;
}

.agency-verification-hero p {
  max-width: 620px;
  margin: 0;
  color: rgba(226, 237, 255, 0.78);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 560;
}

.agency-verification-card {
  display: grid;
  gap: 0;
  padding: 18px;
  border: 1px solid rgba(224, 237, 255, 0.88);
  border-radius: 24px;
  background:
    radial-gradient(circle at 98% 0%, rgba(231, 242, 255, 0.82), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.98));
  color: #061832;
  box-shadow: 0 30px 72px rgba(0, 8, 24, 0.32), 0 1px 0 rgba(255, 255, 255, 0.96) inset;
}

.agency-verification-card .auth-message {
  margin: 0 0 14px;
}

.agency-verification-form {
  display: grid;
  gap: 16px;
}

.agency-verification-footer-actions {
  display: grid;
  gap: 12px;
}

.agency-verification-form-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding-bottom: 3px;
  color: #0d376d;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 860;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.agency-verification-form-head span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #eef6ff;
  color: #1767df;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.agency-verification-form-head svg {
  width: 22px;
  height: 22px;
}

.agency-verification-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
}

.agency-verification-field {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: #061832;
}

.agency-verification-field > span {
  color: #0c2345;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 720;
}

.agency-verification-field small {
  color: #66738d;
  font-size: 11px;
  line-height: 1.32;
  font-weight: 560;
}

.agency-verification-field em {
  color: #6f829b;
  font-size: 10px;
  font-style: normal;
  font-weight: 650;
}

.agency-verification-field > div {
  position: relative;
  display: flex;
  align-items: center;
}

.agency-verification-field > div > svg {
  position: absolute;
  left: 14px;
  width: 18px;
  height: 18px;
  color: #53677f;
  z-index: 1;
}

.agency-verification-field input,
.agency-verification-field select {
  width: 100%;
  min-height: 56px;
  border: 1px solid #d7e4f3;
  border-radius: 15px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  color: #061832;
  padding: 0 15px 0 45px;
  font-size: 15px;
  line-height: 1;
  font-weight: 640;
  box-shadow: 0 10px 24px rgba(7, 31, 67, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.agency-verification-field select {
  appearance: none;
  padding-right: 42px;
}

.agency-verification-field input::placeholder {
  color: #8b98aa;
  font-weight: 560;
}

.agency-verification-field input:focus,
.agency-verification-field select:focus {
  border-color: rgba(31, 132, 229, 0.56);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(31, 132, 229, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.agency-verification-field button[data-signup-password-toggle] {
  position: absolute;
  right: 7px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #63758d;
  z-index: 2;
}

.agency-verification-field button[data-signup-password-toggle].is-visible {
  background: #edf5ff;
  color: #0e55c7;
}

.agency-verification-field button[data-signup-password-toggle] svg {
  width: 19px;
  height: 19px;
}

.agency-verification-field button[data-signup-password-toggle] + input,
.agency-verification-field input[type="password"],
.agency-verification-field input[type="text"][name="password"],
.agency-verification-field input[type="text"][name="confirmPassword"] {
  padding-right: 56px;
}

.agency-verification-section-title {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  margin: 2px 0 10px;
  color: #0d376d;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 880;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.agency-verification-section-title svg {
  width: 23px;
  height: 23px;
  color: #1767df;
}

.agency-verification-checks {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.agency-verification-checks span {
  min-height: 48px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid #dce8f6;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  color: #0d2a50;
  box-shadow: 0 10px 22px rgba(7, 31, 67, 0.04);
}

.agency-verification-checks svg {
  width: 20px;
  height: 20px;
  color: #1767df;
}

.agency-verification-checks strong {
  font-size: 13px;
  font-weight: 720;
  line-height: 1.2;
}

.agency-verification-checks i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 2px solid #2cbf73;
  border-radius: 999px;
  color: #2cbf73;
}

.agency-verification-checks i svg {
  width: 13px;
  height: 13px;
  color: inherit;
}

.agency-verification-trust-panel {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 14px;
  border: 1px solid #cfe1f7;
  border-radius: 18px;
  background:
    radial-gradient(circle at 10% 50%, rgba(31, 132, 229, 0.16), transparent 34%),
    linear-gradient(135deg, #eef7ff, #f9fcff);
}

.agency-verification-trust-panel > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #1c74f6, #0b3d91);
  color: #fff;
  box-shadow: 0 14px 30px rgba(12, 83, 199, 0.24);
}

.agency-verification-trust-panel svg {
  width: 30px;
  height: 30px;
}

.agency-verification-trust-panel h2 {
  margin: 0 0 4px;
  color: #0b2344;
  font-size: 16px;
  line-height: 1.18;
  font-weight: 760;
}

.agency-verification-trust-panel p {
  margin: 0;
  color: #4e637f;
  font-size: 13px;
  line-height: 1.36;
  font-weight: 560;
}

.agency-verification-terms {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: #53677f;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 560;
  min-height: 44px;
}

.agency-verification-footer-actions .agency-verification-terms {
  color: rgba(226, 237, 255, 0.78);
  padding-inline: 2px;
}

.agency-verification-terms input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #1f84e5;
}

.agency-verification-terms button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #1767df;
  font: inherit;
  font-weight: 720;
}

.agency-verification-actions {
  display: grid;
  gap: 12px;
}

.agency-verification-submit {
  width: 100%;
  min-height: 60px;
  border: 0;
  border-radius: 17px;
  background:
    linear-gradient(135deg, #278aff 0%, #075ed1 48%, #0e45b3 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 780;
  box-shadow: 0 18px 38px rgba(7, 82, 196, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.agency-verification-submit svg {
  width: 23px;
  height: 23px;
}

.agency-verification-submit:active {
  transform: translateY(1px);
}

.agency-verification-submit:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  box-shadow: none;
  transform: none;
}

.agency-verification-login-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #58a7ff;
  font-size: 14px;
  font-weight: 700;
}

.agency-verification-invite-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #dce8f6;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.74);
  color: #304765;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 690;
}

.agency-verification-invite-link svg {
  width: 18px;
  height: 18px;
  color: #1767df;
}

.agency-verification-login-link svg {
  width: 17px;
  height: 17px;
}

.agency-verification-pending-screen {
  align-content: start;
}

.agency-verification-pending-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  justify-self: center;
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: 24px 18px;
  border: 1px solid rgba(224, 237, 255, 0.86);
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 0%, rgba(31, 132, 229, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.98));
  color: #061832;
  text-align: center;
  box-shadow: 0 28px 70px rgba(0, 8, 24, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.agency-verification-pending-icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  justify-self: center;
  border-radius: 22px;
  background: linear-gradient(145deg, #238aff, #0b3f9d);
  color: #fff;
  box-shadow: 0 18px 40px rgba(7, 82, 196, 0.3);
}

.agency-verification-pending-icon svg {
  width: 36px;
  height: 36px;
}

.agency-verification-kicker {
  margin: 0;
  color: #1767df;
  font-size: 12px;
  font-weight: 840;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.agency-verification-pending-card h1 {
  margin: 0;
  color: #061832;
  font-size: 32px;
  line-height: 1.08;
  font-weight: 780;
}

.agency-verification-pending-card > p:not(.agency-verification-kicker) {
  margin: 0;
  color: #53677f;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 560;
}

.agency-verification-progress {
  display: grid;
  gap: 9px;
  text-align: left;
}

.agency-verification-progress span {
  min-height: 46px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid #dce8f6;
  border-radius: 15px;
  background: #fff;
  color: #53677f;
  box-shadow: 0 10px 22px rgba(7, 31, 67, 0.04);
}

.agency-verification-progress svg {
  width: 19px;
  height: 19px;
  color: #8a9bb0;
}

.agency-verification-progress strong {
  font-size: 13px;
  font-weight: 700;
}

.agency-verification-progress span.complete {
  border-color: rgba(22, 185, 104, 0.26);
  background: #f1fbf6;
  color: #176a42;
}

.agency-verification-progress span.complete svg {
  color: #16b968;
}

@media (min-width: 720px) {
  .agency-verification-screen {
    padding-inline: 28px;
  }

  .agency-verification-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 24px;
  }

  .agency-verification-wide {
    grid-column: 1 / -1;
  }

  .agency-verification-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agency-verification-checks span:last-child {
    grid-column: 1 / -1;
  }

  .agency-verification-card {
    padding: 30px 32px;
    border-radius: 26px;
  }
}

@media (max-width: 374px) {
  .agency-verification-brand {
    font-size: 20px;
    gap: 8px;
  }

  .agency-verification-brand img {
    width: 38px;
    height: 38px;
  }

  .agency-verification-hero h1 {
    font-size: 31px;
    font-weight: 650;
  }

  .agency-verification-card {
    padding: 14px;
  }
}

/* Candidate primary page headers: Home, Jobs, Bookings, Payments and Profile. */
.app-shell > .main > .app-header.app-header--candidate-primary,
html.av-density-compact-phone .app-shell > .main > .app-header.app-header--candidate-primary,
html.native-android .app-shell > .main > .app-header.app-header--candidate-primary {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: center !important;
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  min-height: calc(96px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 -14px 12px !important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 14px 18px !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 15% 26%, rgba(255, 255, 255, 0.2), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(111, 122, 255, 0.36), transparent 28%),
    radial-gradient(ellipse at 78% 100%, rgba(28, 199, 255, 0.18), transparent 34%),
    linear-gradient(142deg, #051938 0%, #08398f 46%, #115df2 100%) !important;
  background-size: 140% 140% !important;
  box-shadow: 0 16px 34px rgba(5, 31, 83, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
  animation: none !important;
  box-sizing: border-box !important;
}

.app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary,
.app-shell:has(.royal-satin-jobs) > .main > .app-header.app-header--candidate-primary,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary,
.app-shell:has(.profile-page-content) > .main > .app-header.app-header--candidate-primary,
html.av-density-compact-phone .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary,
html.av-density-compact-phone .app-shell:has(.royal-satin-jobs) > .main > .app-header.app-header--candidate-primary,
html.av-density-compact-phone .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary,
html.av-density-compact-phone .app-shell:has(.profile-page-content) > .main > .app-header.app-header--candidate-primary,
html.native-android .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary,
html.native-android .app-shell:has(.royal-satin-jobs) > .main > .app-header.app-header--candidate-primary,
html.native-android .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary,
html.native-android .app-shell:has(.profile-page-content) > .main > .app-header.app-header--candidate-primary {
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  margin: 0 auto 12px !important;
}

.app-shell > .main > .app-header.app-header--candidate-primary::before,
html.av-density-compact-phone .app-shell > .main > .app-header.app-header--candidate-primary::before,
html.native-android .app-shell > .main > .app-header.app-header--candidate-primary::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 180px !important;
  height: 180px !important;
  inset: auto -44px -46px auto !important;
  border: 1px solid rgba(139, 194, 255, 0.18) !important;
  border-radius: 999px !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

.app-shell > .main > .app-header.app-header--candidate-primary::after,
html.av-density-compact-phone .app-shell > .main > .app-header.app-header--candidate-primary::after,
html.native-android .app-shell > .main > .app-header.app-header--candidate-primary::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 128px !important;
  height: 128px !important;
  inset: 18px -18px auto auto !important;
  border: 1px solid rgba(154, 205, 255, 0.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02)) !important;
  filter: none !important;
  transform: rotate(18deg) !important;
  opacity: 1 !important;
}

.app-header.app-header--candidate-primary > * {
  position: relative !important;
  z-index: 1 !important;
}

.app-header.app-header--candidate-primary .app-header-row,
html.av-density-compact-phone .app-header.app-header--candidate-primary .app-header-row,
html.native-android .app-header.app-header--candidate-primary .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

.app-header.app-header--candidate-primary .app-avatar-button,
.app-header.app-header--candidate-primary .app-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: start !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.app-header.app-header--candidate-primary .app-avatar {
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  color: #072057 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 2px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 24px rgba(3, 18, 58, 0.22), inset 0 1px 0 #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.app-header.app-header--candidate-primary .app-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.app-header.app-header--candidate-primary .app-avatar svg {
  width: 23px !important;
  height: 23px !important;
  stroke-width: 2.15 !important;
}

.app-header.app-header--candidate-primary .app-greeting,
html.av-density-compact-phone .app-header.app-header--candidate-primary .app-greeting,
html.native-android .app-header.app-header--candidate-primary .app-greeting {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
  align-content: center !important;
}

.app-header.app-header--candidate-primary .app-greeting::before {
  content: none !important;
  display: none !important;
}

.app-header.app-header--candidate-primary .app-greeting h1,
html.av-density-compact-phone .app-header.app-header--candidate-primary .app-greeting h1,
html.native-android .app-header.app-header--candidate-primary .app-greeting h1 {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 24px !important;
  line-height: 29px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.app-header.app-header--candidate-primary .app-greeting p,
html.av-density-compact-phone .app-header.app-header--candidate-primary .app-greeting p,
html.native-android .app-header.app-header--candidate-primary .app-greeting p {
  margin: 0 !important;
  color: rgba(225, 238, 255, 0.9) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.app-header.app-header--candidate-primary .header-icon-group,
html.av-density-compact-phone .app-header.app-header--candidate-primary .header-icon-group,
html.native-android .app-header.app-header--candidate-primary .header-icon-group {
  width: auto !important;
  min-width: 44px !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
  transform: none !important;
}

.app-header.app-header--candidate-primary .header-icon-button,
html.av-density-compact-phone .app-header.app-header--candidate-primary .header-icon-button,
html.native-android .app-header.app-header--candidate-primary .header-icon-button {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(225, 239, 255, 0.28) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 22px rgba(2, 17, 52, 0.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transform: none !important;
}

.app-header.app-header--candidate-primary .header-icon-button svg,
html.av-density-compact-phone .app-header.app-header--candidate-primary .header-icon-button svg,
html.native-android .app-header.app-header--candidate-primary .header-icon-button svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.05 !important;
}

.app-header.app-header--candidate-primary .notification-badge {
  top: -4px !important;
  right: -3px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-width: 2px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

@media (max-width: 374px) {
  .app-header.app-header--candidate-primary .app-header-row {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .app-header.app-header--candidate-primary .app-avatar-button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .app-header.app-header--candidate-primary .app-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  .app-header.app-header--candidate-primary .header-icon-group {
    gap: 5px !important;
  }

  .app-header.app-header--candidate-primary .header-icon-button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

.signup-screen {
  display: grid;
  gap: 14px;
}

.signup-hero {
  min-height: 284px;
  border-radius: 28px;
  background: linear-gradient(145deg, var(--navy), var(--brand-dark) 62%, var(--brand));
  color: #fff;
  padding: 24px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 10px;
  overflow: hidden;
  position: relative;
}

.signup-hero::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -70px;
  width: 190px;
  height: 190px;
  background: rgba(255, 255, 255, 0.12);
  transform: rotate(22deg);
}

.signup-hero img {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.98);
  padding: 6px;
  position: relative;
  z-index: 1;
}

.signup-hero h1,
.signup-hero p {
  position: relative;
  z-index: 1;
}

.signup-hero h1 {
  margin: 0;
  font-size: 31px;
  line-height: 1.02;
}

.signup-hero p:not(.eyebrow) {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.45;
  font-size: 14px;
}

.signup-options {
  display: grid;
  gap: 12px;
}

.signup-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 16px;
  display: grid;
  gap: 13px;
}

.signup-card.agency {
  border-color: rgba(6, 25, 54, 0.18);
}

.signup-card.worker {
  border-color: rgba(31, 132, 229, 0.26);
}

.signup-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--soft);
  color: var(--brand-dark);
}

.signup-icon svg {
  width: 23px;
  height: 23px;
}

.signup-card h2 {
  margin: 0 0 4px;
  font-size: 19px;
}

.signup-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.signup-feature-list {
  display: grid;
  gap: 8px;
}

.signup-feature-list span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.signup-feature-list svg {
  width: 16px;
  height: 16px;
  color: var(--green);
  flex: 0 0 auto;
}

.signup-summary {
  box-shadow: none;
}

.login-hero {
  min-height: 238px;
}

.login-panel form {
  display: grid;
  gap: 14px;
}

.login-row {
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.check-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.check-row input {
  width: 18px;
  height: 18px;
  accent-color: var(--brand);
}

.app-header {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: 0 -14px 14px;
  padding: max(16px, env(safe-area-inset-top)) 20px 16px;
  color: #fff;
  background: linear-gradient(145deg, #078bff 0%, #075ce6 54%, #0a3ca5 100%);
  box-shadow: 0 16px 36px rgba(7, 92, 230, 0.24);
}

.agency-premium-header {
  position: sticky;
  overflow: hidden;
  isolation: isolate;
  padding: max(18px, env(safe-area-inset-top)) 20px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.22), transparent 18%),
    radial-gradient(circle at 92% 8%, rgba(151, 111, 255, 0.42), transparent 28%),
    linear-gradient(135deg, #071f55 0%, #0b55de 46%, #6338e8 100%);
  background-size: 140% 140%;
  box-shadow: 0 24px 56px rgba(6, 25, 54, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
  animation: agencyHeaderDrift 12s ease-in-out infinite alternate;
}

.agency-premium-header::before,
.agency-premium-header::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(2px);
}

.agency-premium-header::before {
  width: 210px;
  height: 210px;
  right: -86px;
  top: -88px;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 58%),
    linear-gradient(135deg, rgba(131, 92, 255, 0.44), rgba(31, 132, 229, 0.12));
}

.agency-premium-header::after {
  width: 170px;
  height: 96px;
  left: 18px;
  bottom: -48px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(118, 181, 255, 0.08));
  transform: rotate(-8deg);
}

@keyframes agencyHeaderDrift {
  0% {
    background-position: 0% 30%;
  }
  100% {
    background-position: 100% 70%;
  }
}

.agency-premium-header > * {
  position: relative;
  z-index: 1;
}

.app-header-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.app-avatar-button {
  position: relative;
  border: 0;
  background: transparent;
  padding: 0;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}

.app-avatar {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--brand-dark);
  background: #fff;
  border: 3px solid rgba(255, 255, 255, 0.65);
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.18);
}

.avatar-settings-badge {
  display: none;
}

.avatar-settings-badge svg {
  display: none;
}

.app-greeting {
  min-width: 0;
  text-align: center;
}

.app-greeting h1 {
  font-size: 20px;
  line-height: 1.08;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-greeting p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-icon-group {
  display: flex;
  align-items: center;
  gap: 7px;
}

.header-icon-button,
.header-filter {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

.agency-premium-header .header-icon-button {
  width: 39px;
  height: 39px;
  border-color: rgba(255, 255, 255, 0.26);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(16px);
}

.header-icon-button:hover,
.header-filter:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.24);
  box-shadow: 0 16px 32px rgba(6, 25, 54, 0.2);
}

.header-icon-button:active,
.header-filter:active {
  transform: scale(0.96);
}

.header-icon-button svg,
.header-filter svg {
  width: 21px;
  height: 21px;
}

.notification-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #ff4d4d, #df202f);
  color: #fff;
  border: 2px solid #fff;
  font-size: 9px;
  font-weight: 950;
  box-shadow: 0 4px 10px rgba(223, 32, 47, 0.28);
}

.header-tools {
  margin-top: 16px;
  display: grid;
  gap: 11px;
  width: 100%;
  min-width: 0;
}

.agency-premium-header .header-tools {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 17px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 18px 38px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.header-tools .header-search {
  min-width: 0;
  width: 100%;
  min-height: 48px;
  border-radius: 20px;
  padding: 0 15px;
  border-color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.13);
}

.agency-premium-header .header-tools .header-search {
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.header-filter-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
}

.agency-premium-header .header-filter-row {
  justify-content: center;
}

.header-tools .header-filter {
  width: auto;
  min-width: 0;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border-color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  margin-left: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.agency-premium-header .header-tools .header-filter {
  height: 46px;
  padding: 0 13px;
  border-color: rgba(255, 255, 255, 0.32);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.11));
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(14px);
}

.header-tools .header-filter svg {
  width: 18px;
  height: 18px;
}

.header-filter-pill span {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.profile-page-header {
  position: relative;
  z-index: 0;
  margin: 0 -14px -66px;
  min-height: 194px;
  padding: max(22px, env(safe-area-inset-top)) 18px 92px;
  color: #fff;
  background: linear-gradient(145deg, #078bff 0%, #075ce6 54%, #0a3ca5 100%);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: start;
  gap: 10px;
  box-shadow: 0 16px 36px rgba(7, 92, 230, 0.22);
}

.profile-page-content {
  position: relative;
  z-index: 1;
}

.profile-page-header h1 {
  margin-top: 12px;
  color: #fff;
  text-align: center;
  font-size: 22px;
}

.profile-header-button {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
}

.profile-header-button svg {
  width: 27px;
  height: 27px;
}

.eyebrow {
  margin: 0 0 5px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

h1 {
  margin: 0;
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: 0;
}

.searchbar {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 11px 13px;
}

.searchbar svg {
  width: 18px;
  height: 18px;
  color: var(--muted);
}

.searchbar input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-size: 14px;
}

@media (max-width: 370px) {
  .header-tools {
    gap: 12px;
  }

  .agency-premium-header .header-tools {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 7px;
  }

  .header-tools .header-search {
    min-height: 46px;
    padding: 0 13px;
  }

  .header-tools .header-filter {
    height: 38px;
    padding: 0 12px;
  }

  .agency-premium-header .header-filter-pill span {
    display: none;
  }

  .agency-premium-header .header-tools .header-filter {
    width: 42px;
    height: 42px;
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agency-premium-header {
    animation: none;
  }

  .verified-workforce-card,
  .metric-link-button,
  .header-icon-button,
  .header-filter {
    transition: none;
  }
}

.content,
.list {
  display: grid;
  gap: 12px;
}

.hero,
.grid-two,
.workflow-grid,
.stat-grid,
.client-grid,
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.hero-panel {
  background: linear-gradient(145deg, #061936 0%, #0b376d 58%, #1f84e5 100%);
  color: #ffffff;
  border-radius: 24px;
  padding: 20px;
  min-height: 254px;
  display: grid;
  align-content: space-between;
  position: relative;
  overflow: hidden;
}

.hero-panel::after {
  content: "";
  position: absolute;
  right: -54px;
  bottom: -86px;
  width: 220px;
  height: 220px;
  background: conic-gradient(from 140deg, rgba(58, 160, 255, 0.9), rgba(255, 255, 255, 0.4), rgba(11, 55, 109, 0.68), rgba(58, 160, 255, 0.9));
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  transform: rotate(18deg);
}

.hero-panel h2 {
  margin: 0 0 10px;
  font-size: 31px;
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}

.hero-panel p {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.5;
  margin: 0;
  position: relative;
  z-index: 1;
  font-size: 14px;
}

.hero-actions,
.toolbar,
.form-actions,
.compact-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-actions {
  position: relative;
  z-index: 1;
}

.button,
.ghost-button,
.icon-button {
  border: 0;
  border-radius: 13px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
}

.button {
  background: linear-gradient(135deg, var(--navy), var(--brand-dark));
  color: #fff;
  padding: 0 12px;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.18);
}

.button.secondary {
  background: #ffffff;
  color: var(--brand-dark);
}

.ghost-button {
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  padding: 0 12px;
}

.ghost-button.dark {
  color: var(--ink);
}

.icon-button {
  width: 44px;
  background: var(--soft);
  color: var(--ink);
}

.panel,
.stat,
.client-card,
.project-row,
.job-control-row,
.trusted-worker-card,
.offer-row,
.worker-row,
.task-row,
.invoice-row,
.workflow-step {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: var(--shadow);
}

.panel {
  overflow: hidden;
}

.app-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.panel-header {
  padding: 16px 16px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.panel-title {
  margin: 0;
  font-size: 17px;
}

.panel-subtitle {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.text-button {
  border: 0;
  background: transparent;
  color: var(--brand);
  font-size: 13px;
  font-weight: 950;
  padding: 4px 0;
}

.stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stat {
  padding: 14px;
  min-height: 112px;
}

.stat-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.stat-value {
  margin-top: 9px;
  font-size: 27px;
  font-weight: 950;
}

.stat-trend {
  margin-top: 7px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
}

.workflow-steps,
.list,
.client-grid,
.form-grid {
  padding: 14px;
}

.job-flow {
  border-color: rgba(31, 132, 229, 0.22);
}

.mobile-job-flow {
  background: #fff;
  border-radius: 24px;
}

.content.post-job-page,
.post-job-page {
  padding-bottom: 96px;
}

.job-flow-topbar {
  min-height: 50px;
  padding: 10px 14px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  align-items: center;
}

.job-flow-topbar h2 {
  margin: 0;
  text-align: center;
  font-size: 16px;
}

.job-back-button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--brand-dark);
  display: grid;
  place-items: center;
}

.job-back-button svg {
  width: 23px;
  height: 23px;
}

.job-stepper {
  position: relative;
  padding: 14px 16px 6px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.job-stepper::before {
  content: "";
  position: absolute;
  top: 27px;
  left: 42px;
  right: 42px;
  height: 2px;
  background: var(--line);
}

.job-stepper button {
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  border-radius: 0;
  min-height: 50px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 6px;
  padding: 0 3px;
  color: var(--muted);
  text-align: center;
}

.job-stepper button.active,
.job-stepper button.completed {
  color: var(--brand);
}

.job-stepper span {
  width: 29px;
  height: 29px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #64748b;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 0 0 4px #fff;
}

.job-stepper button.active span,
.job-stepper button.completed span {
  background: var(--brand);
  color: #fff;
}

.job-stepper span svg {
  width: 15px;
  height: 15px;
}

.job-stepper strong {
  color: inherit;
  font-size: 10px;
  line-height: 1.15;
}

.job-step-body {
  padding: 12px 16px 92px;
  display: grid;
  gap: 10px;
}

.job-step-body h3 {
  margin: 0;
  font-size: 16px;
}

.two-column-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.field b {
  color: var(--red);
}

.field small {
  justify-self: end;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.field-help {
  margin: -6px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.input-shell {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  min-height: 46px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  overflow: hidden;
}

.input-shell i,
.input-shell em {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  padding: 0 12px;
}

.input-shell i svg {
  width: 17px;
  height: 17px;
}

.field .input-shell input,
.field .input-shell select {
  border: 0;
  border-radius: 0;
  background: transparent;
  min-height: 44px;
}

.job-step-body .field textarea {
  min-height: 74px;
}

.choice-segment {
  border: 1px solid var(--line);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}

.choice-segment button,
.choice-grid button {
  border: 0;
  background: #fff;
  color: var(--ink);
  min-height: 42px;
  font-size: 12px;
  font-weight: 900;
}

.choice-segment button + button {
  border-left: 1px solid var(--line);
}

.choice-segment button.active,
.choice-grid button.active {
  background: #eaf4ff;
  color: var(--brand);
  box-shadow: inset 0 0 0 1px var(--brand);
}

.choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.choice-grid button {
  border: 1px solid var(--line);
  border-radius: 12px;
}

.certification-list {
  display: grid;
  gap: 8px;
}

.certification-list > span {
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
}

.certification-option {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
}

.certification-option input {
  width: 16px;
  height: 16px;
  accent-color: var(--brand);
}

.shift-duration-note {
  border: 1px solid #bdd6ff;
  border-radius: 12px;
  background: #f0f7ff;
  color: var(--brand-dark);
  padding: 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 10px;
  align-items: center;
  font-size: 12px;
}

.shift-duration-note svg {
  width: 18px;
  height: 18px;
  color: var(--brand);
}

.shift-duration-note span {
  grid-column: 2;
  color: var(--muted);
}

.review-list {
  padding: 14px;
  display: grid;
  gap: 9px;
}

.job-review-list {
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
}

.review-item {
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 20px 78px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 8px;
}

.review-item span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
}

.review-item strong {
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.review-item i {
  color: var(--brand);
  display: grid;
  place-items: center;
}

.review-item i svg {
  width: 16px;
  height: 16px;
}

.review-edit-button {
  border: 0;
  background: transparent;
  color: var(--brand);
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
}

.review-edit-button svg {
  width: 15px;
  height: 15px;
}

.job-flow-actions {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 48;
  width: min(100%, 430px);
  transform: translateX(-50%);
  border-top: 1px solid rgba(6, 25, 54, 0.1);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.96);
  padding: 12px 18px calc(14px + env(safe-area-inset-bottom));
  justify-content: space-between;
  box-shadow: 0 -14px 30px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.job-flow-actions .button,
.job-flow-actions .ghost-button {
  flex: 1 1 0;
}

.job-flow-actions .button {
  background: linear-gradient(135deg, #0668f1, #0648d8);
  min-height: 44px;
}

.mobile-job-flow {
  border: 1px solid rgba(31, 132, 229, 0.14);
  background:
    radial-gradient(circle at 88% 0%, rgba(109, 93, 252, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.98));
  box-shadow: 0 22px 50px rgba(6, 25, 54, 0.10);
  overflow: hidden;
}

.job-flow-topbar {
  padding: 14px 15px 8px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.job-flow-topbar h2 {
  font-size: 18px;
  line-height: 1.1;
}

.job-flow-topbar small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
}

.job-helper-pill {
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #3158d4;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
}

.job-post-hero-card {
  margin: 8px 15px 0;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 0%, rgba(118, 91, 255, 0.28), transparent 36%),
    linear-gradient(135deg, #071a35, #1238b6 62%, #6d5dfc);
  color: #fff;
  padding: 17px;
  display: grid;
  gap: 7px;
  box-shadow: 0 20px 42px rgba(37, 99, 235, 0.24);
}

.job-post-hero-card span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.job-post-hero-card strong {
  font-size: 22px;
  line-height: 1.08;
  font-weight: 950;
}

.job-post-hero-card small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
}

.premium-job-stepper {
  margin: 12px 15px 0;
  padding: 12px 8px 8px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.065);
  overflow: hidden;
}

.premium-job-stepper::before {
  left: 28px;
  right: 28px;
  top: 27px;
  background: linear-gradient(90deg, #1238b6 0 var(--job-progress), rgba(226, 232, 240, 0.95) var(--job-progress) 100%);
}

.premium-job-stepper button {
  min-height: 58px;
  border-radius: 18px;
}

.premium-job-stepper button.active {
  background: linear-gradient(180deg, rgba(238, 246, 255, 0.88), rgba(255, 255, 255, 0.25));
}

.premium-job-stepper button.active span {
  box-shadow: 0 0 0 4px #fff, 0 10px 18px rgba(37, 99, 235, 0.28), 0 0 0 8px rgba(109, 93, 252, 0.08);
}

.job-step-body {
  padding: 15px 15px 112px;
  gap: 16px;
}

.premium-job-section {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.075);
  padding: 16px;
  display: grid;
  gap: 15px;
}

.premium-job-section-heading h3 {
  margin: 0;
  color: #081a35;
  font-size: 19px;
  line-height: 1.12;
  font-weight: 950;
}

.premium-job-section-heading p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
}

.premium-job-section-body {
  display: grid;
  gap: 13px;
}

.premium-job-section .field {
  gap: 8px;
}

.premium-job-section .field > span {
  color: #334155;
  font-size: 12px;
  font-weight: 950;
}

.premium-job-section .input-shell,
.premium-job-section .field textarea {
  border-color: rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  background: rgba(248, 251, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.premium-job-section .input-shell {
  min-height: 56px;
}

.premium-job-section .field .input-shell input,
.premium-job-section .field .input-shell select {
  min-height: 54px;
  font-size: 15px;
  font-weight: 850;
}

.premium-job-section .field textarea {
  min-height: 118px;
  padding: 14px;
  font-size: 14px;
  line-height: 1.45;
}

.job-suggestion-row,
.job-template-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.job-suggestion-row::-webkit-scrollbar,
.job-template-strip::-webkit-scrollbar {
  display: none;
}

.job-suggestion-row span,
.job-template-strip button {
  flex: 0 0 auto;
  border: 1px solid rgba(49, 88, 212, 0.14);
  border-radius: 999px;
  background: rgba(238, 246, 255, 0.88);
  color: #3158d4;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 950;
}

.premium-choice-grid button {
  min-height: 76px;
  display: grid;
  gap: 4px;
  align-content: center;
  border-radius: 18px;
  background: #fff;
  padding: 11px;
  text-align: left;
}

.premium-choice-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.premium-choice-grid button strong,
.premium-choice-grid button small {
  display: block;
}

.premium-choice-grid button small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
}

.premium-choice-grid button.active small {
  color: #3158d4;
}

.smart-estimate-card,
.job-warning-card {
  border: 1px solid rgba(15, 118, 110, 0.14);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(240, 253, 250, 0.9), rgba(238, 246, 255, 0.78));
  padding: 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.job-warning-card {
  border-color: rgba(245, 158, 11, 0.2);
  background: linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(255, 255, 255, 0.8));
}

.smart-estimate-card svg,
.job-warning-card svg {
  width: 20px;
  height: 20px;
  color: #0f766e;
}

.job-warning-card svg {
  color: #d97706;
}

.smart-estimate-card strong,
.job-warning-card strong {
  display: block;
  color: #0f1f38;
  font-size: 13px;
  font-weight: 950;
}

.smart-estimate-card small,
.job-warning-card small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.job-timeline-visual {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.12), transparent 38%),
    #f8fbff;
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 28px 1fr;
  gap: 8px;
  align-items: center;
  text-align: center;
}

.job-timeline-visual span {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.job-timeline-visual strong {
  grid-row: 2;
  color: #081a35;
  font-size: 23px;
  font-weight: 950;
}

.job-timeline-visual i {
  grid-column: 2;
  grid-row: 1 / span 2;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #1238b6, #6d5dfc);
}

.recurring-preview {
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  background: #f8fbff;
  padding: 11px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.recurring-preview span {
  width: 38px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: #fff;
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
}

.recurring-preview span.active {
  background: #eef6ff;
  color: #1238b6;
}

.recurring-preview small {
  flex-basis: 100%;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.premium-segment {
  border-radius: 18px;
  background: #eef6ff;
  padding: 4px;
}

.premium-segment button {
  border-radius: 14px;
}

.premium-segment button + button {
  border-left: 0;
}

.pay-preview-grid,
.job-review-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.pay-preview-grid span,
.job-review-metrics span {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  background: #f8fbff;
  padding: 12px 10px;
  display: grid;
  gap: 4px;
}

.pay-preview-grid small,
.job-review-metrics small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
}

.pay-preview-grid strong,
.job-review-metrics strong {
  color: #081a35;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 950;
}

.certification-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.certification-chip-grid .certification-option {
  position: relative;
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: #fff;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
}

.certification-chip-grid .certification-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.certification-chip-grid .certification-option:has(input:checked) {
  border-color: rgba(49, 88, 212, 0.28);
  background: #eef6ff;
  color: #1238b6;
}

.publish-command-card {
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 0%, rgba(34, 197, 94, 0.18), transparent 34%),
    linear-gradient(135deg, #071a35, #1238b6 62%, #6d5dfc);
  color: #fff;
  padding: 20px;
  display: grid;
  gap: 7px;
  box-shadow: 0 20px 42px rgba(37, 99, 235, 0.25);
}

.publish-command-card span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.publish-command-card strong {
  font-size: 24px;
  line-height: 1.08;
}

.publish-command-card small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
}

.premium-review-list {
  border: 0;
  border-radius: 0;
  overflow: visible;
  display: grid;
  gap: 9px;
}

.premium-review-list .review-item {
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
  grid-template-columns: 28px minmax(0, 1fr) 32px;
  padding: 12px;
}

.premium-review-list .review-item span {
  grid-column: 2;
}

.premium-review-list .review-item strong {
  grid-column: 2;
  font-size: 13px;
}

.premium-review-list .review-edit-button {
  grid-column: 3;
  grid-row: 1 / span 2;
}

.dispatch-settings-grid {
  display: grid;
  gap: 8px;
}

.dispatch-settings-grid span {
  border: 1px solid rgba(15, 118, 110, 0.12);
  border-radius: 16px;
  background: #f0fdfa;
  color: #0f766e;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 950;
}

.dispatch-settings-grid svg {
  width: 15px;
  height: 15px;
}

.job-launch-overlay {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(7, 26, 53, 0.44);
  backdrop-filter: blur(18px);
}

.job-launch-overlay > div {
  width: min(100%, 340px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.34), transparent 38%),
    rgba(255, 255, 255, 0.94);
  padding: 24px;
  display: grid;
  justify-items: center;
  gap: 12px;
  text-align: center;
  box-shadow: 0 28px 60px rgba(6, 25, 54, 0.28);
}

.launch-pulse {
  width: 58px;
  height: 58px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 0 0 8px rgba(109, 93, 252, 0.12);
  animation: launchPulse 1.1s ease-in-out infinite;
}

.launch-pulse svg {
  width: 24px;
  height: 24px;
}

.job-launch-overlay strong {
  color: #081a35;
  font-size: 20px;
  font-weight: 950;
}

.job-launch-overlay small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 850;
}

.launch-progress {
  width: 100%;
  height: 7px;
  border-radius: 99px;
  background: #e8eef7;
  overflow: hidden;
}

.launch-progress span {
  display: block;
  width: 72%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #22c55e);
  animation: launchProgress 1.2s ease both;
}

@keyframes launchPulse {
  50% {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 0 0 12px rgba(109, 93, 252, 0.08);
  }
}

@keyframes launchProgress {
  from {
    width: 12%;
  }
  to {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .premium-choice-grid.three,
  .two-column-fields,
  .pay-preview-grid,
  .job-review-metrics {
    grid-template-columns: 1fr;
  }

  .job-flow-actions {
    display: grid;
    grid-template-columns: 0.72fr 1.28fr;
    gap: 10px;
  }
}

.job-flow-actions .full-width {
  flex-basis: 100%;
}

.control-centre {
  border-color: rgba(219, 107, 53, 0.24);
}

.agency-jobs-page {
  gap: 10px;
}

.agency-jobs-shell {
  display: grid;
  gap: 12px;
}

.agency-jobs-command-bar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 96% 0%, rgba(109, 93, 252, 0.14), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(31, 132, 229, 0.1), transparent 32%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 40px rgba(6, 25, 54, 0.085);
}

.jobs-control-centre-card {
  display: grid;
  gap: 13px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 26px;
  padding: 15px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.16), transparent 38%),
    radial-gradient(circle at 0 0, rgba(31, 132, 229, 0.11), transparent 35%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.095);
}

.jobs-control-centre-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.jobs-control-centre-top span,
.jobs-control-section-title span {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.jobs-control-centre-top h2 {
  margin: 4px 0 0;
  color: #07182f;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 950;
}

.jobs-control-centre-top em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 7px 10px;
  color: #047857;
  background: #dcfce7;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
}

.jobs-control-primary-actions,
.jobs-control-quick-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.jobs-control-primary-actions button,
.jobs-control-quick-actions button {
  min-width: 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  color: #1238b6;
  background: rgba(238, 246, 255, 0.78);
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
}

.jobs-control-primary-actions button.primary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
  background: linear-gradient(135deg, #1238b6, #2857f0 48%, #7559ff);
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.26);
}

.jobs-control-primary-actions svg,
.jobs-control-quick-actions svg {
  width: 15px;
  height: 15px;
}

.jobs-control-status-strip,
.jobs-control-activity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.jobs-control-status-strip span,
.jobs-control-activity-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.88);
}

.jobs-control-status-strip strong,
.jobs-control-activity-grid strong {
  color: #07182f;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.jobs-control-status-strip small,
.jobs-control-activity-grid span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.18;
  font-weight: 820;
}

.jobs-control-section {
  display: grid;
  gap: 8px;
}

.jobs-control-quick-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.jobs-control-quick-actions button {
  min-height: 54px;
  display: grid;
  place-items: center;
  gap: 5px;
  padding: 8px 4px;
  font-size: 10.5px;
}

.jobs-control-activity-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agency-jobs-inline-search {
  min-width: 0;
  min-height: 46px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 0 14px;
  border-radius: 18px;
  color: #53627b;
  background: rgba(248, 251, 255, 0.94);
  border: 1px solid rgba(31, 132, 229, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.agency-jobs-inline-search svg {
  width: 17px;
  height: 17px;
}

.agency-jobs-inline-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #081a35;
  font-size: 13px;
  font-weight: 800;
}

.agency-jobs-action-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.agency-jobs-action-row > button {
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 999px;
  color: #1b3a85;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(238, 246, 255, 0.92));
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.065), inset 0 0 0 1px rgba(31, 132, 229, 0.08);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.agency-jobs-action-row > button.primary {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #2857f0 48%, #7559ff);
  box-shadow: 0 16px 30px rgba(37, 99, 235, 0.28), 0 0 0 4px rgba(109, 93, 252, 0.08);
}

.agency-jobs-action-row > button:active {
  transform: translateY(1px) scale(0.99);
}

.agency-jobs-action-row > button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.agency-jobs-mode-tabs,
.agency-job-status-tabs {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(244, 248, 253, 0.98), rgba(255, 255, 255, 0.92));
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
  display: flex;
  gap: 8px;
  padding: 7px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.agency-jobs-mode-tabs {
  border-radius: 22px;
  padding: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.94));
}

.agency-job-status-tabs::-webkit-scrollbar {
  display: none;
}

.agency-jobs-mode-tabs::-webkit-scrollbar {
  display: none;
}

.agency-jobs-mode-tabs button,
.agency-job-status-tabs button {
  flex: 0 0 auto;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  min-height: 44px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: max-content;
  padding: 0 13px;
  white-space: nowrap;
  scroll-snap-align: start;
}

.agency-jobs-mode-tabs button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 42px;
}

.agency-jobs-mode-tabs button strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-jobs-mode-tabs button.active,
.agency-job-status-tabs button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.32);
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22);
}

.agency-jobs-mode-tabs span,
.agency-job-status-tabs span {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(6, 25, 54, 0.08);
  color: inherit;
  display: inline-grid;
  place-items: center;
  font-size: 11px;
  line-height: 1;
  flex: 0 0 auto;
}

.agency-jobs-mode-tabs button.active span,
.agency-job-status-tabs button.active span {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.jobs-workspace-context {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92));
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.jobs-workspace-context.sector {
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.92));
}

.jobs-workspace-context > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1238b6;
  background: #eef6ff;
}

.jobs-workspace-context.sector > span {
  color: #4f46e5;
  background: #f0edff;
}

.jobs-workspace-context svg {
  width: 17px;
  height: 17px;
}

.jobs-workspace-context strong {
  display: block;
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 950;
}

.jobs-workspace-context p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 800;
}

.agency-job-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  border: 1px solid rgba(6, 25, 54, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  padding: 6px;
}

.agency-summary-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.74);
  padding: 7px 4px;
  box-shadow: none;
  display: grid;
  justify-items: center;
  gap: 5px;
  text-align: center;
}

.agency-summary-card span {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #eaf4ff;
  color: var(--brand);
}

.agency-summary-card.green span {
  background: #e6f7ef;
  color: var(--green);
}

.agency-summary-card.orange span {
  background: #fff4df;
  color: #e59000;
}

.agency-summary-card.purple span {
  background: #efe7ff;
  color: #7b4ad6;
}

.agency-summary-card svg {
  width: 14px;
  height: 14px;
}

.agency-summary-card strong {
  min-width: 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.agency-summary-card small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  line-height: 1.15;
}

.agency-jobs-list-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(216, 229, 244, 0.78);
  border-radius: 22px;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.07), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,251,255,0.90));
  box-shadow: 0 12px 26px rgba(16, 30, 52, 0.055);
}

.agency-jobs-list-header h2 {
  margin: 0;
  color: #07182f;
  font-size: 19px;
  line-height: 1.05;
  font-weight: 900;
}

.agency-jobs-list-header p {
  max-width: none;
  margin: 5px 0 0;
  color: #64748b;
  font-size: 11.2px;
  line-height: 1.25;
  font-weight: 760;
}

.agency-jobs-list-header .text-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 98px;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 16px;
  color: #176bce;
  background: linear-gradient(145deg, #eef6ff, #ffffff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 8px 18px rgba(31,132,229,0.08);
  font-size: 13px;
  font-weight: 900;
}

.agency-jobs-list-header svg {
  width: 15px;
  height: 15px;
}

.agency-job-card-list {
  display: grid;
  gap: 8px;
}

.agency-job-hub-card {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.10), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(109, 93, 252, 0.08), transparent 32%),
    #fff;
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
  padding: 14px;
  display: grid;
  gap: 12px;
  overflow: hidden;
}

.agency-job-card-top {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.job-sector-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #eaf4ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.job-sector-icon.green {
  background: #e6f7ef;
  color: var(--green);
}

.job-sector-icon.purple {
  background: #efe7ff;
  color: #7b4ad6;
}

.job-sector-icon.gold {
  background: #fff4df;
  color: #d68a00;
}

.job-sector-icon svg {
  width: 18px;
  height: 18px;
}

.agency-job-card-top h3 {
  margin: 0 0 3px;
  font-size: 16px;
  line-height: 1.18;
}

.agency-job-card-top p {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  display: flex;
  align-items: center;
  gap: 6px;
}

.agency-job-card-top p svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

.agency-job-rate {
  color: var(--brand);
  font-size: 16px;
  font-weight: 950;
}

.agency-job-fill-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: end;
}

.agency-job-fill-row strong,
.agency-job-fill-row small {
  display: block;
}

.agency-job-fill-row strong {
  color: #081a35;
  font-size: 13px;
  line-height: 1.2;
}

.agency-job-fill-row small {
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
}

.agency-job-fill-row > span {
  flex: 0 0 auto;
  min-width: 42px;
  min-height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 950;
}

.agency-job-progress {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: #e8eef7;
}

.agency-job-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc);
  transition: width 220ms ease;
}

.agency-job-rate span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.agency-job-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 7px 0;
}

.agency-job-stats.premium {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 0;
  padding: 0;
}

.agency-job-stats.premium span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 9px;
  border-radius: 14px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.agency-job-stats span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.agency-job-stats strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.agency-job-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.agency-job-actions.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agency-job-actions .button,
.agency-job-actions .ghost-button {
  min-height: 42px;
  border-radius: 999px;
  font-size: 12px;
  padding: 0 10px;
}

.agency-job-more-actions {
  grid-column: 1 / -1;
  position: relative;
  border: 1px solid rgba(31, 132, 229, 0.11);
  border-radius: 18px;
  background: rgba(248, 251, 255, 0.86);
  overflow: hidden;
}

.agency-job-more-actions summary {
  min-height: 40px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #3158d4;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.agency-job-more-actions summary::-webkit-details-marker {
  display: none;
}

.agency-job-more-actions summary span {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  transform: rotate(-90deg);
  transition: transform 180ms ease;
}

.agency-job-more-actions[open] summary span {
  transform: rotate(90deg);
}

.agency-job-more-actions summary svg {
  width: 13px;
  height: 13px;
}

.agency-job-more-actions > div {
  display: grid;
  gap: 7px;
  padding: 9px;
  border-top: 1px solid rgba(31, 132, 229, 0.08);
  background: rgba(255, 255, 255, 0.92);
}

.agency-job-more-actions button {
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 14px;
  background: #fff;
  color: #0f1f38;
  text-align: left;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
}

.agency-job-actions .button.secondary {
  color: #1238b6;
  background: #eef6ff;
  box-shadow: none;
}

@media (max-width: 380px) {
  .agency-jobs-command-bar {
    gap: 6px;
    padding: 8px;
  }

  .agency-jobs-action-row {
    gap: 6px;
  }

  .agency-jobs-action-row > button {
    min-height: 42px;
    gap: 5px;
    font-size: 11px;
    padding: 0 8px;
  }

  .agency-job-status-tabs {
    gap: 3px;
    padding: 4px;
  }

  .agency-job-status-tabs button {
    min-height: 36px;
    gap: 3px;
    font-size: 10px;
  }

  .agency-job-status-tabs span {
    min-width: 18px;
    height: 18px;
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .dispatch-workflow-backdrop {
    align-items: stretch;
    justify-content: stretch;
  }

  .dispatch-workflow-sheet {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 0;
  }

  .dispatch-workflow-hero {
    gap: 10px;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 16px 14px;
  }

  .dispatch-workflow-hero h2 {
    font-size: 26px;
    line-height: 1.06;
  }

  .dispatch-workflow-hero p {
    max-width: 100%;
    font-size: 12px;
    line-height: 1.45;
  }

  .dispatch-step-nav {
    margin-inline: -2px;
    padding: 2px 2px 8px;
  }

  .dispatch-step-nav button {
    flex-basis: 104px;
    min-width: 104px;
    min-height: 56px;
    border-radius: 18px;
    padding: 7px 8px;
  }

  .dispatch-step-nav strong {
    font-size: 10px;
  }

  .dispatch-workflow-body {
    padding: 16px 16px 128px;
  }

  .dispatch-step-card {
    width: 100%;
    max-width: 100%;
    gap: 16px;
    padding: 16px;
    border-radius: 24px;
  }

  .dispatch-step-heading {
    gap: 6px;
  }

  .dispatch-step-heading h3 {
    font-size: 20px;
    line-height: 1.12;
  }

  .dispatch-step-heading p {
    font-size: 12px;
    line-height: 1.5;
  }

  .dispatch-shift-grid,
  .dispatch-funding-preview,
  .dispatch-queue-controls,
  .dispatch-pipeline-visual,
  .candidate-offer-time {
    grid-template-columns: 1fr;
  }

  .dispatch-shift-grid span,
  .dispatch-funding-preview span,
  .dispatch-queue-controls span,
  .candidate-offer-time span {
    min-height: 58px;
    padding: 13px;
    border-radius: 18px;
  }

  .dispatch-shift-grid small,
  .dispatch-funding-preview small,
  .dispatch-queue-controls small,
  .dispatch-queue-controls em,
  .candidate-offer-time small {
    font-size: 10px;
    line-height: 1.25;
  }

  .dispatch-shift-grid strong,
  .dispatch-funding-preview strong,
  .dispatch-queue-controls strong,
  .candidate-offer-time strong {
    font-size: 15px;
    line-height: 1.25;
  }

  .dispatch-strategy-grid,
  .dispatch-urgency-grid,
  .dispatch-wave-stack,
  .dispatch-live-feed,
  .funding-timeline-live {
    gap: 10px;
  }

  .dispatch-strategy-grid button,
  .dispatch-urgency-grid button {
    gap: 7px;
    padding: 15px;
    border-radius: 20px;
  }

  .dispatch-strategy-grid strong,
  .dispatch-urgency-grid strong {
    font-size: 15px;
  }

  .dispatch-strategy-grid small,
  .dispatch-urgency-grid small,
  .dispatch-urgency-grid em {
    font-size: 12px;
    line-height: 1.45;
  }

  .dispatch-wave {
    padding: 12px;
    border-radius: 22px;
  }

  .dispatch-wave-heading {
    grid-template-columns: 1fr;
  }

  .dispatch-wave-heading span {
    justify-self: start;
  }

  .dispatch-wave-row {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .dispatch-wave-row .lightning-status {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .dispatch-wave-row i {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .dispatch-pipeline-visual article,
  .dispatch-live-feed article,
  .funding-timeline-live article {
    border-radius: 18px;
    padding: 12px;
  }

  .dispatch-live-feed article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .dispatch-live-feed article small {
    grid-column: 2;
  }

  .candidate-offer-real-card {
    padding: 16px;
    border-radius: 26px;
    overflow: hidden;
  }

  .candidate-offer-topline {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .candidate-offer-hero h3 {
    font-size: 21px;
  }

  .candidate-offer-countdown {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .dispatch-module-actions,
  .dispatch-response-actions,
  .dispatch-wave-actions {
    grid-template-columns: 1fr;
  }

  .dispatch-module-actions .button,
  .dispatch-module-actions .ghost-button,
  .dispatch-response-actions .button,
  .dispatch-response-actions .ghost-button {
    min-height: 46px;
    font-size: 12px;
  }

  .dispatch-sticky-actions {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .dispatch-sticky-actions .button,
  .dispatch-sticky-actions .ghost-button {
    min-height: 50px;
    border-radius: 999px;
    font-size: 13px;
  }
}

.agency-training-page .training-engine-actions {
  grid-template-columns: 0.72fr 0.98fr 1fr !important;
}

.agency-training-page .training-engine-actions button:first-child {
  display: flex !important;
}

/* Final cascade lock for the Training Operations Command Header. */
.agency-training-page .training-command-header {
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 24px !important;
}

.agency-training-page .training-command-sheen {
  inset: 0 !important;
  width: 100% !important;
  height: 88px !important;
  transform: none !important;
}

.agency-training-page .training-command-identity h2 {
  font-size: 18px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.agency-training-page .training-command-identity p {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

.agency-training-page .training-command-identity small,
.agency-training-page .training-command-progress-copy small {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.agency-training-page .training-command-progress-copy strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.agency-training-page .training-command-summary:not([open]) > div,
.agency-training-page .training-command-checklist:not([open]) > div {
  display: none !important;
}

.agency-training-page .training-engine-actions button:first-child {
  display: flex !important;
}

/* Final enterprise training overrides must win over legacy mobile rules. */
.agency-training-page {
  padding-bottom: calc(190px + env(safe-area-inset-bottom, 0px));
}

.agency-training-page .training-engine-actions {
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 80;
  display: grid;
  grid-template-columns: 0.78fr 1fr 1.08fr;
  gap: 8px;
  width: min(398px, calc(100vw - 32px));
  transform: translateX(-50%);
  padding: 10px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 44px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.agency-training-page .training-engine-actions button:first-child {
  display: block;
}

.agency-training-page .training-engine-actions button {
  min-width: 0;
  min-height: 48px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.1;
}

.agency-training-page .training-engine-actions .button {
  background: linear-gradient(135deg, #071f5f, #1238b6 54%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

/* Final Training mobile-shell overrides: keep this after legacy training styles. */
.agency-training-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
}

.agency-training-page .training-stepper {
  display: none;
}

.agency-training-page .training-engine-layout {
  grid-template-columns: 1fr;
  gap: 14px;
}

.agency-training-page .training-engine-shell {
  gap: 14px;
}

.agency-training-page .training-ops-summary {
  position: static;
  order: -1;
}

.agency-training-page .training-control-grid,
.agency-training-page .training-eligibility-grid,
.agency-training-page .training-unlock-grid,
.agency-training-page .training-preview-meta,
.agency-training-page .training-template-grid,
.agency-training-page .training-candidate-pipeline,
.agency-training-page .training-job-unlocks,
.agency-training-page .training-telemetry-grid,
.agency-training-page .training-capacity-modes {
  grid-template-columns: 1fr;
}

.agency-training-page .training-engine-card {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 24px 20px;
}

.agency-training-page .training-management-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(96px, max-content);
  grid-template-columns: none;
  overflow-x: auto;
  gap: 8px;
  padding-bottom: 4px;
}

.agency-training-page .training-management-tabs button {
  min-width: 96px;
  padding: 0 12px;
  font-size: 11px;
}

.training-step-back-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  color: #1238b6;
  background: #fff;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
}

.training-step-back-icon svg {
  width: 18px;
  height: 18px;
}

.training-premium-step-header {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 9px;
  border-radius: 22px;
  padding: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
    linear-gradient(135deg, rgba(31, 132, 229, 0.06), rgba(109, 93, 252, 0.04));
  border: 1px solid rgba(216, 229, 244, 0.92);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.065);
  box-sizing: border-box;
}

.training-step-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.training-premium-step-header .training-step-back-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}

.training-step-count-pill {
  margin-left: auto;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  color: #1238b6;
  background: #eef6ff;
  border: 1px solid rgba(31, 132, 229, 0.12);
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-step-title-block {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.training-step-title-block h2,
.training-step-title-block p {
  margin: 0;
}

.training-step-title-block h2 {
  color: #07182f;
  font-size: 21px;
  line-height: 1.08;
  letter-spacing: 0;
}

.training-step-title-block p {
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 760;
}

.training-premium-progress {
  display: grid;
  gap: 4px;
}

.training-premium-progress div {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.11);
}

.training-premium-progress div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #34d399);
}

.training-premium-progress small {
  color: #1238b6;
  font-size: 11px;
  font-weight: 900;
}

.training-step-checklist {
  border-radius: 16px;
  background: rgba(238, 246, 255, 0.58);
  border: 1px solid rgba(31, 132, 229, 0.1);
}

.training-step-checklist summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  cursor: pointer;
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
  list-style: none;
}

.training-step-checklist summary::-webkit-details-marker {
  display: none;
}

.training-step-checklist > div {
  display: grid;
  gap: 7px;
  padding: 0 9px 9px;
}

.training-step-checklist button {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  text-align: left;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 16px;
  padding: 9px;
  color: #07182f;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.035);
}

.training-step-checklist button span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.training-step-checklist button.complete span {
  color: #065f46;
  background: #bbf7d0;
}

.training-step-checklist button.active {
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.08);
}

.training-step-checklist strong {
  min-width: 0;
  color: #07182f;
  font-size: 12px;
  line-height: 1.2;
}

.training-step-checklist small {
  justify-self: end;
  border-radius: 999px;
  padding: 5px 8px;
  color: #64748b;
  background: #f8fbff;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.training-ops-header-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.training-ops-header-meta span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 14px;
  padding: 8px 9px;
  background: #fff;
  border: 1px solid rgba(216, 229, 244, 0.9);
}

.training-ops-header-meta small {
  color: #64748b;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.training-ops-header-meta strong {
  min-width: 0;
  color: #07182f;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 900;
  white-space: normal;
  overflow-wrap: anywhere;
}

.training-cert-vault-card {
  display: grid;
  gap: 12px;
  border-radius: 22px;
  padding: 14px;
  background:
    radial-gradient(circle at 94% 0%, rgba(31, 132, 229, 0.12), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid rgba(31, 132, 229, 0.12);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.06);
}

.training-cert-vault-list {
  display: grid;
  gap: 9px;
}

.training-cert-vault-list article {
  display: grid;
  gap: 9px;
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  border: 1px solid rgba(216, 229, 244, 0.9);
}

.training-cert-vault-list strong {
  display: block;
  color: #07182f;
  font-size: 13px;
  line-height: 1.25;
}

.training-cert-vault-list small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 780;
}

.training-cert-vault-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.training-cert-vault-meta span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 14px;
  padding: 8px;
  background: #eef6ff;
}

.training-cert-vault-meta small {
  margin: 0;
  font-size: 9px;
  text-transform: uppercase;
}

.training-cert-vault-meta b {
  color: #1238b6;
  font-size: 10px;
  line-height: 1.2;
}

/* Enterprise training typography and layout scale */
.training-page,
.training-detail-page,
.agency-training-page {
  --training-title: 28px;
  --training-section: 18px;
  --training-body: 14px;
  --training-meta: 12px;
}

.training-page h2,
.training-detail-page h2,
.agency-training-page h2 {
  font-size: var(--training-title);
  line-height: 1.08;
}

.training-page h3,
.training-detail-page h3,
.agency-training-page h3,
.agency-training-page .panel-title {
  font-size: var(--training-section);
  line-height: 1.16;
}

.training-page p,
.training-detail-page p,
.agency-training-page p,
.training-page li,
.training-detail-page li,
.agency-training-page li {
  font-size: var(--training-body);
  line-height: 1.45;
}

.training-page small,
.training-detail-page small,
.agency-training-page small,
.training-page .panel-subtitle,
.training-detail-page .panel-subtitle,
.agency-training-page .panel-subtitle {
  font-size: var(--training-meta);
  line-height: 1.35;
}

.agency-training-page .training-engine-heading h3,
.agency-training-page .training-funding-title h3,
.agency-training-page .training-section-heading h3 {
  font-size: 18px;
}

.agency-training-page .training-engine-heading p,
.agency-training-page .training-live-note,
.agency-training-page .training-field input,
.agency-training-page .training-field select {
  font-size: 14px;
}

.agency-training-page .training-dashboard-metrics strong,
.agency-training-page .training-admin-grid strong,
.agency-training-page .training-ops-metric strong,
.agency-training-page .training-risk-kpi-grid strong,
.agency-training-page .training-funding-kpi-row strong {
  font-size: clamp(22px, 6vw, 30px);
}

.agency-training-page .training-engine-actions {
  grid-template-columns: 0.78fr 1fr 1.08fr;
}

.agency-training-page .training-engine-actions button:first-child {
  display: block;
}

.agency-training-page .training-engine-actions button {
  min-width: 0;
  min-height: 50px;
  font-size: 13px;
}

.training-funding-redesign {
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.training-funding-summary-card,
.training-fintech-card {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
    linear-gradient(135deg, rgba(31, 132, 229, 0.08), rgba(109, 93, 252, 0.05));
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.075);
}

.training-funding-summary-card {
  display: grid;
  gap: 14px;
  overflow: hidden;
}

.training-funding-title {
  display: grid;
  gap: 5px;
}

.training-funding-title span,
.training-fintech-card > div > span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-funding-title h3,
.training-fintech-card h3 {
  margin: 0;
  color: #07182f;
  font-size: 18px;
  line-height: 1.1;
}

.training-funding-kpi-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-funding-kpi-row article,
.training-risk-kpi-grid article {
  min-width: 0;
  display: grid;
  gap: 3px;
  min-height: 78px;
  border-radius: 18px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid rgba(216, 229, 244, 0.92);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
  overflow-wrap: anywhere;
}

.training-funding-kpi-row small,
.training-funding-money-row small,
.training-financial-breakdown-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
}

.training-funding-kpi-row strong {
  color: #07182f;
  font-size: 23px;
  line-height: 1.08;
  font-weight: 950;
}

.training-funding-kpi-row span {
  color: #1238b6;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 900;
}

.training-fintech-card {
  display: grid;
  gap: 16px;
}

.training-funding-progress-card {
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(52, 211, 153, 0.26), transparent 34%),
    linear-gradient(145deg, #04112f, #08256a 56%, #1238b6);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 54px rgba(6, 25, 54, 0.22);
}

.training-funding-progress-card > div > span,
.training-funding-progress-card small {
  color: rgba(255, 255, 255, 0.68);
}

.training-funding-progress-card strong {
  color: #fff;
}

.training-funding-progress-card > div > strong {
  display: block;
  margin-top: 5px;
  font-size: 28px;
  line-height: 1;
}

.training-fintech-progress {
  height: 13px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}

.training-fintech-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #34d399, #9ff8d0);
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.32);
}

.training-funding-money-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-funding-money-row span {
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.training-funding-money-row strong {
  font-size: 18px;
  line-height: 1;
}

.training-funding-progress-note {
  color: rgba(255, 255, 255, 0.74);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 850;
}

.training-escrow-secured-pill {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 12px;
  color: #052e1f;
  background: linear-gradient(135deg, #bbf7d0, #ecfeff);
  border: 1px solid rgba(187, 247, 208, 0.8);
  font-size: 12px;
  font-weight: 950;
}

.training-escrow-timeline {
  display: grid;
  gap: 10px;
}

.training-escrow-timeline article {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  border: 1px solid rgba(216, 229, 244, 0.92);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.04);
}

.training-escrow-timeline i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #64748b;
  background: #edf2f7;
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.training-escrow-timeline article.done i,
.training-escrow-timeline article.active i {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.training-escrow-timeline strong,
.training-escrow-timeline small {
  display: block;
}

.training-escrow-timeline strong {
  color: #07182f;
  font-size: 13px;
}

.training-escrow-timeline small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.training-escrow-timeline article > span {
  grid-column: 2;
  justify-self: start;
  border-radius: 999px;
  padding: 6px 9px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.training-financial-breakdown-grid,
.training-risk-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-financial-breakdown-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 13px;
  background: #fff;
  border: 1px solid rgba(216, 229, 244, 0.92);
}

.training-financial-breakdown-grid strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.2;
}

.training-risk-kpi-grid article {
  min-height: 78px;
}

.training-risk-kpi-grid strong {
  color: #07182f;
  font-size: 24px;
  line-height: 1;
}

.training-risk-kpi-grid span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 850;
}

.agency-training-page .training-engine-actions {
  grid-template-columns: 1fr 1.1fr;
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 70;
  width: min(398px, calc(100vw - 32px));
  transform: translateX(-50%);
  padding: 12px;
  margin-top: 8px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 44px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.agency-training-page .training-engine-actions button:first-child {
  display: none;
}

.agency-training-page .training-engine-actions .ghost-button {
  color: #475569;
  background: #fff;
  border-color: rgba(148, 163, 184, 0.38);
}

.agency-training-page .training-engine-actions .button {
  background: linear-gradient(135deg, #071f5f, #1238b6 54%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

@media (max-width: 520px) {
  .training-funding-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .training-risk-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .training-financial-breakdown-grid {
    grid-template-columns: 1fr;
  }
}

/* FINAL OVERRIDE: platform=android must stay inside a mobile app canvas even
   when the preview browser itself is desktop-width. */
html.native-android body {
  display: grid !important;
  justify-items: center !important;
}

html.native-android #app,
html.native-android .app-shell {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  justify-self: center !important;
  overflow-x: hidden !important;
}

html.native-android .modal-backdrop,
html.native-android .dispatch-workflow-backdrop {
  inset: 0 auto 0 50% !important;
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  height: 100dvh !important;
  transform: translateX(-50%) !important;
  overflow-x: hidden !important;
  justify-items: stretch !important;
}

html.native-android .dispatch-workflow-sheet {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

html.native-android .dispatch-workflow-sheet *,
html.native-android .dispatch-step-card,
html.native-android .candidate-offer-real-card,
html.native-android .dispatch-wave,
html.native-android .funding-timeline-live article {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html.native-android .dispatch-step-nav {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  padding: 2px 2px 8px !important;
}

html.native-android .dispatch-step-nav button {
  flex: 0 0 104px !important;
  min-width: 104px !important;
  min-height: 56px !important;
  scroll-snap-align: start !important;
}

html.native-android .dispatch-workflow-body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  padding: 16px 16px 128px !important;
}

html.native-android .dispatch-step-card {
  width: 100% !important;
  max-width: 100% !important;
  gap: 16px !important;
  padding: 16px !important;
}

html.native-android .dispatch-shift-grid,
html.native-android .dispatch-funding-preview,
html.native-android .dispatch-queue-controls,
html.native-android .dispatch-pipeline-visual,
html.native-android .candidate-offer-time,
html.native-android .dispatch-module-actions,
html.native-android .dispatch-response-actions,
html.native-android .dispatch-wave-actions {
  grid-template-columns: 1fr !important;
}

html.native-android .dispatch-sticky-actions {
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  max-width: 430px !important;
  padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Native Android preview canvas lock.
   The browser can be wide, but platform=android must behave like a real
   390-430px app canvas, including fixed overlays and dispatch workflows. */
html.native-android body {
  display: grid;
  justify-items: center;
}

html.native-android #app,
html.native-android .app-shell {
  width: min(100vw, 430px);
  max-width: 430px;
  justify-self: center;
}

html.native-android .modal-backdrop,
html.native-android .dispatch-workflow-backdrop {
  inset: 0 auto 0 50%;
  width: min(100vw, 430px);
  max-width: 430px;
  min-width: 0;
  height: 100dvh;
  transform: translateX(-50%);
  overflow-x: hidden;
  justify-items: stretch;
}

html.native-android .dispatch-workflow-sheet {
  width: 100%;
  max-width: 430px;
  min-width: 0;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
}

html.native-android .dispatch-workflow-sheet *,
html.native-android .dispatch-step-card,
html.native-android .candidate-offer-real-card,
html.native-android .dispatch-wave,
html.native-android .funding-timeline-live article {
  max-width: 100%;
  box-sizing: border-box;
}

html.native-android .dispatch-step-nav {
  display: flex;
  grid-template-columns: none;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  padding: 2px 2px 8px;
}

html.native-android .dispatch-step-nav button {
  flex: 0 0 104px;
  min-width: 104px;
  min-height: 56px;
  scroll-snap-align: start;
}

html.native-android .dispatch-workflow-body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 16px 16px 128px;
}

html.native-android .dispatch-step-card {
  width: 100%;
  max-width: 100%;
  gap: 16px;
  padding: 16px;
}

html.native-android .dispatch-shift-grid,
html.native-android .dispatch-funding-preview,
html.native-android .dispatch-queue-controls,
html.native-android .dispatch-pipeline-visual,
html.native-android .candidate-offer-time,
html.native-android .dispatch-module-actions,
html.native-android .dispatch-response-actions,
html.native-android .dispatch-wave-actions {
  grid-template-columns: 1fr;
}

html.native-android .dispatch-sticky-actions {
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 430px;
  padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
}

.job-applicants-page {
  gap: 10px;
}

.job-applicant-header-card {
  margin: 2px 2px 6px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 252, 255, 0.98)),
    #fff;
  box-shadow: 0 16px 38px rgba(6, 25, 54, 0.09);
  padding: 20px;
  display: grid;
  gap: 0;
}

.applicant-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.applicant-back-button {
  border: 0;
  background: transparent;
  color: var(--brand-dark);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 900;
}

.applicant-back-button svg {
  width: 15px;
  height: 15px;
}

.status-pill {
  min-height: 24px;
  border-radius: 999px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.status-pill.open {
  background: #e7f8ef;
  color: var(--green);
}

.applicant-job-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.applicant-kicker {
  display: block;
  margin-bottom: 5px;
  color: var(--brand);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.applicant-job-row h2 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 950;
  text-transform: capitalize;
}

.applicant-job-row p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.applicant-count-pill {
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 999px;
  background: #eef4ff;
  color: var(--brand-dark);
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.back-inline {
  justify-content: flex-start;
  width: fit-content;
  margin-bottom: 6px;
}

.job-applicant-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  margin-bottom: 0;
}

.job-applicant-summary span {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fbff, #fff);
  padding: 14px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.job-applicant-summary strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.1;
  margin-bottom: 4px;
  white-space: nowrap;
}

.applicant-controls {
  margin: 0 2px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 20px rgba(6, 25, 54, 0.06);
  padding: 8px;
  display: grid;
  gap: 8px;
}

.applicant-tabs {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}

.applicant-tabs::-webkit-scrollbar {
  display: none;
}

.applicant-tabs button {
  flex: 0 0 92px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  padding: 8px 6px;
  display: grid;
  place-items: center;
  gap: 2px;
}

.applicant-tabs button.active {
  color: var(--brand-dark);
  background: #eaf4ff;
}

.applicant-tabs strong {
  font-size: 10px;
  white-space: nowrap;
}

.applicant-tabs span {
  font-size: 10px;
  font-weight: 900;
}

.applicant-sort {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 0 4px 2px;
}

.applicant-sort span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.applicant-sort select {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  padding: 0 9px;
  font-size: 12px;
  font-weight: 850;
}

.applicant-list {
  display: grid;
  gap: 8px;
}

@media (min-width: 900px) {
  .job-applicant-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .job-applicant-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .job-applicant-summary span {
    padding: 12px 10px;
  }

  .job-applicant-summary strong {
    font-size: 14px;
  }
}

.applicant-card {
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(6, 25, 54, 0.075);
  padding: 12px;
  display: grid;
  gap: 9px;
}

.applicant-meta-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.applicant-meta-row span {
  border-radius: 12px;
  background: var(--soft);
  padding: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.applicant-meta-row strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
}

.applicant-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
}

.applicant-actions .button,
.applicant-actions .ghost-button {
  min-height: 34px;
  border-radius: 999px;
  font-size: 11px;
  padding: 0 8px;
}

.applicant-actions .saved {
  color: var(--brand);
  border-color: rgba(31, 132, 229, 0.3);
  background: #eaf4ff;
}

.job-applicants-page {
  gap: 14px;
}

.job-applicant-header-card {
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0%, rgba(109, 93, 252, 0.22), transparent 36%),
    linear-gradient(145deg, #071a35 0%, #1238b6 62%, #6d5dfc 100%);
  color: #fff;
  box-shadow: 0 24px 54px rgba(37, 99, 235, 0.24);
  gap: 14px;
}

.job-applicant-header-card .applicant-back-button,
.job-applicant-header-card .applicant-kicker,
.job-applicant-header-card .applicant-job-row h2,
.job-applicant-header-card .applicant-job-row p {
  color: #fff;
}

.job-applicant-header-card .applicant-job-row p,
.job-applicant-header-card .applicant-kicker {
  opacity: 0.78;
}

.status-pill.blue,
.status-pill.green,
.status-pill.yellow,
.status-pill.red {
  border: 1px solid rgba(255, 255, 255, 0.20);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}

.status-pill.blue { background: rgba(191, 219, 254, 0.22); color: #dbeafe; }
.status-pill.green { background: rgba(187, 247, 208, 0.20); color: #dcfce7; }
.status-pill.yellow { background: rgba(254, 240, 138, 0.22); color: #fef9c3; }
.status-pill.red { background: rgba(254, 202, 202, 0.22); color: #fee2e2; }

.applicant-count-pill {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
}

.applicant-fill-panel {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.11);
  padding: 13px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  backdrop-filter: blur(12px);
}

.applicant-fill-panel strong,
.applicant-fill-panel small {
  display: block;
}

.applicant-fill-panel strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 950;
}

.applicant-fill-panel small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 850;
}

.applicant-fill-panel > span {
  flex: 0 0 auto;
  min-height: 34px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 950;
}

.applicant-fill-panel svg {
  width: 14px;
  height: 14px;
}

.premium-applicant-progress {
  height: 9px;
  background: rgba(255, 255, 255, 0.18);
}

.premium-applicant-progress span {
  background: linear-gradient(90deg, #34d399, #dbeafe);
}

.job-applicant-summary {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.job-applicant-summary::-webkit-scrollbar {
  display: none;
}

.job-applicant-summary span {
  flex: 0 0 104px;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.72);
  text-align: center;
  box-shadow: none;
}

.job-applicant-summary strong {
  color: #fff;
  font-size: 17px;
}

.job-applicant-summary small {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 850;
}

.applicant-insight-grid {
  display: grid;
  gap: 8px;
}

.applicant-insight-grid span {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.10);
  padding: 10px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.applicant-insight-grid svg {
  width: 17px;
  height: 17px;
  color: #bfdbfe;
}

.applicant-insight-grid strong {
  color: rgba(255, 255, 255, 0.84);
  font-size: 12px;
  line-height: 1.35;
}

.applicant-detail-tabs,
.applicant-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.applicant-detail-tabs {
  position: sticky;
  top: 0;
  z-index: 8;
  margin: 0 2px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.94);
  padding: 7px;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.07);
  backdrop-filter: blur(16px);
}

.applicant-detail-tabs::-webkit-scrollbar,
.applicant-tabs::-webkit-scrollbar {
  display: none;
}

.applicant-detail-tabs button,
.applicant-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  min-width: max-content;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  color: #64748b;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 950;
  scroll-snap-align: start;
}

.applicant-detail-tabs button.active,
.applicant-tabs button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.applicant-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.applicant-tabs span {
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(6, 25, 54, 0.08);
}

.applicant-tabs button.active span {
  background: rgba(255, 255, 255, 0.20);
}

.applicant-controls,
.applicant-detail-panel {
  border-radius: 24px;
  padding: 12px;
  display: grid;
  gap: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.applicant-sort {
  grid-template-columns: 1fr;
  padding: 0;
  gap: 7px;
}

.applicant-sort select {
  min-height: 44px;
  border-radius: 16px;
  border-color: rgba(31, 132, 229, 0.12);
  background: #f8fbff;
}

.applicant-bulk-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.88)),
    #fff;
  padding: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.applicant-bulk-actions::-webkit-scrollbar {
  display: none;
}

.applicant-bulk-actions div {
  display: grid;
  gap: 2px;
}

.applicant-bulk-actions strong {
  color: #081a35;
  font-size: 13px;
  font-weight: 950;
}

.applicant-bulk-actions span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.applicant-bulk-actions button {
  min-height: 36px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: #eef6ff;
  color: #3158d4;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 950;
}

.applicant-bulk-actions button.primary {
  border-color: rgba(8, 26, 53, 0.16);
  background: linear-gradient(135deg, #081a35, #1546b8);
  color: #fff;
  box-shadow: 0 12px 22px rgba(8, 26, 53, 0.16);
}

.applicant-bulk-actions button:disabled {
  opacity: 0.48;
  box-shadow: none;
}

@media (min-width: 430px) {
  .applicant-bulk-actions {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
  }
}

.applicant-detail-rows {
  display: grid;
  gap: 9px;
}

.applicant-detail-rows span {
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  background: #f8fbff;
  padding: 13px;
  display: grid;
  gap: 4px;
}

.applicant-detail-rows small {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.applicant-detail-rows strong {
  color: #081a35;
  font-size: 14px;
  line-height: 1.3;
}

.premium-applicant-card {
  border-radius: 24px;
  border-color: rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 100% 0%, rgba(15, 118, 110, 0.08), transparent 34%),
    #fff;
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.085);
  padding: 14px;
  gap: 12px;
}

.applicant-selection-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.applicant-select-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  background: #f8fbff;
  padding: 0 10px 0 6px;
  color: #0f3f9f;
  font-size: 10px;
  font-weight: 950;
}

.applicant-select-control input {
  width: 18px;
  height: 18px;
  accent-color: #1238b6;
}

.applicant-select-control.locked {
  background: #f8fafc;
  color: #64748b;
}

.applicant-status-chip {
  min-height: 28px;
  border-radius: 999px;
  background: #eef6ff;
  color: #1238b6;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 950;
}

.applicant-card-main {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.applicant-avatar {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 20px;
  background: linear-gradient(135deg, #eef6ff, #f0fdfa);
  color: #1238b6;
  font-size: 15px;
}

.applicant-avatar small {
  position: absolute;
  right: -5px;
  bottom: -5px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  padding: 3px 5px;
  font-size: 9px;
  font-weight: 950;
}

.applicant-primary-copy {
  min-width: 0;
}

.applicant-primary-copy h3,
.applicant-primary-copy p,
.applicant-primary-copy span {
  display: block;
  min-width: 0;
}

.applicant-primary-copy h3 {
  margin: 0;
  color: #081a35;
  font-size: 17px;
  line-height: 1.15;
}

.applicant-primary-copy p {
  margin: 4px 0 0;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

.applicant-primary-copy span {
  margin-top: 5px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 850;
}

.applicant-card-main .candidate-score {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 28px;
  border-radius: 999px;
  background: #dcfce7;
  color: #166534;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 950;
}

.premium-status-tags {
  gap: 7px;
}

.premium-status-tags span {
  border: 1px solid rgba(15, 118, 110, 0.12);
  background: #f0fdfa;
  color: #0f766e;
}

.premium-applicant-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.premium-applicant-stats span {
  border: 1px solid rgba(31, 132, 229, 0.08);
  background: #f8fbff;
  padding: 10px;
}

.why-matched-panel {
  border: 1px solid rgba(15, 118, 110, 0.12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(240, 253, 250, 0.9), rgba(238, 246, 255, 0.78));
  padding: 12px;
  display: grid;
  gap: 9px;
  animation: preferredFadeUp 180ms ease both;
}

.why-matched-panel strong {
  color: #0f1f38;
  font-size: 13px;
}

.why-matched-panel div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.why-matched-panel span {
  border-radius: 999px;
  background: #fff;
  color: #0f766e;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 950;
}

.premium-applicant-card .applicant-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.premium-applicant-card .applicant-actions .button,
.premium-applicant-card .applicant-actions .ghost-button {
  min-height: 40px;
  font-size: 11px;
}

@media (min-width: 430px) {
  .applicant-card-main {
    grid-template-columns: 52px minmax(0, 1fr) auto;
  }

  .applicant-card-main .candidate-score {
    grid-column: auto;
  }
}

.agency-offers-page {
  gap: 0;
}

.agency-offers-switcher {
  position: static;
  top: auto;
  z-index: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 10px 12px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.84)),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.1);
  backdrop-filter: blur(18px);
}

.agency-offers-switcher button {
  min-width: 0;
  min-height: 54px;
  border: 1px solid transparent;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.58);
  color: #53627b;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.agency-offers-switcher button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(6, 25, 54, 0.08);
}

.agency-offers-switcher button.active {
  background: linear-gradient(135deg, #143fda 0%, #2563eb 52%, #7857ff 100%);
  border-color: rgba(255, 255, 255, 0.48);
  color: #fff;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28), 0 0 22px rgba(120, 87, 255, 0.2);
}

.agency-offers-switcher span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-offers-switcher strong {
  min-width: 0;
  min-height: 18px;
  padding: 3px 8px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.agency-offers-switcher button.active strong {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
}

.agency-offers-page .panel-header {
  padding: 13px 13px 0;
}

.agency-offers-page .panel-title {
  font-size: 17px;
}

.agency-offers-page .panel-subtitle {
  font-size: 11px;
  line-height: 1.35;
}

.agency-offers-page .list {
  gap: 8px;
  padding: 10px 10px 12px;
}

.offer-status-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 10px 10px 0;
}

.offer-status-strip span {
  min-width: 0;
  border-radius: 12px;
  padding: 7px 4px;
  background: #f5f8fc;
  border: 1px solid rgba(6, 25, 54, 0.06);
  color: var(--muted);
  text-align: center;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.15;
}

.offer-status-strip strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 2px;
}

.offer-status-strip .blue strong {
  color: var(--brand);
}

.offer-status-strip .green strong {
  color: var(--green);
}

.offer-status-strip .yellow strong {
  color: #d68a00;
}

.offer-status-strip .purple strong {
  color: #7b4ad6;
}

.agency-offers-page .offer-row,
.agency-offers-page .invoice-row {
  border-radius: 15px;
  padding: 10px;
  gap: 8px;
  box-shadow: 0 8px 20px rgba(6, 25, 54, 0.06);
}

.agency-offers-page .offer-row h3,
.agency-offers-page .invoice-row h3 {
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.2;
}

.agency-offers-page .row-meta {
  font-size: 11px;
  gap: 6px;
}

.agency-offers-page .compact-actions {
  gap: 6px;
}

.agency-offers-page .compact-actions .ghost-button,
.agency-offers-page .compact-actions .button,
.agency-offers-page .wallet-action-row .button,
.agency-offers-page .wallet-action-row .ghost-button {
  min-height: 34px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 11px;
}

.agency-offers-page .badge {
  font-size: 10px;
  padding: 5px 8px;
}

.agency-offers-page .lightning-controls {
  padding: 10px 10px 0;
}

.agency-offers-page .filter-field select {
  min-height: 38px;
  border-radius: 12px;
  font-size: 12px;
}

.lightning-ops-panel {
  display: grid;
  gap: 14px;
  padding: 0 0 12px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(109, 93, 252, 0.12), transparent 36%),
    linear-gradient(180deg, #ffffff, #f8fbff);
}

.lightning-command-hero {
  margin: 10px 10px 0;
  display: grid;
  gap: 8px;
  padding: 14px 15px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.18), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.24), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 56%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.24);
}

.agency-offers-hero {
  margin-top: 0;
}

.agency-offers-hero .ghost-button {
  justify-self: start;
  min-height: 38px;
  border-radius: 999px;
  padding: 0 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 12px 24px rgba(2, 8, 23, 0.16);
}

.lightning-command-hero span,
.lightning-campaign-card span,
.lightning-booking-summary > div:first-child > span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.lightning-command-hero h2 {
  margin: 4px 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.08;
}

.lightning-command-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  line-height: 1.42;
  font-weight: 760;
}

.lightning-summary-strip {
  position: sticky;
  top: 0;
  z-index: 8;
  margin: 0 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(238, 244, 255, 0.86)),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 32px rgba(6, 25, 54, 0.09);
  backdrop-filter: blur(18px);
}

.lightning-summary-strip::-webkit-scrollbar,
.campaign-card-rail::-webkit-scrollbar {
  display: none;
}

.lightning-summary-strip article {
  flex: 0 0 118px;
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 3px;
  scroll-snap-align: start;
  padding: 10px 11px;
  border-radius: 17px;
  background:
    radial-gradient(circle at 92% 0%, rgba(120, 87, 255, 0.12), transparent 38%),
    rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(31, 132, 229, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.lightning-summary-strip span,
.campaign-card-meta span {
  color: #64748b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.lightning-summary-strip strong {
  color: #07182f;
  font-size: 17px;
  line-height: 1;
  font-weight: 950;
}

.lightning-summary-strip small {
  color: #7b8798;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 800;
}

.live-campaign-strip {
  margin: 0 10px;
  display: grid;
  gap: 10px;
}

.live-campaign-strip .section-mini-header {
  padding: 0 2px;
}

.campaign-card-rail {
  display: flex;
  gap: 11px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 2px 2px 8px;
}

.campaign-selector-card {
  position: relative;
  flex: 0 0 236px;
  min-height: 172px;
  display: grid;
  align-content: start;
  gap: 8px;
  scroll-snap-align: start;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
  text-align: left;
  background:
    radial-gradient(circle at 94% 0%, rgba(109, 93, 252, 0.16), transparent 38%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.86));
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.09);
  color: #07182f;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.campaign-selector-card.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.42);
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.22), transparent 38%),
    linear-gradient(145deg, #071f5f, #1238b6 56%, #6d5dfc);
  box-shadow: 0 22px 44px rgba(37, 99, 235, 0.28), 0 0 24px rgba(120, 87, 255, 0.18);
}

.campaign-selector-card:active {
  transform: scale(0.985);
}

.campaign-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.13);
}

.campaign-live-dot.critical {
  background: #f97316;
  box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.14);
}

.campaign-selector-card strong {
  color: currentColor;
  font-size: 16px;
  line-height: 1.16;
  font-weight: 950;
}

.campaign-selector-card small {
  color: currentColor;
  opacity: 0.66;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 850;
}

.campaign-coverage-row,
.campaign-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.campaign-coverage-row em,
.campaign-card-meta span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  font-style: normal;
  white-space: nowrap;
}

.campaign-coverage-row em {
  background: rgba(31, 132, 229, 0.09);
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
}

.campaign-selector-card.active .campaign-coverage-row em,
.campaign-selector-card.active .campaign-card-meta span {
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
}

.campaign-card-meta span {
  background: rgba(255, 255, 255, 0.72);
  color: #64748b;
}

.campaign-card-meta span.critical {
  background: rgba(255, 237, 213, 0.92);
  color: #c2410c;
}

.campaign-selector-card.active .campaign-card-meta span.critical {
  background: rgba(249, 115, 22, 0.18);
  color: #fff7ed;
}

.campaign-mini-progress {
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(31, 132, 229, 0.11);
}

.campaign-mini-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e, #38bdf8, #7857ff);
}

.campaign-selector-card.active .campaign-mini-progress {
  background: rgba(255, 255, 255, 0.18);
}

.active-campaign-context {
  margin: 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border-radius: 22px;
  padding: 14px;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 0%, rgba(120, 87, 255, 0.13), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.82));
  box-shadow: 0 16px 32px rgba(6, 25, 54, 0.08);
}

.active-campaign-context.security,
.active-campaign-context.critical {
  background:
    radial-gradient(circle at 96% 0%, rgba(249, 115, 22, 0.16), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 237, 0.84));
}

.active-campaign-context.compliance {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.13), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 244, 0.84));
}

.active-campaign-context.logistics {
  background:
    radial-gradient(circle at 96% 0%, rgba(14, 165, 233, 0.15), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 249, 255, 0.84));
}

.active-campaign-context span {
  color: #64748b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.active-campaign-context strong {
  display: block;
  margin-top: 3px;
  color: #07182f;
  font-size: 16px;
  line-height: 1.16;
  font-weight: 950;
}

.active-campaign-context small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 820;
}

.active-campaign-context > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
}

.active-campaign-context em {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  background: rgba(31, 132, 229, 0.09);
  color: #1238b6;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.lightning-campaign-card,
.lightning-workflow-panel {
  margin: 0 10px;
  display: grid;
  gap: 11px;
  padding: 13px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.lightning-campaign-card span,
.lightning-booking-summary > div:first-child > span {
  color: #1238b6;
}

.lightning-campaign-card strong,
.lightning-booking-summary h3 {
  display: block;
  color: #081a35;
  font-size: 16px;
  line-height: 1.15;
}

.lightning-campaign-card p,
.lightning-booking-summary p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 780;
}

.urgency-chip-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.urgency-chip-grid button {
  min-height: 52px;
  display: grid;
  gap: 2px;
  align-content: center;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  background: #fff;
  color: #53627b;
  text-align: left;
  padding: 9px;
}

.urgency-chip-grid button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.urgency-chip-grid strong {
  color: currentColor;
  font-size: 11px;
}

.urgency-chip-grid small {
  color: currentColor;
  opacity: 0.76;
  font-size: 10px;
  font-weight: 850;
}

.lightning-live-counters,
.funding-grid,
.live-ops-grid {
  margin: 0 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lightning-ops-tabs {
  margin: 0 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 6px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(239, 246, 255, 0.82);
}

.lightning-ops-tabs button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  background: transparent;
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.lightning-ops-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.lightning-monitor-tabs {
  margin: 0 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding: 7px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.78)),
    rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.075);
}

.lightning-monitor-tabs::-webkit-scrollbar {
  display: none;
}

.lightning-monitor-tabs button {
  flex: 0 0 auto;
  min-width: 136px;
  min-height: 44px;
  border: 1px solid rgba(31, 132, 229, 0.08);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  scroll-snap-align: start;
  background: rgba(255, 255, 255, 0.72);
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.03);
  transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.lightning-monitor-tabs button svg {
  width: 13px;
  height: 13px;
}

.lightning-monitor-tabs button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.52);
  background: linear-gradient(135deg, #143fda 0%, #2563eb 54%, #7857ff 100%);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26), 0 0 18px rgba(120, 87, 255, 0.18);
}

.lightning-monitor-tabs button:active {
  transform: scale(0.98);
}

.lightning-booking-summary,
.funding-split-card {
  display: grid;
  gap: 10px;
  padding: 13px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.12), transparent 36%),
    #fff;
  border: 1px solid rgba(31, 132, 229, 0.1);
}

.lightning-booking-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.lightning-monitor-card {
  margin: 0 10px;
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.085);
}

.lightning-monitor-card.live-status {
  margin-top: 0;
}

.premium-overview-dashboard {
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.live-campaign-overview-hero {
  position: relative;
  min-height: 246px;
  display: grid;
  align-content: space-between;
  gap: 20px;
  overflow: hidden;
  border-radius: 28px;
  padding: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 16% 0%, rgba(96, 165, 250, 0.36), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(168, 85, 247, 0.32), transparent 34%),
    linear-gradient(145deg, #061225 0%, #082a70 52%, #3a28b8 100%);
  box-shadow: 0 28px 58px rgba(8, 42, 112, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.13);
}

.live-campaign-overview-hero::before {
  content: "";
  position: absolute;
  inset: -30% -20% auto auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 58%);
  filter: blur(6px);
}

.overview-hero-top,
.overview-hero-main,
.overview-hero-metrics,
.overview-card-heading,
.escrow-readiness,
.ai-ops-strip {
  position: relative;
  z-index: 1;
}

.overview-hero-top,
.overview-hero-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.overview-status-chip,
.overview-ai-chip,
.ai-ops-strip span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.overview-status-chip,
.overview-ai-chip {
  background: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
}

.overview-status-chip i,
.ai-ops-strip i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14);
}

.overview-status-chip.critical i,
.overview-status-chip.watch i {
  background: #f97316;
  box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.16);
}

.overview-hero-main small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  font-weight: 900;
}

.overview-hero-main h3 {
  margin: 6px 0 7px;
  color: #fff;
  font-size: 27px;
  line-height: 1.03;
  font-weight: 950;
}

.overview-hero-main p {
  margin: 0;
  max-width: 210px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.overview-coverage-orb {
  flex: 0 0 auto;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  box-shadow: 0 18px 34px rgba(2, 8, 23, 0.28);
}

.overview-coverage-orb::before,
.overview-ring::before {
  content: "";
  position: absolute;
}

.overview-coverage-orb {
  position: relative;
}

.overview-coverage-orb::before {
  inset: 9px;
  border-radius: inherit;
  background: rgba(6, 18, 37, 0.78);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.overview-coverage-orb span,
.overview-coverage-orb small {
  position: relative;
  z-index: 1;
}

.overview-coverage-orb span {
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}

.overview-coverage-orb small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
}

.overview-hero-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.overview-hero-metrics span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(14px);
}

.overview-hero-metrics strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-hero-metrics small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  font-weight: 850;
}

.overview-intelligence-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.overview-intel-card {
  min-width: 0;
  display: grid;
  gap: 14px;
  overflow: hidden;
  border-radius: 24px;
  padding: 17px;
  background:
    radial-gradient(circle at 94% 0%, rgba(31, 132, 229, 0.11), transparent 34%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 36px rgba(6, 25, 54, 0.075);
}

.overview-intel-card.coverage {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.overview-card-heading {
  display: grid;
  gap: 5px;
}

.overview-card-heading span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.overview-card-heading strong {
  color: #07182f;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 950;
}

.overview-card-heading small,
.overview-intel-card em,
.escrow-readiness small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.38;
  font-weight: 800;
}

.overview-ring {
  position: relative;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.overview-ring::before {
  inset: 9px;
  border-radius: inherit;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.07);
}

.overview-ring span {
  position: relative;
  color: #07182f;
  font-size: 15px;
  font-weight: 950;
}

.micro-sparkline {
  height: 58px;
  display: flex;
  align-items: end;
  gap: 6px;
  padding: 9px 10px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.8), rgba(255, 255, 255, 0.88));
}

.micro-sparkline i {
  flex: 1;
  min-width: 0;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, #7857ff, #38bdf8);
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.16);
}

.overview-intel-card em {
  font-style: normal;
}

.overview-intel-card.risk {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.12), transparent 36%),
    rgba(255, 255, 255, 0.92);
}

.overview-intel-card.risk.watch {
  background:
    radial-gradient(circle at 96% 0%, rgba(249, 115, 22, 0.14), transparent 36%),
    rgba(255, 255, 255, 0.92);
}

.overview-intel-card.risk.critical {
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 68, 68, 0.13), transparent 36%),
    rgba(255, 255, 255, 0.92);
}

.queue-health-bars {
  display: grid;
  gap: 10px;
}

.queue-health-bars span {
  display: grid;
  gap: 6px;
}

.queue-health-bars small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
}

.queue-health-bars span::after {
  content: "";
  height: 7px;
  border-radius: 999px;
  background: #e7eef8;
  grid-row: 2;
  grid-column: 1;
}

.queue-health-bars i {
  z-index: 1;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #38bdf8, #7857ff);
  grid-row: 2;
  grid-column: 1;
}

.escrow-readiness {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-radius: 19px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(20, 63, 218, 0.08), rgba(34, 197, 94, 0.08));
}

.escrow-readiness > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #1238b6;
  background: #fff;
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.08);
}

.escrow-readiness svg {
  width: 19px;
  height: 19px;
}

.escrow-readiness strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  font-weight: 950;
}

.ai-ops-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px 0 4px;
}

.ai-ops-strip::-webkit-scrollbar {
  display: none;
}

.ai-ops-strip span {
  flex: 0 0 auto;
  min-height: 34px;
  background: rgba(239, 246, 255, 0.86);
  color: #1238b6;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.08);
}

.lightning-section-heading {
  display: grid;
  gap: 5px;
}

.lightning-section-heading span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.lightning-section-heading h3 {
  margin: 0;
  color: #081a35;
  font-size: 17px;
  line-height: 1.18;
}

.lightning-section-heading p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.monitoring-grid {
  margin: 0;
}

.queue-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.queue-dashboard-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.09);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.queue-dashboard-grid small {
  color: #64748b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.queue-dashboard-grid strong {
  color: #081a35;
  font-size: 14px;
  line-height: 1.18;
}

.queue-dashboard-grid span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 780;
}

.monitoring-flow {
  padding: 10px;
  border-radius: 20px;
  background: rgba(239, 246, 255, 0.78);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.queue-logic-dashboard.security,
.queue-logic-dashboard.critical,
.candidate-movement-card.security,
.candidate-movement-card.critical {
  background:
    radial-gradient(circle at 96% 0%, rgba(249, 115, 22, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 237, 0.94));
}

.queue-logic-dashboard.compliance,
.candidate-movement-card.compliance {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 253, 244, 0.94));
}

.queue-logic-dashboard.logistics,
.candidate-movement-card.logistics {
  background:
    radial-gradient(circle at 96% 0%, rgba(14, 165, 233, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.94));
}

.campaign-intelligence-banner {
  display: grid;
  gap: 4px;
  border-radius: 20px;
  padding: 13px;
  background:
    linear-gradient(135deg, rgba(8, 26, 53, 0.94), rgba(18, 56, 182, 0.88));
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.12);
}

.campaign-intelligence-banner.compact {
  background:
    linear-gradient(135deg, rgba(18, 56, 182, 0.1), rgba(120, 87, 255, 0.1)),
    rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.08);
}

.campaign-intelligence-banner span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.campaign-intelligence-banner strong {
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 950;
}

.campaign-intelligence-banner small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.campaign-intelligence-banner.compact span {
  color: #1238b6;
}

.campaign-intelligence-banner.compact strong {
  color: #07182f;
}

.campaign-intelligence-banner.compact small {
  color: #64748b;
}

.queue-escalation-rules,
.movement-reactivity-feed {
  display: grid;
  gap: 8px;
}

.queue-escalation-rules article {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-radius: 17px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.07);
}

.queue-escalation-rules span {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #7857ff);
  font-size: 11px;
  font-weight: 950;
}

.queue-escalation-rules strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.32;
  font-weight: 900;
}

.queue-reactivity-strip,
.movement-reactivity-feed span {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.queue-reactivity-strip::-webkit-scrollbar {
  display: none;
}

.queue-reactivity-strip span,
.movement-reactivity-feed span {
  min-height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 11px;
  background: rgba(31, 132, 229, 0.09);
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.queue-reactivity-strip i,
.movement-reactivity-feed i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.compact-monitor-list {
  display: grid;
  gap: 8px;
}

.candidate-movement-card .dispatch-candidate-row,
.compact-monitor-list .offer-row,
.compact-monitor-list .agency-invoice-card {
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.055);
}

.compact-funding-invoice {
  grid-template-columns: minmax(0, 1fr);
}

.invoice-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 2px;
}

.invoice-card-actions button {
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(239, 246, 255, 0.84);
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(6, 25, 54, 0.045);
}

.premium-invoice-centre {
  gap: 15px;
  border: 0;
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
}

.premium-funding-centre {
  gap: 16px;
  border: 0;
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
}

.funding-command-card {
  position: relative;
  min-height: 258px;
  display: grid;
  align-content: space-between;
  gap: 20px;
  overflow: hidden;
  border-radius: 30px;
  padding: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.28), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(96, 165, 250, 0.32), transparent 34%),
    linear-gradient(145deg, #05111f 0%, #0b315f 50%, #0f766e 100%);
  box-shadow: 0 28px 58px rgba(6, 25, 54, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.13);
}

.funding-command-card::before {
  content: "";
  position: absolute;
  inset: -28% -18% auto auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 58%);
  filter: blur(7px);
}

.funding-command-top,
.funding-command-main,
.funding-command-metrics {
  position: relative;
  z-index: 1;
}

.funding-command-top,
.funding-command-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}

.funding-command-main small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  font-weight: 900;
}

.funding-command-main h3 {
  margin: 6px 0 7px;
  color: #fff;
  font-size: 34px;
  line-height: 0.98;
  font-weight: 950;
}

.funding-command-main p {
  margin: 0;
  max-width: 210px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.funding-health-meter,
.mini-finance-ring {
  position: relative;
  flex: 0 0 auto;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
}

.funding-health-meter {
  width: 92px;
  height: 92px;
  box-shadow: 0 18px 34px rgba(2, 8, 23, 0.28);
}

.funding-health-meter::before,
.mini-finance-ring::before {
  content: "";
  position: absolute;
  border-radius: inherit;
}

.funding-health-meter::before {
  inset: 9px;
  background: rgba(5, 17, 31, 0.84);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.funding-health-meter span,
.funding-health-meter small {
  position: relative;
  z-index: 1;
}

.funding-health-meter span {
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}

.funding-health-meter small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
}

.funding-command-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.funding-command-metrics span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(14px);
}

.funding-command-metrics strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.funding-command-metrics small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  font-weight: 850;
}

.funding-intelligence-cards {
  display: grid;
  gap: 12px;
}

.funding-intel-card {
  border-radius: 25px;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 36px rgba(6, 25, 54, 0.075);
}

.funding-intel-card summary {
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 17px;
  cursor: pointer;
}

.funding-intel-card summary::-webkit-details-marker {
  display: none;
}

.funding-intel-card span,
.funding-ai-summary > span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.funding-intel-card strong {
  display: block;
  margin-top: 5px;
  color: #07182f;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 950;
}

.funding-intel-card small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.38;
  font-weight: 800;
}

.mini-finance-ring {
  width: 68px;
  height: 68px;
}

.mini-finance-ring::before {
  inset: 8px;
  background: #fff;
}

.mini-finance-ring em {
  position: relative;
  z-index: 1;
  color: #07182f;
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
}

.funding-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 17px 17px;
}

.funding-detail-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 17px;
  padding: 11px;
  background: rgba(239, 246, 255, 0.78);
}

.funding-detail-grid small {
  margin: 0;
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.funding-detail-grid strong {
  margin: 0;
  font-size: 13px;
}

.funding-health-bars {
  display: grid;
  gap: 10px;
  padding: 0 17px 17px;
}

.funding-health-bars span {
  display: grid;
  gap: 6px;
}

.funding-health-bars small {
  margin: 0;
  font-size: 10px;
  font-weight: 900;
}

.funding-health-bars span::after {
  content: "";
  height: 7px;
  border-radius: 999px;
  background: #e7eef8;
  grid-row: 2;
  grid-column: 1;
}

.funding-health-bars i {
  z-index: 1;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #38bdf8, #7857ff);
  grid-row: 2;
  grid-column: 1;
}

.premium-funding-timeline {
  display: grid;
  gap: 9px;
}

.premium-funding-timeline article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-radius: 18px;
  padding: 11px;
  background: rgba(248, 251, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.06);
}

.premium-funding-timeline i {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #64748b;
  background: #e7eef8;
}

.premium-funding-timeline i svg {
  width: 16px;
  height: 16px;
}

.premium-funding-timeline article.complete i {
  color: #047857;
  background: #dcfce7;
}

.premium-funding-timeline strong {
  display: block;
  color: #07182f;
  font-size: 13px;
}

.premium-funding-timeline small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.funding-ai-summary {
  display: grid;
  gap: 9px;
  border-radius: 24px;
  padding: 16px;
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.13), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 253, 244, 0.82));
  box-shadow: 0 16px 32px rgba(6, 25, 54, 0.07);
}

.funding-ai-summary strong {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 0 11px;
  background: rgba(255, 255, 255, 0.74);
  color: #047857;
  font-size: 11px;
  font-weight: 950;
}

.funding-ai-summary i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

@media (max-width: 380px) {
  .funding-detail-grid {
    grid-template-columns: 1fr;
  }
}

.invoice-finance-hero {
  display: grid;
  gap: 10px;
}

.invoice-finance-hero > div {
  display: grid;
  gap: 5px;
  border-radius: 24px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 94% 0%, rgba(255, 255, 255, 0.2), transparent 38%),
    linear-gradient(145deg, #061225, #103680 58%, #2563eb);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.18);
}

.invoice-finance-hero > div:nth-child(2) {
  background:
    radial-gradient(circle at 94% 0%, rgba(255, 255, 255, 0.18), transparent 38%),
    linear-gradient(145deg, #081a35, #0f766e 58%, #22c55e);
}

.invoice-finance-hero span,
.transaction-top-row span,
.transaction-split-grid small,
.invoice-breakdown-grid small {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.invoice-finance-hero span {
  color: rgba(255, 255, 255, 0.66);
}

.invoice-finance-hero strong {
  color: #fff;
  font-size: 23px;
  line-height: 1;
  font-weight: 950;
}

.invoice-finance-hero small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.invoice-intelligence-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.invoice-intelligence-strip::-webkit-scrollbar {
  display: none;
}

.invoice-intelligence-strip span {
  flex: 0 0 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 11px;
  background: rgba(240, 253, 244, 0.9);
  color: #047857;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.12);
}

.invoice-intelligence-strip i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.premium-transaction-list {
  gap: 12px;
}

.premium-transaction-panel {
  display: grid;
  gap: 14px;
  border-radius: 26px;
  padding: 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
}

.transaction-top-row,
.transaction-main-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.transaction-top-row span {
  display: block;
  color: #1238b6;
}

.transaction-top-row small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.transaction-top-row > strong {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(240, 253, 244, 0.95);
  color: #047857;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.transaction-top-row > strong.warning {
  background: rgba(255, 247, 237, 0.95);
  color: #c2410c;
}

.transaction-main-row h3 {
  margin: 0;
  color: #07182f;
  font-size: 17px;
  line-height: 1.16;
}

.transaction-main-row p,
.transaction-main-row em {
  display: block;
  margin: 5px 0 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 800;
}

.transaction-amount {
  text-align: right;
}

.transaction-amount strong {
  display: block;
  color: #07182f;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.transaction-amount small {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.transaction-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.transaction-split-grid span,
.invoice-breakdown-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 11px;
  background: rgba(239, 246, 255, 0.74);
}

.transaction-split-grid small,
.invoice-breakdown-grid small {
  color: #64748b;
}

.transaction-split-grid strong,
.invoice-breakdown-grid strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 950;
}

.premium-transaction-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.premium-transaction-actions button {
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 10px 18px rgba(6, 25, 54, 0.055);
}

.premium-transaction-actions svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.premium-transaction-actions span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.invoice-breakdown-sheet {
  display: grid;
  gap: 14px;
}

.invoice-breakdown-hero {
  display: grid;
  gap: 8px;
  border-radius: 26px;
  padding: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 95% 0%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(145deg, #061225, #103680 62%, #22c55e);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.16);
}

.invoice-breakdown-hero h3 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  line-height: 1;
}

.invoice-breakdown-hero p,
.invoice-breakdown-formula small {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
}

.invoice-breakdown-formula {
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.invoice-breakdown-formula strong {
  color: #fff;
  font-size: 13px;
}

.invoice-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.invoice-breakdown-grid em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 780;
}

.invoice-funding-timeline {
  display: grid;
  gap: 9px;
}

.invoice-funding-timeline article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-radius: 18px;
  padding: 11px;
  background: rgba(248, 251, 255, 0.92);
}

.invoice-funding-timeline i {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #64748b;
  background: #e7eef8;
}

.invoice-funding-timeline i svg {
  width: 16px;
  height: 16px;
}

.invoice-funding-timeline article.complete i {
  color: #047857;
  background: #dcfce7;
}

.invoice-funding-timeline strong {
  display: block;
  color: #07182f;
  font-size: 13px;
}

.invoice-funding-timeline small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 370px) {
  .transaction-main-row,
  .transaction-top-row {
    grid-template-columns: 1fr;
  }

  .transaction-amount {
    text-align: left;
  }
}

@media (max-width: 380px) {
  .queue-dashboard-grid,
  .monitoring-grid {
    grid-template-columns: 1fr;
  }

  .lightning-monitor-tabs button {
    min-width: 124px;
  }
}

.lightning-booking-metrics span {
  border-radius: 14px;
  padding: 9px;
  background: #f8fbff;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.lightning-booking-metrics strong {
  display: block;
  color: #081a35;
  font-size: 15px;
}

.lightning-timeline,
.queue-progression-card,
.live-offer-list,
.queue-controls,
.lightning-feed {
  display: grid;
  gap: 8px;
}

.lightning-timeline article,
.queue-progression-card article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
}

.lightning-timeline strong,
.queue-progression-card strong {
  display: block;
  color: #081a35;
  font-size: 12px;
}

.lightning-timeline small,
.queue-progression-card small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.lightning-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
  background: #dbe3ff;
  color: #2c438f;
}

.lightning-status.green { background: #d8efe3; color: #17613c; }
.lightning-status.red { background: #f5d7d7; color: #8c2626; }
.lightning-status.purple { background: #ece4ff; color: #5b35b1; }
.lightning-status.amber { background: #fbebbe; color: #815713; }
.lightning-status.blue { background: #dbe3ff; color: #2c438f; }

.dispatch-overview-card {
  overflow: hidden;
}

.dispatch-mini-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.dispatch-mini-flow span {
  display: grid;
  place-items: center;
  min-height: 54px;
  border-radius: 16px;
  background: #f8fbff;
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  text-align: center;
}

.dispatch-mini-flow span.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.dispatch-mini-flow small {
  display: block;
  margin-top: 3px;
  color: currentColor;
  opacity: 0.8;
  font-size: 9px;
  line-height: 1.15;
}

.dispatch-control-centre {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 252, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff, #f7faff);
}

.dispatch-control-centre > span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(248, 251, 255, 0.94);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-control-centre small,
.dispatch-control-centre em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
  font-style: normal;
}

.dispatch-control-centre strong {
  color: #081a35;
  font-size: 17px;
  line-height: 1.1;
}

.dispatch-live-controls {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-live-controls button {
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  padding: 0 8px;
  background: #eef6ff;
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
}

.dispatch-live-map {
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 22% 28%, rgba(74, 163, 255, 0.36), transparent 24%),
    linear-gradient(145deg, #07182f, #0b4ca6 58%, #6d5dfc);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.18);
}

.map-radar {
  position: relative;
  min-height: 112px;
  border-radius: 24px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.22) 0 2px, transparent 3px),
    radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 62%);
}

.map-radar::before,
.map-radar::after {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.map-radar::after {
  inset: 36px;
}

.map-radar span {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.13);
}

.map-radar .accepted { top: 26px; right: 30px; background: #34d399; }
.map-radar .pending { left: 25px; bottom: 30px; background: #60a5fa; }
.map-radar .standby { right: 20px; bottom: 20px; background: #fbbf24; }

.map-radar strong {
  position: relative;
  z-index: 1;
  max-width: 88px;
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
}

.dispatch-live-map span,
.dispatch-ai-card strong {
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dispatch-live-map h3 {
  margin: 4px 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.15;
}

.dispatch-live-map p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  line-height: 1.42;
  font-weight: 780;
}

.dispatch-queue-timeline article.dispatch-candidate-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.dispatch-candidate-left {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
}

.candidate-avatar.small {
  width: 34px;
  height: 34px;
  font-size: 11px;
}

.dispatch-candidate-left em {
  display: block;
  margin-top: 4px;
  color: #53627b;
  font-size: 10px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 760;
}

.dispatch-candidate-state {
  display: grid;
  justify-items: end;
  gap: 5px;
}

.dispatch-candidate-state small {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
}

.dispatch-candidate-row.standby {
  background: linear-gradient(180deg, #fff, #fffbeb);
  border-color: rgba(245, 158, 11, 0.2);
}

.dispatch-ai-card {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(109, 93, 252, 0.18);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 252, 0.1), transparent 36%),
    #fff;
}

.dispatch-ai-card > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #5b35b1;
  background: #ece4ff;
}

.dispatch-ai-card svg {
  width: 17px;
  height: 17px;
}

.dispatch-ai-card p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.42;
  font-weight: 780;
}

.dispatch-ai-card button {
  min-height: 32px;
  border: 0;
  border-radius: 999px;
  padding: 0 11px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 10px;
  font-weight: 950;
}

.backup-logic-card,
.funding-flow-visual {
  display: grid;
  gap: 9px;
}

.queue-wave-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.queue-wave-grid article {
  display: grid;
  gap: 6px;
  padding: 11px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
}

.queue-wave-grid strong {
  color: #081a35;
  font-size: 13px;
}

.queue-wave-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.funding-flow-visual {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.funding-flow-visual span {
  min-height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  padding: 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 950;
  text-align: center;
}

.queue-progression-card article {
  grid-template-columns: 30px minmax(0, 1fr);
}

.queue-progression-card article > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 11px;
  font-weight: 950;
}

.queue-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.queue-controls button {
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.funding-split-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.funding-split-card h3 {
  margin: 3px 0;
  color: #081a35;
  font-size: 18px;
}

.funding-split-card p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 780;
}

.lightning-invoices {
  margin: 0;
}

.live-ops-grid {
  margin: 0;
}

.messaging-panel {
  overflow: hidden;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    radial-gradient(circle at top left, rgba(31, 132, 229, 0.1), transparent 32%),
    linear-gradient(180deg, #ffffff, #f8fbff);
}

.messaging-panel .panel-header {
  align-items: flex-start;
}

.messaging-status-card {
  margin: 10px 10px 0;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 243, 255, 0.82)),
    #fff;
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.08);
}

.messaging-status-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.messaging-status-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.messaging-status-icon svg {
  width: 18px;
  height: 18px;
}

.messaging-status-card strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.2;
}

.messaging-status-card p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.messaging-progress {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 12px;
}

.messaging-progress span {
  height: 5px;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.13);
}

.messaging-progress span.complete {
  background: linear-gradient(90deg, #2563eb, #6d5dfc);
  box-shadow: 0 0 14px rgba(37, 99, 235, 0.22);
}

.messaging-chat-list {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.messaging-chat-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  background: rgba(255, 255, 255, 0.82);
}

.messaging-chat-row h3 {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
}

.messaging-chat-row p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.messaging-compliance-guard {
  margin: 0 10px 12px;
}

.messaging-centre-panel {
  display: grid;
  gap: 12px;
  overflow: hidden;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 252, 0.12), transparent 36%),
    linear-gradient(180deg, #ffffff, #f8fbff);
}

.messaging-centre-hero {
  margin: 10px 10px 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 56%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.messaging-centre-hero > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.16);
}

.messaging-centre-hero svg {
  width: 21px;
  height: 21px;
}

.messaging-centre-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
}

.messaging-centre-hero p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 760;
}

.messaging-centre-stats {
  margin: 0 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.centre-list {
  padding-top: 0;
}

.centre-row {
  align-items: start;
}

.centre-row small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.booking-chat-shortcut {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background: linear-gradient(135deg, #ffffff, #eef6ff);
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.booking-chat-shortcut > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1238b6;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.06);
}

.booking-chat-shortcut svg {
  width: 17px;
  height: 17px;
}

.booking-chat-shortcut strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.2;
}

.booking-chat-shortcut small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.agency-bookings-workflow {
  display: grid;
  gap: 12px;
}

.agency-bookings-workflow .back-link {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  background: rgba(255, 255, 255, 0.86);
  color: #1f56d8;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.08);
  font-size: 12px;
  font-weight: 900;
}

.agency-bookings-workflow .back-link svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: 2.4;
}

.booking-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.booking-summary-card {
  min-width: 0;
  text-align: left;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  padding: 13px;
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.12), transparent 36%),
    linear-gradient(180deg, #ffffff, #f7faff);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.08);
  color: var(--ink);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.booking-summary-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 32px rgba(6, 25, 54, 0.12);
}

.booking-summary-card span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.booking-summary-card strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
}

.booking-summary-card small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.booking-search-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.09);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.07);
}

.booking-search-panel label {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 15px;
  background: #f6f9fd;
  border: 1px solid rgba(6, 25, 54, 0.06);
  color: var(--muted);
}

.booking-search-panel svg {
  width: 17px;
  height: 17px;
}

.booking-search-panel input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
}

.booking-management-tabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 1px 4px;
  scrollbar-width: none;
}

.booking-management-tabs::-webkit-scrollbar {
  display: none;
}

.booking-management-tabs button {
  flex: 0 0 auto;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 999px;
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.82);
  color: #53627b;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.booking-management-tabs button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 13px 28px rgba(37, 99, 235, 0.24);
}

.bulk-action-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.bulk-action-row::-webkit-scrollbar {
  display: none;
}

.bulk-action-row .ghost-button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 12px;
  font-size: 11px;
}

.booking-job-list,
.booking-worker-list {
  display: grid;
  gap: 10px;
}

.booking-job-card {
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.08);
}

.booking-job-main,
.booking-job-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

.booking-job-main h3,
.booking-drilldown-header h2 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.2;
}

.booking-job-main p,
.booking-drilldown-header p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.booking-mini-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.booking-mini-metrics span {
  min-width: 0;
  border-radius: 13px;
  padding: 9px;
  background: #f6f9fd;
  border: 1px solid rgba(6, 25, 54, 0.05);
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

.booking-mini-metrics strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
  line-height: 1;
  margin-bottom: 3px;
}

.booking-progress {
  height: 7px;
  margin: 12px 0;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.11);
  overflow: hidden;
}

.booking-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #5ad9a7);
}

.booking-job-actions {
  align-items: center;
}

.booking-job-actions .button {
  min-height: 34px;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 12px;
}

.booking-drilldown-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px;
}

.booking-worker-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.07);
}

.worker-row-avatar {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 12px;
  font-weight: 950;
}

.booking-worker-copy {
  min-width: 0;
}

.booking-worker-copy h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.2;
}

.booking-worker-copy p,
.booking-worker-copy small {
  display: block;
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.booking-worker-row .badge {
  justify-self: end;
}

.booking-worker-row .ghost-button {
  grid-column: 1 / -1;
  justify-self: stretch;
  min-height: 34px;
  border-radius: 999px;
}

.agency-bookings-workflow > .submission-card {
  margin: 0;
}

@media (min-width: 420px) {
  .booking-worker-row {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .booking-worker-row .ghost-button {
    grid-column: auto;
    justify-self: auto;
  }
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(6, 25, 54, 0.48);
  display: grid;
  align-items: end;
  justify-items: center;
  padding: 18px;
}

.offer-setup-modal {
  width: min(100%, 430px);
  max-height: min(88vh, 760px);
  overflow-y: auto;
  border-radius: 24px 24px 18px 18px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.48);
  box-shadow: 0 28px 72px rgba(6, 25, 54, 0.32);
  padding: 14px;
  display: grid;
  gap: 12px;
}

.modal-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 10px;
  align-items: start;
}

.modal-header h2 {
  margin: 0;
  font-size: 20px;
}

.modal-header p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.application-review-backdrop {
  z-index: 180;
  align-items: end;
  padding: max(12px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));
  background: rgba(4, 19, 40, 0.74);
  backdrop-filter: blur(5px) saturate(0.95);
  -webkit-backdrop-filter: blur(5px) saturate(0.95);
  animation: applicationBackdropIn 180ms ease-out both;
}

.application-review-sheet {
  width: min(calc(100vw - 28px), 430px);
  max-height: min(96dvh, 812px);
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  gap: 9px;
  padding: 20px 16px max(13px, env(safe-area-inset-bottom));
  border-radius: 31px 31px 24px 24px;
  border: 1px solid rgba(218, 232, 251, 0.95);
  background:
    radial-gradient(circle at 88% 12%, rgba(214, 232, 255, 0.58), transparent 22%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 55%, #ffffff 100%);
  box-shadow: 0 -24px 72px rgba(3, 16, 36, 0.42), 0 8px 28px rgba(7, 65, 132, 0.12);
  color: #071a33;
  animation: applicationSheetUp 240ms cubic-bezier(0.2, 0.9, 0.2, 1) both;
}

.application-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 12px;
  align-items: start;
}

.application-review-header h2 {
  margin: 0;
  color: #071a33;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: 0;
}

.application-review-header p {
  margin: 6px 0 0;
  max-width: 295px;
  color: #647894;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 650;
}

.application-review-close {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid #dbe9fb;
  border-radius: 15px;
  background: #eef6ff;
  color: #071a33;
  box-shadow: 0 10px 22px rgba(9, 45, 90, 0.08);
}

.application-review-close svg {
  width: 23px;
  height: 23px;
}

.application-job-card,
.application-share-card,
.application-private-card,
.application-consent-row {
  border: 1px solid #d7e7fb;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 34px rgba(10, 54, 106, 0.09);
}

.application-job-card {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px 13px 12px;
  overflow: hidden;
}

.application-job-card::after {
  content: "";
  position: absolute;
  inset: -40px -52px auto auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(14, 85, 199, 0.1), transparent 66%);
  pointer-events: none;
}

.application-job-topline {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.application-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ddf3e7;
  color: #176a42;
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
}

.application-role-emblem {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(145deg, #0e55c7, #073b7a);
  box-shadow: 0 0 0 11px #eef6ff, 0 14px 24px rgba(14, 85, 199, 0.2);
}

.application-role-emblem svg {
  width: 25px;
  height: 25px;
}

.application-job-card h3 {
  position: relative;
  z-index: 1;
  margin: -4px 62px 0 0;
  color: #071a33;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: 0;
}

.application-job-meta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: #647894;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

.application-job-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.application-job-meta svg {
  width: 15px;
  height: 15px;
  color: #335f99;
}

.application-job-meta i {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #7890ad;
}

.application-info-panels {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr) minmax(0, 1.62fr);
  gap: 8px;
}

.application-info-panels > span {
  min-height: 57px;
  display: grid;
  align-content: center;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 6px;
  padding: 8px 7px;
  border: 1px solid #dfeafa;
  border-radius: 13px;
  background: linear-gradient(180deg, #fbfdff, #f7fbff);
}

.application-info-panels > span:nth-child(3) {
  grid-column: auto;
  grid-template-columns: minmax(0, 1fr);
}

.application-info-panels i {
  grid-row: span 2;
  align-self: center;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #eaf3ff;
  color: #0e55c7;
}

.application-info-panels svg {
  width: 14px;
  height: 14px;
}

.application-info-panels small {
  color: #657895;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 850;
}

.application-info-panels strong {
  min-width: 0;
  color: #071a33;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
}

.application-info-panels strong em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 23px;
  margin: 3px 3px 0 0;
  padding: 0 7px;
  border: 1px solid #d7e7fb;
  border-radius: 999px;
  background: #f6fbff;
  color: #0b274f;
  font-style: normal;
  font-size: 11px;
  white-space: nowrap;
}

.application-job-footnote {
  display: none;
  flex-wrap: wrap;
  gap: 6px;
}

.application-job-footnote span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #f3f8ff;
  color: #335f99;
  font-size: 10px;
  font-weight: 850;
}

.application-share-card {
  padding: 12px 11px;
}

.application-share-card h3,
.application-private-card h3 {
  margin: 0 0 8px;
  color: #071a33;
  font-size: 14px;
  line-height: 1.2;
}

.application-share-grid {
  display: grid;
  gap: 7px 9px;
}

.application-share-item {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 10px;
  gap: 6px;
  align-items: center;
}

.application-share-item > i,
.application-private-card span i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eaf3ff;
  color: #0e55c7;
}

.application-share-item svg,
.application-private-card svg,
.application-security-strip svg,
.application-secure-note svg {
  width: 14px;
  height: 14px;
}

.application-share-item strong,
.application-share-item small {
  display: block;
}

.application-share-item strong {
  color: #0b274f;
  font-size: 10px;
  line-height: 1.1;
}

.application-share-item small {
  margin-top: 1px;
  color: #647894;
  font-size: 9px;
  line-height: 1.08;
  font-weight: 650;
  max-height: 20px;
  overflow: hidden;
}

.application-share-item b {
  color: #426996;
  transform: rotate(180deg);
}

.application-private-card {
  padding: 10px 11px;
}

.application-private-card h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.application-private-card h3 i {
  display: inline-flex;
  color: #0e55c7;
}

.application-private-card > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 10px;
}

.application-private-card span {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: #3e587b;
  font-size: 9px;
  line-height: 1.18;
  font-weight: 700;
}

.application-private-card span i {
  width: 22px;
  height: 22px;
  background: transparent;
  color: #456997;
}

.application-security-strip {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #c7ddfa;
  border-radius: 999px;
  background: #edf6ff;
  color: #0e459a;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 850;
}

.application-security-strip svg {
  color: #0e55c7;
}

.application-consent-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 9px 12px;
  cursor: pointer;
}

.application-consent-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.application-consent-row > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1.5px solid #93a8c3;
  border-radius: 8px;
  color: transparent;
  background: #ffffff;
}

.application-consent-row input:checked + span {
  border-color: #0e55c7;
  background: #0e55c7;
  color: #ffffff;
}

.application-consent-row svg {
  width: 18px;
  height: 18px;
}

.application-consent-row strong {
  color: #071a33;
  font-size: 12px;
  line-height: 1.3;
}

.application-review-error {
  margin: -4px 5px 0;
  color: #b42318;
  font-size: 12px;
  font-weight: 800;
}

.application-review-actions {
  position: sticky;
  bottom: -14px;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.9fr 1.2fr;
  gap: 10px;
  padding: 4px 0 2px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 24%);
}

.application-cancel-button,
.application-confirm-button {
  min-height: 50px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
}

.application-cancel-button {
  border: 1.4px solid #09203e;
  background: #ffffff;
  color: #071a33;
}

.application-confirm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  color: #ffffff;
  background: linear-gradient(180deg, #075ed1, #073b7a);
  box-shadow: 0 13px 24px rgba(7, 80, 180, 0.28);
}

.application-confirm-button:disabled {
  opacity: 0.52;
  box-shadow: none;
}

.application-confirm-button svg {
  width: 19px;
  height: 19px;
}

.application-secure-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 1px 0 0;
  color: #647894;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  font-weight: 750;
}

@keyframes applicationBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes applicationSheetUp {
  from {
    opacity: 0;
    transform: translateY(28px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (min-width: 430px) {
  .application-share-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 360px) {
  .application-review-sheet {
    padding-inline: 12px;
    border-radius: 27px 27px 22px 22px;
  }

  .application-review-header h2 {
    font-size: 24px;
  }

  .application-review-actions {
    grid-template-columns: 1fr;
  }
}

.prototype-sheet-backdrop {
  align-items: end;
  padding: 14px;
}

.prototype-sheet {
  width: min(calc(100vw - 28px), 430px);
  max-width: 100%;
  max-height: min(88vh, 760px);
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  gap: 12px;
  padding: 10px 14px 14px;
  border-radius: 28px 28px 22px 22px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  background:
    radial-gradient(circle at 92% 0%, rgba(109, 93, 252, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.99));
  box-shadow: 0 -20px 70px rgba(6, 25, 54, 0.28);
}

.prototype-job-summary,
.prototype-invoice-preview {
  display: grid;
  gap: 5px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
}

.prototype-job-summary strong,
.prototype-invoice-preview h3 {
  margin: 0;
  color: #081a35;
  font-size: 18px;
  line-height: 1.12;
}

.prototype-job-summary small,
.prototype-invoice-preview p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 780;
}

.prototype-funding-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.prototype-funding-flow span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(31, 132, 229, 0.1);
}

.prototype-funding-flow small,
.prototype-funding-flow em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 780;
}

.prototype-funding-flow strong {
  color: #081a35;
  font-size: 15px;
  line-height: 1.1;
}

.prototype-progress {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.12);
}

.prototype-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #34d399);
}

.prototype-filter-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.prototype-filter-list button {
  min-height: 40px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 950;
}

.prototype-sheet-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.prototype-sheet-actions .button,
.prototype-sheet-actions .ghost-button {
  min-height: 42px;
  border-radius: 999px;
}

.choice-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.offer-preview-card {
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 16px;
  background: linear-gradient(145deg, #f4f9ff, #fff);
  padding: 12px;
  display: grid;
  gap: 7px;
}

.offer-preview-card h3 {
  margin: 0;
  font-size: 16px;
}

.offer-preview-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.dispatch-workflow-backdrop {
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 0%, rgba(109, 93, 252, 0.22), transparent 34%),
    rgba(4, 12, 32, 0.62);
}

.dispatch-workflow-sheet {
  width: min(100%, 460px);
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  margin: 0 auto;
  color: #081a35;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.99)),
    #fff;
  box-shadow: 0 30px 90px rgba(2, 8, 23, 0.42);
}

.dispatch-workflow-sheet,
.dispatch-workflow-sheet * {
  box-sizing: border-box;
}

.dispatch-workflow-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 8px;
  padding: calc(18px + env(safe-area-inset-top, 0px)) 18px 16px;
  color: #fff;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.26), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(125, 211, 252, 0.28), transparent 34%),
    linear-gradient(145deg, #061a42, #1238b6 58%, #6d5dfc);
}

.dispatch-workflow-hero::before,
.dispatch-workflow-hero::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.dispatch-workflow-hero::before {
  width: 150px;
  height: 150px;
  top: -70px;
  right: -48px;
  background: rgba(255, 255, 255, 0.14);
  filter: blur(2px);
}

.dispatch-workflow-hero::after {
  width: 88px;
  height: 88px;
  left: 22px;
  bottom: -50px;
  background: rgba(74, 163, 255, 0.18);
}

.dispatch-workflow-hero > * {
  position: relative;
  z-index: 1;
}

.dispatch-workflow-hero .icon-button {
  justify-self: end;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 12px 26px rgba(2, 8, 23, 0.18);
}

.dispatch-workflow-hero > span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.dispatch-workflow-hero h2 {
  margin: 0;
  color: #fff;
  max-width: 100%;
  font-size: clamp(24px, 6.4vw, 32px);
  line-height: 1.02;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.dispatch-workflow-hero p {
  max-width: 36rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
  overflow-wrap: anywhere;
}

.dispatch-progress-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}

.dispatch-progress-strip span {
  min-width: 0;
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.dispatch-progress-strip span.complete {
  color: #dcfce7;
}

.dispatch-progress-strip span.active {
  color: #07182f;
  background: #fff;
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.18);
}

.dispatch-step-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
  width: 100%;
  max-width: 100%;
  padding: 2px 2px 8px;
  overflow-x: visible;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.dispatch-step-nav::-webkit-scrollbar {
  display: none;
}

.dispatch-step-nav button {
  flex: 1 1 0;
  scroll-snap-align: start;
  min-width: 0;
  min-height: 54px;
  display: grid;
  justify-items: center;
  align-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  padding: 6px 4px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.1);
  font-size: 9px;
  font-weight: 950;
}

.dispatch-step-nav button span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.dispatch-step-nav button.active {
  color: #07182f;
  background: #fff;
  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.18);
}

.dispatch-step-nav button.active span {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.dispatch-step-nav button.complete {
  color: #f0fdf4;
  border-color: rgba(52, 211, 153, 0.28);
  background: rgba(16, 185, 129, 0.16);
}

.dispatch-step-nav button.complete span {
  color: #064e3b;
  background: #bbf7d0;
}

.dispatch-step-nav strong {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 9px;
  line-height: 1;
}

.dispatch-workflow-body {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 12px;
  padding: 14px 14px 108px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.dispatch-step-card,
.dispatch-candidate-preview,
.dispatch-funding-preview {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
  border-radius: 24px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.09), transparent 34%),
    #fff;
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.08);
}

.dispatch-step-card {
  display: grid;
  align-content: start;
  align-self: start;
  gap: 12px;
  padding: 14px;
}

.dispatch-module-shell {
  animation: dispatchModuleIn 180ms ease both;
}

@keyframes dispatchModuleIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dispatch-step-heading {
  display: grid;
  gap: 4px;
}

.dispatch-step-heading > span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dispatch-step-heading h3 {
  margin: 0;
  color: #081a35;
  font-size: 17px;
  line-height: 1.15;
}

.dispatch-step-heading p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 760;
}

.dispatch-shift-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dispatch-shift-grid span,
.dispatch-funding-preview span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px;
  border-radius: 17px;
  background: rgba(248, 251, 255, 0.88);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-shift-grid.compact span {
  padding: 10px;
}

.dispatch-shift-grid small,
.dispatch-funding-preview small {
  color: #64748b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
}

.dispatch-shift-grid strong,
.dispatch-funding-preview strong {
  min-width: 0;
  color: #081a35;
  font-size: 13px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.dispatch-strategy-grid,
.dispatch-urgency-grid {
  display: grid;
  gap: 8px;
}

.dispatch-strategy-grid button,
.dispatch-urgency-grid button {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 4px;
  text-align: left;
  padding: 12px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  color: #081a35;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.dispatch-strategy-grid button:active,
.dispatch-urgency-grid button:active {
  transform: scale(0.985);
}

.dispatch-strategy-grid button.active,
.dispatch-urgency-grid button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.38);
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.22), transparent 32%),
    linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 15px 32px rgba(37, 99, 235, 0.22);
}

.dispatch-strategy-grid strong,
.dispatch-urgency-grid strong {
  font-size: 13px;
  line-height: 1.22;
}

.dispatch-strategy-grid small,
.dispatch-urgency-grid small,
.dispatch-urgency-grid em {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 780;
}

.dispatch-strategy-grid button.active small,
.dispatch-urgency-grid button.active small,
.dispatch-urgency-grid button.active em {
  color: rgba(255, 255, 255, 0.78);
}

.dispatch-queue-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dispatch-queue-controls span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-queue-controls small,
.dispatch-queue-controls em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 800;
}

.dispatch-queue-controls strong {
  color: #081a35;
  font-size: 13px;
  line-height: 1.15;
}

.dispatch-wave-card {
  background:
    radial-gradient(circle at 92% 0%, rgba(109, 93, 252, 0.12), transparent 36%),
    #fff;
}

.dispatch-wave-stack {
  display: grid;
  gap: 9px;
}

.dispatch-wave {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(248, 251, 255, 0.86);
  position: relative;
  overflow: hidden;
}

.dispatch-wave.active {
  border-color: rgba(31, 132, 229, 0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.12), transparent 30%),
    #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.07);
}

.dispatch-wave-heading,
.dispatch-wave-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.dispatch-wave-heading strong {
  color: #081a35;
  font-size: 13px;
  line-height: 1.2;
}

.dispatch-wave-heading span {
  border-radius: 999px;
  padding: 5px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 9px;
  font-weight: 950;
  white-space: nowrap;
}

.dispatch-wave-row {
  grid-template-columns: 30px minmax(0, 1fr) auto 10px;
  padding: 8px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(6, 25, 54, 0.05);
}

.dispatch-wave-row > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 10px;
  font-weight: 950;
}

.dispatch-wave-row strong,
.dispatch-wave-row small {
  display: block;
}

.dispatch-wave-row strong {
  color: #081a35;
  font-size: 12px;
  line-height: 1.2;
}

.dispatch-wave-row small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
}

.dispatch-wave-row i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 0 5px rgba(96, 165, 250, 0.14);
}

.dispatch-wave-row i.green { background: #34d399; box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.14); }
.dispatch-wave-row i.red { background: #f87171; box-shadow: 0 0 0 5px rgba(248, 113, 113, 0.14); }
.dispatch-wave-row i.amber { background: #fbbf24; box-shadow: 0 0 0 5px rgba(251, 191, 36, 0.16); }
.dispatch-wave-row i.purple { background: #a78bfa; box-shadow: 0 0 0 5px rgba(167, 139, 250, 0.16); }

.lightning-status {
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 999px;
  padding: 4px 7px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 9px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.lightning-status.green {
  color: #047857;
  background: #dcfce7;
}

.lightning-status.red {
  color: #b91c1c;
  background: #fee2e2;
}

.lightning-status.amber {
  color: #92400e;
  background: #fef3c7;
}

.lightning-status.purple {
  color: #6d28d9;
  background: #ede9fe;
}

.dispatch-wave-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-wave-actions .ghost-button {
  min-height: 34px;
  border-radius: 999px;
  font-size: 10px;
}

.dispatch-wave-connector {
  display: grid;
  place-items: center;
  min-height: 24px;
  color: #1238b6;
  position: relative;
}

.dispatch-wave-connector::before {
  content: "";
  width: 1px;
  height: 24px;
  background: linear-gradient(180deg, rgba(31, 132, 229, 0.12), rgba(31, 132, 229, 0.56));
  position: absolute;
}

.dispatch-wave-connector span {
  position: relative;
  z-index: 1;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef6ff;
  border: 1px solid rgba(31, 132, 229, 0.12);
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.dispatch-funding-progress {
  display: grid;
  gap: 8px;
  padding: 11px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-funding-progress strong,
.dispatch-funding-progress small {
  display: block;
}

.dispatch-funding-progress strong {
  color: #081a35;
  font-size: 13px;
}

.dispatch-funding-progress small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
}

.dispatch-funding-progress > span {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.12);
}

.dispatch-funding-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #34d399);
}

.dispatch-module-actions,
.dispatch-response-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
}

.dispatch-module-actions .button,
.dispatch-module-actions .ghost-button,
.dispatch-response-actions .button,
.dispatch-response-actions .ghost-button {
  min-height: 38px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 11px;
}

.offer-priority-queue-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 22px;
  padding: 13px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.10), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.offer-priority-select-grid,
.offer-fill-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.offer-priority-select-grid .field:first-child {
  grid-column: 1 / -1;
}

.offer-succession-toggle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.offer-succession-toggle-grid button {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 10px;
  color: #334155;
  background: #fff;
  text-align: left;
}

.offer-succession-toggle-grid button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.28);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.offer-succession-toggle-grid strong {
  font-size: 11.5px;
  line-height: 1.12;
  font-weight: 950;
}

.offer-succession-toggle-grid span {
  width: max-content;
  border-radius: 999px;
  padding: 4px 7px;
  color: #047857;
  background: #dcfce7;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
}

.offer-succession-toggle-grid button:not(.active) span {
  color: #64748b;
  background: #f1f5f9;
}

.offer-succession-toggle-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.24;
  font-weight: 720;
}

.offer-pipeline-preview,
.offer-succession-mini-pipeline {
  display: grid;
  gap: 8px;
}

.offer-pipeline-preview article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 9px;
  background: #fff;
}

.offer-pipeline-preview article.active {
  border-color: rgba(31, 132, 229, 0.28);
  background: #eef6ff;
}

.offer-pipeline-preview i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.offer-pipeline-preview strong,
.offer-pipeline-preview small {
  display: block;
}

.offer-pipeline-preview strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.16;
  font-weight: 950;
}

.offer-pipeline-preview small,
.offer-pipeline-preview em {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.16;
  font-style: normal;
  font-weight: 800;
}

.offer-succession-mini-pipeline {
  margin-top: 9px;
}

.offer-succession-mini-pipeline span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 14px;
  padding: 7px;
  background: rgba(248, 251, 255, 0.82);
}

.offer-succession-mini-pipeline i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.offer-succession-mini-pipeline strong {
  min-width: 0;
  color: #07182f;
  font-size: 11px;
  line-height: 1.12;
  font-weight: 900;
}

.offer-succession-mini-pipeline small {
  color: #64748b;
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
}

.offer-succession-mini-pipeline .accepted small {
  color: #047857;
}

.offer-succession-mini-pipeline .declined small,
.offer-succession-mini-pipeline .expired small {
  color: #b91c1c;
}

.offer-succession-mini-pipeline .sent small {
  color: #1238b6;
}

.job-offer-succession-card {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  padding: 11px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 12px 26px rgba(6, 25, 54, 0.06);
}

.job-offer-succession-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.job-offer-succession-summary span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 14px;
  padding: 8px 7px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(216, 229, 244, 0.72);
}

.job-offer-succession-summary strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1;
  font-weight: 950;
}

.job-offer-succession-summary small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 800;
}

.job-offer-succession-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-offer-succession-actions button {
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  color: #1238b6;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.06);
}

.job-offer-succession-actions button:only-child {
  grid-column: 1 / -1;
}

@media@media (max-width: 430px) {
  .offer-succession-toggle-grid {
    grid-template-columns: 1fr;
  }

  .offer-priority-select-grid,
  .offer-fill-settings {
    grid-template-columns: 1fr;
  }
}

.dispatch-worker-offer-card {
  display: grid;
  gap: 11px;
  padding: 13px;
  border-radius: 24px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.1), transparent 36%),
    #fff;
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.08);
}

.dispatch-worker-offer-card h3 {
  margin: 0;
  color: #081a35;
  font-size: 20px;
  line-height: 1.08;
}

.dispatch-worker-offer-card p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 780;
}

.dispatch-pipeline-visual {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dispatch-pipeline-visual article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
  position: relative;
}

.dispatch-pipeline-visual article span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #60a5fa;
  font-size: 10px;
  font-weight: 950;
}

.dispatch-pipeline-visual article.green span { background: #34d399; }
.dispatch-pipeline-visual article.amber span { background: #fbbf24; }
.dispatch-pipeline-visual article.purple span { background: #a78bfa; }

.dispatch-pipeline-visual strong,
.dispatch-pipeline-visual small {
  display: block;
}

.dispatch-pipeline-visual strong {
  color: #081a35;
  font-size: 11px;
  line-height: 1.2;
}

.dispatch-pipeline-visual small {
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
}

.dispatch-live-feed {
  display: grid;
  gap: 8px;
}

.dispatch-live-feed article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-live-feed span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 10px;
  font-weight: 950;
}

.dispatch-live-feed strong {
  color: #081a35;
  font-size: 12px;
  line-height: 1.2;
}

.dispatch-live-feed small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
}

.dispatch-funding-lifecycle {
  display: grid;
  gap: 8px;
}

.dispatch-funding-lifecycle article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.dispatch-funding-lifecycle article > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 11px;
  font-weight: 950;
}

.dispatch-funding-lifecycle strong,
.dispatch-funding-lifecycle small {
  display: block;
}

.dispatch-funding-lifecycle strong {
  color: #081a35;
  font-size: 12px;
}

.dispatch-funding-lifecycle small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 780;
}

.dispatch-preview-section {
  background:
    radial-gradient(circle at 86% 0%, rgba(109, 93, 252, 0.1), transparent 34%),
    #fff;
}

.candidate-offer-real-card {
  min-width: 0;
  display: grid;
  align-content: start;
  align-self: start;
  gap: 12px;
  padding: 14px;
  overflow: visible;
  border-radius: 26px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  background:
    radial-gradient(circle at 92% 0%, rgba(31, 132, 229, 0.14), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.1);
}

.candidate-offer-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.candidate-offer-topline > strong {
  flex: 0 0 auto;
  color: #1238b6;
  font-size: 13px;
  font-weight: 950;
}

.candidate-offer-hero {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.candidate-offer-hero > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.2);
}

.candidate-offer-hero svg {
  width: 20px;
  height: 20px;
}

.candidate-offer-hero h3,
.candidate-offer-hero p {
  min-width: 0;
  margin: 0;
}

.candidate-offer-hero h3 {
  color: #081a35;
  font-size: 20px;
  line-height: 1.08;
}

.candidate-offer-hero p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.candidate-offer-time {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 8px;
}

.candidate-offer-time span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.candidate-offer-time small {
  color: #64748b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.candidate-offer-time strong {
  min-width: 0;
  color: #081a35;
  font-size: 13px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.candidate-offer-countdown {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 18px;
  color: #0f172a;
  background:
    radial-gradient(circle at 14% 50%, rgba(31, 132, 229, 0.16), transparent 24%),
    #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.09);
}

.candidate-offer-countdown > span {
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.1);
}

.candidate-offer-countdown i {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 4px solid rgba(31, 132, 229, 0.18);
  border-top-color: #1238b6;
  animation: dispatchPulse 1.6s ease-in-out infinite;
}

.candidate-offer-countdown strong,
.candidate-offer-countdown small {
  display: block;
}

.candidate-offer-countdown strong {
  color: #081a35;
  font-size: 13px;
}

.candidate-offer-countdown small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 800;
}

.candidate-next-steps {
  display: grid;
  gap: 7px;
  padding-top: 2px;
}

.candidate-next-steps > strong {
  color: #081a35;
  font-size: 12px;
}

.candidate-next-steps span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 11px;
  font-weight: 850;
}

.candidate-next-steps i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

@keyframes dispatchPulse {
  0%, 100% { transform: scale(0.95); opacity: 0.72; }
  50% { transform: scale(1.05); opacity: 1; }
}

.funding-timeline-live {
  display: grid;
  gap: 8px;
}

.funding-timeline-live article {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.funding-timeline-live article > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 11px;
  font-weight: 950;
}

.funding-timeline-live article.complete {
  background: linear-gradient(180deg, #fff, #f1fdf6);
  border-color: rgba(16, 185, 129, 0.16);
}

.funding-timeline-live article.complete > span {
  background: #10b981;
}

.funding-timeline-live article.active {
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.12), transparent 34%),
    #fff;
  border-color: rgba(31, 132, 229, 0.22);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.11);
}

.funding-timeline-live strong,
.funding-timeline-live small {
  display: block;
}

.funding-timeline-live strong {
  color: #081a35;
  font-size: 12px;
}

.funding-timeline-live small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 800;
}

.prototype-live-state {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.prototype-live-state h3,
.prototype-live-state p {
  margin: 0;
}

.prototype-live-state h3 {
  color: #081a35;
  font-size: 18px;
  line-height: 1.15;
}

.prototype-live-state p {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.dispatch-candidate-preview {
  display: grid;
  gap: 11px;
  padding: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.46), 0 14px 28px rgba(6, 25, 54, 0.06);
}

.dispatch-candidate-preview h3 {
  margin: 7px 0 3px;
  color: #081a35;
  font-size: 19px;
  line-height: 1.08;
}

.dispatch-candidate-preview p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 780;
}

.candidate-preview-map {
  position: relative;
  min-height: 116px;
  overflow: hidden;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 46% 48%, rgba(255, 255, 255, 0.2), transparent 0 26%, rgba(255, 255, 255, 0.08) 27%, transparent 28%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #6d5dfc);
}

.candidate-preview-map::before,
.candidate-preview-map::after {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.candidate-preview-map::after {
  inset: 36px;
}

.candidate-preview-map span {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 7px rgba(52, 211, 153, 0.16);
}

.candidate-preview-map span:nth-child(1) { top: 22px; right: 52px; }
.candidate-preview-map span:nth-child(2) { left: 38px; bottom: 30px; background: #60a5fa; }
.candidate-preview-map span:nth-child(3) { right: 34px; bottom: 26px; background: #fbbf24; }

.candidate-preview-map strong {
  position: relative;
  z-index: 1;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  font-size: 11px;
  font-weight: 950;
}

.dispatch-funding-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: start;
  gap: 8px;
  padding: 10px;
  overflow: visible;
}

.dispatch-funding-preview span:last-child {
  color: #fff;
  background: linear-gradient(135deg, #071f5f, #1238b6);
}

.dispatch-funding-preview span:last-child small,
.dispatch-funding-preview span:last-child strong {
  color: #fff;
}

.dispatch-sticky-actions {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 10px;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
  background: rgba(248, 251, 255, 0.92);
  border-top: 1px solid rgba(31, 132, 229, 0.1);
  box-shadow: 0 -16px 36px rgba(6, 25, 54, 0.1);
}

.dispatch-sticky-actions .button,
.dispatch-sticky-actions .ghost-button {
  min-width: 0;
  min-height: 46px;
  padding-inline: 10px;
  white-space: normal;
}

.offer-preview-card > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.offer-preview-card > div span {
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--line);
  padding: 6px 8px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 850;
}

.modal-actions {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 8px;
}

.modal-actions.single {
  grid-template-columns: 1fr;
}

.preference-editor-modal {
  gap: 10px;
}

.live-status-row {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  background: linear-gradient(145deg, #f4f9ff, #fff);
  padding: 11px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.live-status-row strong,
.live-status-row small {
  display: block;
}

.live-status-row strong {
  color: var(--ink);
  font-size: 14px;
}

.live-status-row small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  box-shadow: 0 0 0 4px rgba(21, 165, 107, 0.12);
}

.status-dot.green {
  background: var(--green);
}

.status-dot.amber {
  background: #f5a524;
  box-shadow: 0 0 0 4px rgba(245, 165, 36, 0.14);
}

.status-dot.red {
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(216, 75, 100, 0.14);
}

.preference-editor-group {
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 16px;
  background: #fbfdff;
  padding: 11px;
  display: grid;
  gap: 9px;
}

.preference-editor-group > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.preference-editor-group strong,
.preference-editor-group small {
  display: block;
}

.preference-editor-group strong {
  color: var(--ink);
  font-size: 13px;
}

.preference-editor-group small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.preference-choice-wrap {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.preference-choice-wrap button {
  min-height: 31px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  display: grid;
  justify-items: start;
  gap: 2px;
  text-align: left;
  line-height: 1.15;
}

.preference-choice-wrap button.active {
  border-color: rgba(31, 132, 229, 0.4);
  background: var(--brand);
  color: #fff;
}

.preference-choice-wrap button small {
  color: inherit;
  opacity: 0.72;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.availability-choice-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.availability-choice-wrap button {
  border-radius: 14px;
  min-height: 54px;
}

.preference-sector-browser {
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 16px;
  background: #fff;
  padding: 10px;
}

.preference-sector-browser summary {
  cursor: pointer;
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
  list-style: none;
}

.preference-sector-browser summary::-webkit-details-marker {
  display: none;
}

.preference-search-field {
  margin: 10px 0 8px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #f8fbff;
  min-height: 38px;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.preference-search-field svg {
  width: 16px;
  height: 16px;
  color: var(--muted);
}

.preference-search-field input,
.preference-input-field input,
.preference-input-field select {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  font-weight: 850;
}

.all-sector-choice-wrap {
  max-height: 172px;
  overflow: auto;
  padding-right: 3px;
}

.preference-input-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.preference-input-field {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 9px 10px;
  display: grid;
  gap: 5px;
}

.preference-input-field.full {
  margin: 0;
}

.preference-input-field span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.preference-input-field strong {
  color: var(--ink);
  font-size: 13px;
}

.rate-protection-note {
  margin: 0;
  border-radius: 13px;
  background: #f1f7ff;
  padding: 9px 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.preference-rate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.hiring-activity-panel {
  border-color: rgba(31, 132, 229, 0.18);
}

.hiring-activity-grid {
  padding: 12px 14px 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.hiring-activity-card {
  min-width: 0;
  border: 1px solid rgba(6, 25, 54, 0.08);
  border-radius: 15px;
  background: linear-gradient(145deg, #ffffff, #f5f9ff);
  padding: 10px;
  color: var(--ink);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 3px 8px;
  align-items: center;
  text-align: left;
  box-shadow: 0 8px 20px rgba(6, 25, 54, 0.05);
}

.hiring-activity-card .activity-icon {
  grid-row: span 3;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #eaf4ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.hiring-activity-card svg {
  width: 16px;
  height: 16px;
}

.hiring-activity-card strong {
  color: var(--brand-dark);
  font-size: 18px;
  line-height: 1;
}

.hiring-activity-card > span:not(.activity-icon) {
  min-width: 0;
  color: var(--ink);
  font-size: 11px;
  font-weight: 950;
  line-height: 1.18;
}

.hiring-activity-card small {
  min-width: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.status-tabs {
  padding: 14px 14px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.status-tabs button {
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 16px;
  min-height: 62px;
  padding: 9px;
  display: grid;
  gap: 4px;
  color: var(--muted);
}

.status-tabs button.active {
  background: #e7f2ff;
  color: var(--brand-dark);
  border-color: rgba(31, 132, 229, 0.34);
}

.status-tabs strong {
  font-size: 13px;
}

.status-tabs span {
  font-size: 18px;
  font-weight: 950;
}

.job-control-row {
  padding: 13px;
  display: grid;
  gap: 12px;
}

.job-control-row h3,
.trusted-worker-card h3,
.offer-row h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.job-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.job-metrics span {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  font-size: 11px;
  padding: 8px;
}

.job-metrics strong {
  display: block;
  color: var(--ink);
  font-size: 16px;
}

.worker-dashboard {
  border-color: rgba(31, 132, 229, 0.28);
}

.worker-jobs-page {
  gap: 14px;
}

.worker-job-tabs {
  position: sticky;
  top: 0;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}

.worker-job-tabs button,
.worker-job-tabs a {
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: transparent;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
}

.worker-job-tabs button.active,
.worker-job-tabs a.active {
  background: #eaf4ff;
  color: var(--brand);
}

.candidate-jobs-panel {
  border-color: rgba(31, 132, 229, 0.22);
}

.candidate-job-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--shadow);
  padding: 10px;
  display: grid;
  gap: 9px;
}

.job-offer-card {
  cursor: pointer;
}

.offer-detail-button {
  justify-self: stretch;
}

.job-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.job-card-heading h3 {
  margin: 0;
  min-width: 0;
  font-size: 15px;
  line-height: 1.25;
}

.job-card-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.job-card-meta-grid span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--soft);
  color: var(--ink);
  padding: 7px 8px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.22;
}

.job-card-meta-grid strong {
  display: block;
  margin-bottom: 2px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.offer-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 7px;
  width: 100%;
}

.offer-action-row:empty {
  display: none;
}

.offer-action-row .button,
.offer-action-row .ghost-button {
  width: 100%;
  min-height: 38px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
}

.offer-action-row .ghost-button {
  border-width: 1px;
}

.offer-action-row .button svg {
  width: 14px;
  height: 14px;
}

.candidate-job-card > .ghost-button {
  justify-self: start;
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}

.job-preview-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  gap: 7px;
}

.button.compact,
.ghost-button.compact {
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
}

.available-job-card {
  cursor: pointer;
}

.worker-job-detail-page {
  gap: 10px;
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
}

.job-detail-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 18px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 6%, rgba(31, 132, 229, 0.22), transparent 9rem),
    linear-gradient(145deg, #ffffff 0%, #f3f8ff 56%, #ffffff 100%);
  box-shadow: 0 20px 46px rgba(6, 25, 54, 0.13);
  padding: 20px 22px 22px;
}

.job-detail-hero::before {
  content: "";
  position: absolute;
  inset: auto -36px -56px auto;
  width: 142px;
  height: 142px;
  border-radius: 999px;
  background: rgba(58, 160, 255, 0.12);
  filter: blur(8px);
  pointer-events: none;
}

.job-hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.job-hero-back {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--brand-dark);
  display: grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.1);
}

.job-hero-back svg {
  width: 18px;
  height: 18px;
}

.job-hero-main {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.job-detail-hero h2 {
  margin: 0;
  color: var(--ink);
  font-size: 28px;
  line-height: 1.06;
  font-weight: 950;
  letter-spacing: 0;
  max-width: 12ch;
}

.job-detail-hero p {
  margin: 8px 0 0;
  color: #53657d;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.35;
}

.job-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 15px;
}

.job-hero-pills span {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--brand-dark);
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 6px 14px rgba(6, 25, 54, 0.045);
}

.job-detail-section-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.job-detail-section-card {
  padding: 14px;
  display: grid;
  gap: 11px;
}

.shift-overview-card {
  border-color: rgba(31, 132, 229, 0.15);
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #f9fcff);
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.075);
  padding: 16px;
}

.panel-header.compact {
  margin-bottom: 0;
}

.job-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-detail-grid span {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fbff, #fff);
  padding: 11px 10px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

.job-detail-grid strong {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.job-detail-list {
  margin: 0;
  padding-left: 18px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
}

.job-detail-note,
.document-method-card,
.schedule-warning-card {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  background: #f7fbff;
  padding: 11px;
}

.job-detail-note strong,
.document-method-card strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 13px;
}

.map-preview,
.agency-info-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 18px;
  background: linear-gradient(145deg, #eef6ff, #fff);
  padding: 12px;
}

.map-preview svg {
  width: 24px;
  height: 24px;
  color: var(--brand);
  justify-self: center;
}

.map-preview strong,
.agency-info-card strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.map-preview span,
.agency-info-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.attendance-rules-card {
  margin-top: 18px;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #f7fbff);
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.08);
}

.attendance-rules-card .panel-title {
  margin-bottom: 4px;
}

.attendance-rules-card .panel-subtitle {
  margin: 0 0 12px;
  max-width: none;
}

.attendance-rule-list {
  display: grid;
  gap: 10px;
}

.attendance-rule-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
  padding: 14px;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
}

.attendance-rule-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--brand-dark);
  background: #eaf4ff;
}

.attendance-rule-icon.amber {
  color: #8a5a05;
  background: #fff3cf;
}

.attendance-rule-icon.navy {
  color: #fff;
  background: var(--navy);
}

.attendance-rule-icon svg {
  width: 18px;
  height: 18px;
}

.attendance-rule-item div {
  min-width: 0;
}

.attendance-rule-item strong {
  display: block;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
}

.attendance-rule-item p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.attendance-rule-item em {
  align-self: start;
  border-radius: 999px;
  background: #eaf4ff;
  color: var(--brand-dark);
  padding: 6px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.attendance-rule-item em.navy {
  background: #eef2f7;
  color: var(--navy);
}

.attendance-rule-item em.amber {
  background: #fff0c2;
  color: #8a5a05;
}

.confirm-modal {
  width: min(100%, 430px);
  border-radius: 24px 24px 18px 18px;
  background: #fff;
  box-shadow: 0 28px 72px rgba(6, 25, 54, 0.32);
  padding: 14px;
  display: grid;
  gap: 12px;
}

.agency-schedules-page {
  gap: 12px;
}

.schedule-hero-panel,
.schedule-calendar-panel,
.schedule-builder-panel,
.schedule-create-options,
.rota-tools-panel {
  border-color: rgba(31, 132, 229, 0.16);
}

.schedule-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.schedule-stat-grid article {
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fbff, #fff);
  padding: 12px;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
}

.schedule-stat-grid strong {
  display: block;
  color: var(--ink);
  font-size: 19px;
  line-height: 1;
}

.schedule-stat-grid span {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.schedule-stat-grid small,
.schedule-option-card small,
.rota-tool-grid small,
.worker-select-row small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.schedule-option-grid {
  display: grid;
  gap: 8px;
}

.schedule-option-card {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 17px;
  background: #fff;
  color: var(--ink);
  padding: 12px;
  text-align: left;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: start;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
}

.schedule-option-card > span,
.rota-tool-grid article > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #eaf4ff;
}

.schedule-option-card svg,
.rota-tool-grid svg {
  width: 18px;
  height: 18px;
}

.schedule-option-card strong,
.schedule-option-card small {
  grid-column: 2;
}

.schedule-builder-panel {
  display: grid;
  gap: 12px;
}

.schedule-flow-tabs,
.schedule-view-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f7fbff;
  padding: 6px;
}

.schedule-view-tabs {
  display: flex;
  grid-template-columns: none;
  overflow-x: auto;
  margin-bottom: 10px;
  scrollbar-width: none;
}

.schedule-view-tabs::-webkit-scrollbar {
  display: none;
}

.schedule-view-tabs button {
  flex: 0 0 auto;
  min-width: 76px;
}

.schedule-flow-tabs button,
.schedule-view-tabs button {
  min-height: 34px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
}

.schedule-flow-tabs button.active,
.schedule-view-tabs button.active {
  background: #fff;
  color: var(--brand-dark);
  box-shadow: 0 6px 16px rgba(6, 25, 54, 0.08);
}

.schedule-form-grid,
.schedule-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.schedule-form-grid span,
.schedule-toggle-grid span {
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 14px;
  background: #fff;
  padding: 10px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

.schedule-form-grid strong,
.schedule-toggle-grid strong {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.schedule-toggle-grid svg {
  width: 17px;
  height: 17px;
  color: var(--brand);
  margin-bottom: 6px;
}

.worker-selector-panel {
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 18px;
  background: #f8fbff;
  padding: 10px;
}

.worker-selector-panel h3 {
  margin: 0;
  font-size: 15px;
}

.worker-selector-panel p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.worker-selector-list {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.worker-select-row {
  display: grid;
  grid-template-columns: 18px 34px minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 14px;
  background: #fff;
  padding: 8px;
}

.avatar.small {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  font-size: 12px;
}

.worker-select-row strong {
  display: block;
  font-size: 12px;
  line-height: 1.2;
}

.worker-select-row small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.worker-select-row em {
  color: var(--brand-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.schedule-warning-card {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
}

.schedule-warning-card svg {
  width: 20px;
  height: 20px;
  color: var(--brand);
}

.schedule-warning-card strong {
  display: block;
  font-size: 13px;
}

.schedule-warning-card p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.rota-timeline {
  display: grid;
  gap: 8px;
}

.schedule-shift-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 17px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.schedule-shift-card h3 {
  margin: 0 0 4px;
  font-size: 15px;
}

.schedule-shift-card p,
.schedule-shift-card span:not(.badge) {
  display: block;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.rota-tool-grid {
  display: grid;
  gap: 8px;
}

.rota-tool-grid article {
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 16px;
  background: #fff;
  padding: 11px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.rota-tool-grid strong,
.rota-tool-grid small {
  grid-column: 2;
}

.schedule-command-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 14px;
  padding: 18px;
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.28), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(112, 198, 255, 0.24), transparent 36%),
    linear-gradient(135deg, #071f5f 0%, #1238b6 48%, #6d5dfc 100%);
  box-shadow: 0 22px 46px rgba(6, 25, 54, 0.2);
}

.schedule-command-hero::after {
  content: "";
  position: absolute;
  inset: auto -30px -52px 28%;
  height: 110px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
  filter: blur(4px);
  transform: rotate(-8deg);
}

.schedule-command-hero > * {
  position: relative;
  z-index: 1;
}

.schedule-command-hero span {
  display: inline-flex;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.schedule-command-hero h2 {
  margin: 0;
  font-size: 27px;
  line-height: 1;
}

.schedule-command-hero p {
  max-width: 420px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
}

.schedule-command-hero .button {
  min-height: 38px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #10245f;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

.schedule-command-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 244, 255, 0.86)),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.1);
  scrollbar-width: none;
}

.schedule-command-tabs::-webkit-scrollbar {
  display: none;
}

.schedule-command-tabs button {
  flex: 0 0 112px;
  min-height: 54px;
  border: 1px solid rgba(31, 132, 229, 0.08);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.68);
  color: #53627b;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 0 11px;
  text-align: left;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.schedule-command-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #2563eb 52%, #7857ff);
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28);
}

.schedule-command-tabs strong {
  font-size: 11px;
  line-height: 1.1;
}

.schedule-command-tabs span {
  font-size: 10px;
  font-weight: 900;
  opacity: 0.82;
}

.schedule-command-section {
  display: grid;
  gap: 12px;
}

.schedule-command-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.schedule-command-metrics article {
  min-width: 0;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.1), transparent 38%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.07);
}

.schedule-command-metrics strong {
  display: block;
  color: var(--ink);
  font-size: 20px;
  line-height: 1;
}

.schedule-command-metrics span {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 950;
}

.schedule-command-metrics small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}

.schedule-filter-bar,
.assignment-filter-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.schedule-filter-bar::-webkit-scrollbar,
.assignment-filter-row::-webkit-scrollbar {
  display: none;
}

.schedule-filter-bar button,
.assignment-filter-row button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #53627b;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.schedule-filter-bar button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.schedule-context-bar {
  position: sticky;
  top: 148px;
  z-index: 14;
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.58);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 245, 255, 0.9)),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 34px rgba(6, 25, 54, 0.12);
  backdrop-filter: blur(18px);
}

.schedule-context-bar span {
  color: #1f56d8;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.schedule-context-bar strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.15;
}

.schedule-context-bar small,
.schedule-context-bar em {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
  font-style: normal;
}

.workforce-live-strip,
.workforce-pool-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.workforce-live-strip::-webkit-scrollbar,
.workforce-pool-tabs::-webkit-scrollbar {
  display: none;
}

.workforce-live-strip span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 132, 229, 0.1);
  color: #53627b;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
  font-size: 10px;
  font-weight: 900;
}

.workforce-live-strip b {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 6px rgba(16, 185, 129, 0.1);
  animation: livePulse 1.8s ease-in-out infinite;
}

@keyframes livePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(0.82); opacity: 0.72; }
}

.workforce-pool-tabs button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.88);
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.workforce-pool-tabs button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.36);
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.22);
}

.workforce-segment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.workforce-segment-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92)),
    #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
}

.workforce-segment-grid span {
  color: #53627b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
}

.workforce-segment-grid strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1;
}

.workforce-segment-grid small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}

.schedule-group-list {
  display: grid;
  gap: 12px;
}

.schedule-group-card {
  padding: 13px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.schedule-group-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  margin-bottom: 12px;
}

.schedule-group-header span:not(.badge) {
  display: block;
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.schedule-group-header h3 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.2;
}

.schedule-group-header p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.schedule-worker-table {
  display: grid;
  gap: 7px;
}

.schedule-worker-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border-radius: 15px;
  background: #f7faff;
  border: 1px solid rgba(6, 25, 54, 0.05);
}

.schedule-worker-row div {
  min-width: 0;
}

.schedule-worker-row strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.2;
}

.schedule-worker-row small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}

.schedule-worker-row > span:not(.avatar) {
  border-radius: 999px;
  padding: 4px 7px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
}

.schedule-worker-row em,
.schedule-worker-row b {
  display: none;
}

.schedule-worker-row em {
  border-radius: 999px;
  padding: 4px 7px;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.schedule-worker-row em.green {
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}

.schedule-worker-row em.yellow {
  color: #a16207;
  background: rgba(245, 158, 11, 0.13);
}

.schedule-worker-row em.blue {
  color: #1f56d8;
  background: rgba(31, 132, 229, 0.1);
}

.schedule-group-actions {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-top: 12px;
  scrollbar-width: none;
}

.schedule-group-actions .button,
.schedule-group-actions .ghost-button {
  flex: 0 0 auto;
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 11px;
}

.schedule-builder-choice-grid {
  display: grid;
  gap: 9px;
}

.schedule-builder-choice-grid button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  padding: 12px;
  border-radius: 19px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
  color: var(--ink);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
}

.schedule-builder-choice-grid button.active {
  border-color: rgba(37, 99, 235, 0.35);
  background: linear-gradient(135deg, #f9fcff, #eef5ff);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.12);
}

.schedule-builder-choice-grid button > span {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.schedule-builder-choice-grid svg {
  width: 19px;
  height: 19px;
}

.schedule-builder-choice-grid strong,
.workforce-collection-grid strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.2;
}

.schedule-builder-choice-grid small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.schedule-stepper {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.schedule-stepper.interactive {
  position: sticky;
  top: 146px;
  z-index: 12;
  margin: 2px -2px 0;
  padding: 3px 2px 6px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 251, 255, 0.8));
  backdrop-filter: blur(14px);
}

.schedule-stepper span {
  flex: 0 0 108px;
  min-height: 58px;
  border-radius: 16px;
  padding: 9px;
  background: #f6f9fd;
  border: 1px solid rgba(31, 132, 229, 0.08);
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.25;
}

.schedule-stepper b {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
  border-radius: 999px;
  color: #1f56d8;
  background: rgba(31, 132, 229, 0.1);
}

.schedule-stepper span.complete,
.schedule-stepper span.active {
  color: var(--ink);
  background: #fff;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
}

.schedule-stepper button {
  flex: 0 0 118px;
  min-height: 68px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  gap: 4px 7px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.72);
  color: #64748b;
  padding: 9px;
  text-align: left;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.schedule-stepper button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.08);
}

.schedule-stepper button b {
  grid-row: span 2;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  color: #1f56d8;
  background: rgba(31, 132, 229, 0.1);
  font-size: 11px;
  font-weight: 950;
}

.schedule-stepper button b svg {
  width: 13px;
  height: 13px;
}

.schedule-stepper button span {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 950;
}

.schedule-stepper button small {
  color: currentColor;
  opacity: 0.72;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
}

.schedule-stepper button.complete {
  background: linear-gradient(180deg, #ffffff, #f2fbf7);
  color: #065f46;
  border-color: rgba(16, 185, 129, 0.22);
}

.schedule-stepper button.complete b {
  color: #047857;
  background: rgba(16, 185, 129, 0.14);
}

.schedule-stepper button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.34);
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.28);
}

.schedule-stepper button.active b {
  color: #1238b6;
  background: #fff;
}

.schedule-stepper button.warning {
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.28);
  background: linear-gradient(180deg, #fff, #fff8ec);
}

.schedule-stepper button.warning b {
  color: #92400e;
  background: rgba(245, 158, 11, 0.16);
}

.builder-progress-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.05);
}

.builder-progress-shell div {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.1);
}

.builder-progress-shell div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1f84e5, #6d5dfc);
  transition: width 180ms ease;
}

.builder-progress-shell small {
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.builder-step-stage {
  animation: builderSlideIn 180ms ease both;
}

@keyframes builderSlideIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.builder-step-card {
  display: grid;
  gap: 16px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
}

.builder-step-heading {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.builder-step-heading > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.24);
}

.builder-step-heading svg {
  width: 19px;
  height: 19px;
}

.builder-step-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.15;
}

.builder-step-heading p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 750;
}

.builder-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.builder-field {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.builder-field span {
  color: #53627b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.builder-field input,
.builder-field select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(216, 229, 244, 0.98);
  border-radius: 15px;
  background: #f8fbff;
  color: var(--ink);
  padding: 0 11px;
  font-size: 13px;
  font-weight: 850;
  outline: 0;
}

.builder-field select {
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) calc(100% - 15px) 19px / 5px 5px no-repeat,
    linear-gradient(135deg, #64748b 50%, transparent 50%) calc(100% - 10px) 19px / 5px 5px no-repeat,
    #f8fbff;
  padding-right: 26px;
}

.builder-template-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.builder-template-row::-webkit-scrollbar {
  display: none;
}

.builder-template-row button,
.builder-map-preview button,
.smart-match-actions button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-size: 11px;
  font-weight: 950;
}

.builder-map-preview {
  display: grid;
  gap: 7px;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.94), rgba(255, 255, 255, 0.96)),
    #fff;
}

.builder-map-preview strong {
  color: var(--ink);
  font-size: 13px;
}

.builder-map-preview p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
}

.builder-finance-preview,
.drawer-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.builder-toggle-list {
  display: grid;
  gap: 9px;
}

.builder-check-row {
  display: grid;
  grid-template-columns: auto 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background: rgba(255, 255, 255, 0.86);
}

.builder-check-row input {
  width: 18px;
  height: 18px;
  accent-color: #1f56d8;
}

.builder-check-row > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #1f56d8;
  background: rgba(31, 132, 229, 0.1);
}

.builder-check-row svg {
  width: 16px;
  height: 16px;
}

.builder-check-row strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
}

.builder-check-row small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 750;
}

.builder-summary-list .drawer-info-list {
  margin: 0;
}

.builder-floating-actions {
  position: sticky;
  bottom: 76px;
  z-index: 16;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.builder-floating-actions .button {
  justify-content: center;
}

.builder-floating-actions button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.builder-floating-actions .button:last-child {
  justify-self: stretch;
}

.rota-ops-builder-card,
.pay-rules-card {
  position: relative;
  overflow: hidden;
}

.rota-ops-builder-card::after,
.pay-rules-card::after {
  content: "";
  position: absolute;
  inset: -70px -70px auto auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(109, 93, 252, 0.12);
  filter: blur(8px);
  pointer-events: none;
}

.rota-mode-toggle {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 7px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(239, 246, 255, 0.8);
}

.rota-mode-toggle button {
  min-width: 0;
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  color: #53627b;
  padding: 10px;
  text-align: left;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.rota-mode-toggle button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24);
}

.rota-mode-toggle strong {
  font-size: 13px;
  line-height: 1.15;
}

.rota-mode-toggle small {
  color: currentColor;
  opacity: 0.75;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 820;
}

.conditional-disabled-field {
  min-width: 0;
  display: grid;
  gap: 5px;
  min-height: 74px;
  align-content: center;
  padding: 12px;
  border-radius: 18px;
  border: 1px dashed rgba(100, 116, 139, 0.26);
  background: rgba(248, 250, 252, 0.88);
  transition: opacity 180ms ease, transform 180ms ease;
}

.conditional-disabled-field span {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.conditional-disabled-field strong {
  color: var(--ink);
  font-size: 14px;
}

.conditional-disabled-field small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.time-picker-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.time-picker-pair.compact {
  gap: 8px;
}

.premium-time-picker {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: stretch;
  width: 100%;
  min-height: 94px;
  max-height: 108px;
  padding: 14px 15px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.07);
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.premium-time-picker:hover,
.premium-time-picker:focus-visible {
  border-color: rgba(31, 132, 229, 0.28);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.12);
  transform: translateY(-1px);
}

.premium-time-picker > div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: center;
  overflow: hidden;
}

.premium-time-picker > div:first-child span {
  color: #53627b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.premium-time-picker > div:first-child small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 780;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.premium-time-picker em {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
  justify-content: flex-start;
  padding: 10px 12px;
  border-radius: 16px;
  color: #1238b6;
  background: linear-gradient(180deg, #eff6ff, #ffffff);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.12), 0 8px 18px rgba(6, 25, 54, 0.07);
  font-style: normal;
  overflow: hidden;
}

.premium-time-picker em svg {
  width: 15px;
  height: 15px;
}

.premium-time-picker em i {
  color: #1238b6;
  font-size: 16px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.premium-time-picker em b {
  margin-left: auto;
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.time-validation-row {
  display: grid;
  grid-template-columns: auto minmax(0, auto) minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 11px 13px;
  border-radius: 16px;
  color: #0f274e;
  background: rgba(239, 246, 255, 0.72);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.1);
}

.time-validation-row.compact {
  margin-top: 8px;
}

.time-validation-row span {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #1238b6;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.07);
}

.time-validation-row svg {
  width: 15px;
  height: 15px;
}

.time-validation-row strong {
  color: #102343;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.time-validation-row small {
  min-width: 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
  line-height: 1.35;
}

.break-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
  align-items: stretch;
}

.break-live-card {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.12), transparent 38%),
    #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.07);
}

.break-live-card > span {
  grid-column: 1 / -1;
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.break-live-card div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.78);
}

.break-live-card strong {
  color: #0f274e;
  font-size: 15px;
  line-height: 1;
}

.break-live-card small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 800;
}

.break-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.time-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  align-items: end;
  padding: 18px;
  background: rgba(4, 12, 32, 0.36);
  backdrop-filter: blur(16px);
  animation: fadeIn 160ms ease both;
}

.time-sheet {
  width: min(100%, 460px);
  margin: 0 auto;
  display: grid;
  gap: 14px;
  padding: 10px 18px 18px;
  border-radius: 28px 28px 24px 24px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  background:
    radial-gradient(circle at 88% 0%, rgba(109, 93, 252, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.98));
  box-shadow: 0 -18px 60px rgba(6, 25, 54, 0.26);
  animation: sheetUp 180ms ease both;
}

.time-sheet-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.time-sheet-header span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.time-sheet-header h2 {
  margin: 3px 0;
  color: #081a35;
  font-size: 21px;
  line-height: 1.08;
}

.time-sheet-header p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

.time-sheet-selected {
  display: grid;
  place-items: center;
  gap: 5px;
  min-height: 104px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.28), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 56%, #6d5dfc);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.28);
}

.time-sheet-selected span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  font-weight: 900;
}

.time-sheet-selected strong {
  color: #fff;
  font-size: 42px;
  line-height: 1;
  letter-spacing: 0;
}

.time-sheet-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.time-sheet-columns > div {
  display: grid;
  gap: 4px;
  padding: 13px;
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.1), 0 10px 24px rgba(6, 25, 54, 0.07);
}

.time-sheet-columns span {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.time-column-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.time-column-options button {
  min-height: 36px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 13px;
  color: #53627b;
  background: #f8fbff;
  font-size: 13px;
  font-weight: 950;
}

.time-column-options button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

.time-option-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-height: 180px;
  overflow: auto;
  padding: 2px 2px 6px;
  scroll-behavior: smooth;
}

.time-option-strip button {
  min-height: 42px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 15px;
  color: #20314d;
  background: #fff;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.time-option-strip button:hover,
.time-option-strip button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(31, 132, 229, 0.26);
}

.time-option-strip button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24);
}

.time-sheet-actions {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 10px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sheetUp {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 520px) {
  .content,
  .panel,
  .agency-schedules-page,
  .schedule-command-hero,
  .builder-step-card,
  .schedule-action-drawer,
  .modal-backdrop > *,
  .time-sheet {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .builder-timetable-grid,
  .advanced-rota-table,
  .timeline-grid,
  .planner-command-bar > div:last-child {
    overflow-x: hidden;
  }

  .builder-timetable-head,
  .advanced-rota-head,
  .timeline-head {
    display: none;
  }

  .builder-timetable-grid article,
  .advanced-rota-table article {
    min-width: 0;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }

  .builder-timetable-grid article > *,
  .advanced-rota-table article > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .timeline-row {
    min-width: 0;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .timeline-row > strong {
    min-height: auto;
    white-space: normal;
  }

  .timeline-row article,
  .timeline-empty {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .drawer-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .time-picker-pair,
  .break-settings-grid,
  .break-modal-grid {
    grid-template-columns: 1fr;
  }

  .premium-time-picker {
    min-height: 92px;
  }

  .premium-time-picker em {
    min-width: 0;
  }

  .time-validation-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .time-validation-row small {
    grid-column: 2;
  }
}

/* Android APK native WebView guardrails.
   Keep the normal AgencyHub design intact; only stabilise viewport, status spacing,
   and app-level overflow for the packaged Android WebView. */
html.native-android,
html.native-android body,
html.native-android #app {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-x: hidden;
  background: #061936;
}

html.native-android * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html.native-android .app-shell {
  width: 100%;
  max-width: 430px;
  min-width: 0;
  min-height: 100dvh;
  overflow-x: hidden;
}

html.native-android .main,
html.native-android .content,
html.native-android .panel,
html.native-android .settings-page,
html.native-android .profile-manager-page,
html.native-android .agency-schedules-page,
html.native-android .agency-offers-page,
html.native-android .shift-documents-page {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

html.native-android .agency-premium-header,
html.native-android .app-header {
  top: 0;
  padding-top: max(18px, env(safe-area-inset-top));
  animation: none;
}

html.native-android .app-greeting h1,
html.native-android .app-greeting p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.native-android .agency-premium-header,
html.native-android .header-icon-button,
html.native-android .header-filter,
html.native-android .header-tools,
html.native-android .nav,
html.native-android .sidebar-card,
html.native-android .modal-backdrop,
html.native-android .schedule-drawer-backdrop,
html.native-android .training-action-bar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.native-android .nav {
  width: min(100%, 430px);
  max-width: 100%;
}

html.native-android .modal-backdrop,
html.native-android .schedule-drawer-backdrop {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

html.native-android .modal-backdrop > *,
html.native-android .schedule-action-drawer,
html.native-android .time-sheet,
html.native-android .offer-setup-modal,
html.native-android .confirm-modal,
html.native-android .logout-confirm-modal,
html.native-android .late-checkin-modal,
html.native-android .expense-claim-modal,
html.native-android .document-review-modal {
  width: 100%;
  max-width: min(430px, calc(100vw - 24px));
  min-width: 0;
  overflow-x: hidden;
}

html.native-android .dispatch-workflow-backdrop {
  padding: 0;
}

html.native-android .dispatch-workflow-sheet {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
}

html.native-android .builder-timetable-grid,
html.native-android .advanced-rota-table,
html.native-android .timeline-grid,
html.native-android .schedule-command-tabs,
html.native-android .agency-finance-tabs,
html.native-android .schedule-view-tabs,
html.native-android .schedule-flow-tabs,
html.native-android .schedule-stepper,
html.native-android .workforce-pool-tabs,
html.native-android .schedule-filter-bar,
html.native-android .planner-toolbar,
html.native-android .rota-premium-actions,
html.native-android .smart-match-actions,
html.native-android .funding-action-row,
html.native-android .status-tabs,
html.native-android .people-switcher,
html.native-android .profile-tabs,
html.native-android .sort-toolbar,
html.native-android .lightning-ops-tabs,
html.native-android .schedule-group-actions {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

html.native-android button,
html.native-android input,
html.native-android select,
html.native-android textarea,
html.native-android img,
html.native-android svg,
html.native-android video,
html.native-android canvas {
  max-width: 100%;
}

@media (max-width: 380px) {
  .dispatch-workflow-body {
    padding-inline: 10px;
  }

  .dispatch-shift-grid,
  .dispatch-funding-preview,
  .dispatch-queue-controls,
  .dispatch-pipeline-visual,
  .candidate-offer-time {
    grid-template-columns: 1fr;
  }

  .dispatch-module-actions,
  .dispatch-response-actions,
  .dispatch-wave-actions,
  .prototype-sheet-actions {
    grid-template-columns: 1fr;
  }

  .dispatch-wave-row {
    grid-template-columns: 30px minmax(0, 1fr) 10px;
  }

  .dispatch-wave-row .lightning-status {
    grid-column: 2 / -1;
    justify-self: start;
    max-width: 100%;
  }

  .candidate-offer-hero h3 {
    font-size: 18px;
  }
}

html.native-android .dispatch-step-card,
html.native-android .candidate-offer-real-card,
html.native-android .dispatch-wave,
html.native-android .funding-timeline-live article,
html.native-android .prototype-live-state {
  max-width: 100%;
  box-sizing: border-box;
}

@media@media (max-width: 430px) {
  .dispatch-workflow-body {
    padding: 12px 12px 170px;
  }

  .dispatch-workflow-hero {
    padding: calc(14px + env(safe-area-inset-top, 0px)) 14px 12px;
  }

  .dispatch-workflow-hero .icon-button {
    width: 34px;
    height: 34px;
  }

  .dispatch-workflow-hero h2 {
    font-size: 26px;
    line-height: 1.04;
  }

  .dispatch-workflow-hero p {
    font-size: 11px;
    line-height: 1.36;
  }

  .dispatch-step-nav {
    gap: 5px;
  }

  .dispatch-step-nav button {
    min-height: 50px;
    border-radius: 16px;
    padding-inline: 3px;
  }

  .dispatch-step-nav strong {
    font-size: 8.5px;
  }

  .dispatch-funding-preview,
  .dispatch-queue-controls {
    grid-template-columns: 1fr;
  }

  .dispatch-response-actions {
    grid-template-columns: 1fr 1fr;
  }

  .dispatch-response-actions .button {
    grid-column: 1 / -1;
  }

  .dispatch-module-actions {
    grid-template-columns: 1fr;
  }

  .dispatch-sticky-actions {
    padding-inline: 12px;
  }

  .candidate-offer-real-card {
    gap: 9px;
    padding: 12px;
  }

  .candidate-offer-hero {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .candidate-offer-hero > span {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .candidate-offer-hero h3 {
    font-size: 18px;
  }

  .candidate-offer-time span,
  .candidate-offer-countdown {
    padding: 8px;
  }

  .candidate-offer-countdown {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .candidate-offer-countdown > span {
    height: 36px;
  }

  .candidate-offer-countdown i {
    width: 20px;
    height: 20px;
  }

  .role-clearance-row span {
    line-height: 1.22;
  }
}

@media (max-width: 768px) {
  .agency-training-page {
    gap: 18px;
    width: 100%;
    max-width: 100%;
    padding: 0 12px 170px;
    box-sizing: border-box;
  }

  .training-deployment-hero {
    display: none;
  }

  .training-engine-shell {
    width: 100%;
    max-width: 100%;
    gap: 28px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .training-sync-bar,
  .training-stepper {
    display: none;
  }

  .training-mobile-step-overview {
    display: grid;
    gap: 10px;
    width: 100%;
    padding: 24px;
    border: 1px solid rgba(216, 229, 244, 0.92);
    border-radius: 28px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 16px 34px rgba(6, 25, 54, 0.06);
    box-sizing: border-box;
  }

  .training-mobile-step-overview span {
    color: #1238b6;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .training-mobile-step-overview strong {
    color: #07182f;
    font-size: 30px;
    line-height: 1.08;
  }

  .training-engine-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .training-ops-summary {
    position: static;
    order: -1;
    width: 100%;
    border-radius: 28px;
    padding: 24px;
  }

  .training-summary-list,
  .training-intel-row,
  .training-deploy-summary,
  .training-control-grid,
  .training-eligibility-grid,
  .training-unlock-grid,
  .training-preview-meta,
  .training-template-grid,
  .training-candidate-pipeline,
  .training-job-unlocks,
  .training-telemetry-grid {
    grid-template-columns: 1fr;
  }

  .training-engine-card {
    width: 100%;
    gap: 30px;
    padding: 28px 24px;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .training-field input,
  .training-field select {
    width: 100%;
    min-height: 64px;
    border-radius: 22px;
    padding-inline: 18px;
    font-size: 16px;
  }

  .training-engine-actions {
    position: sticky;
    bottom: calc(74px + env(safe-area-inset-bottom));
    z-index: 30;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
    margin: 0 -2px;
    border: 1px solid rgba(216, 229, 244, 0.92);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 44px rgba(6, 25, 54, 0.16);
    backdrop-filter: blur(16px);
  }

  .training-engine-actions button:first-child {
    display: none;
  }

  .training-engine-actions button {
    min-height: 54px;
    font-size: 14px;
  }
}

html.native-android .agency-training-page {
  gap: 18px;
  width: 100%;
  max-width: 100%;
  padding: 0 12px 170px;
  box-sizing: border-box;
}

html.native-android .training-deployment-hero,
html.native-android .training-sync-bar,
html.native-android .training-stepper {
  display: none;
}

html.native-android .training-engine-shell {
  width: 100%;
  max-width: 100%;
  gap: 28px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.native-android .training-mobile-step-overview {
  display: grid;
}

html.native-android .training-engine-layout,
html.native-android .training-summary-list,
html.native-android .training-control-grid,
html.native-android .training-eligibility-grid,
html.native-android .training-unlock-grid,
html.native-android .training-preview-meta,
html.native-android .training-template-grid,
html.native-android .training-candidate-pipeline,
html.native-android .training-job-unlocks,
html.native-android .training-telemetry-grid {
  grid-template-columns: 1fr;
}

.advanced-builder-command {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 85% 0%, rgba(255, 255, 255, 0.26), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 52%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.advanced-builder-command strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}

.advanced-builder-command p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 760;
}

.advanced-builder-command span {
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.16);
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.builder-timetable-grid {
  display: grid;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

.builder-timetable-head,
.builder-timetable-grid article {
  min-width: 680px;
  display: grid;
  grid-template-columns: 88px 128px 112px 148px 112px 94px;
  gap: 8px;
  align-items: center;
}

.builder-timetable-head {
  padding: 0 10px;
  color: #53627b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.builder-timetable-grid article {
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.builder-timetable-grid article.warning {
  border-color: rgba(245, 158, 11, 0.26);
  background: linear-gradient(180deg, #fff, #fff8ec);
}

.builder-timetable-grid article.expanded {
  border-color: rgba(37, 99, 235, 0.38);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 34%),
    #fff;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.14);
  transform: translateY(-1px);
}

.builder-timetable-grid article.muted {
  background: #f8fafc;
}

.builder-timetable-grid strong,
.builder-timetable-grid span,
.builder-timetable-grid em {
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.builder-timetable-grid em {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.builder-timetable-grid article.warning em {
  color: #92400e;
  background: rgba(245, 158, 11, 0.16);
}

.rota-day-editor {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
  animation: builderSlideIn 180ms ease both;
}

.rota-day-editor-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.rota-day-editor-header span {
  color: #1f56d8;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.rota-day-editor-header h4 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.rota-day-editor-header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 760;
}

.rota-day-editor-header > strong {
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
  font-size: 10px;
  white-space: nowrap;
}

.day-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.day-insight-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.86);
}

.day-insight-grid span {
  color: #53627b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.day-insight-grid strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.1;
}

.day-insight-grid small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 760;
}

.day-actions button {
  background: rgba(15, 23, 42, 0.06);
  color: #0f172a;
}

.mini-timeline-builder {
  display: grid;
  grid-template-columns: repeat(4, minmax(76px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(248, 251, 255, 0.9);
  scrollbar-width: thin;
}

.mini-timeline-builder > span {
  color: #53627b;
  font-size: 10px;
  font-weight: 950;
}

.mini-timeline-builder article {
  min-height: 72px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 10px;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #2563eb);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.mini-timeline-builder article.warehouse {
  background: linear-gradient(135deg, #0f766e, #14b8a6);
}

.mini-timeline-builder article.security {
  background: linear-gradient(135deg, #0f172a, #334155);
}

.mini-timeline-builder b {
  font-size: 12px;
  line-height: 1.2;
}

.mini-timeline-builder small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 820;
}

.simple-shift-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.pay-rules-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.pay-rules-matrix article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.08), transparent 36%),
    #fff;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.pay-rules-matrix span {
  color: #53627b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pay-rules-matrix strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.pay-rules-matrix small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 760;
}

.ops-validation-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.ops-validation-strip::-webkit-scrollbar {
  display: none;
}

.ops-validation-strip span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  border-radius: 999px;
  padding: 0 11px;
  color: #047857;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.14);
  font-size: 10px;
  font-weight: 950;
}

.ops-validation-strip svg {
  width: 13px;
  height: 13px;
}

.premium-assignment-drawer {
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.1), transparent 34%),
    #f8fbff;
}

.worker-select-row.recommended {
  border-color: rgba(37, 99, 235, 0.18);
  background: linear-gradient(135deg, #ffffff, #f4f8ff);
}

.worker-select-row .ghost-button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 10px;
}

.schedule-search-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(31, 132, 229, 0.1);
  color: var(--muted);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.07);
}

.schedule-search-panel svg {
  width: 17px;
  height: 17px;
}

.schedule-search-panel input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  color: var(--ink);
  font-size: 13px;
}

.workforce-collection-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.workforce-collection-grid article {
  display: grid;
  gap: 5px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
}

.workforce-collection-grid span,
.workforce-collection-grid small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.workforce-collection-grid button,
.rota-action-row button {
  justify-self: start;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  padding: 0 9px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
}

.smart-match-list {
  display: grid;
  gap: 10px;
}

.smart-match-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid rgba(37, 99, 235, 0.13);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 36%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 16px 32px rgba(6, 25, 54, 0.08);
}

.smart-match-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.smart-match-top strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.2;
}

.smart-match-top small {
  color: var(--muted);
  font-size: 11px;
}

.smart-match-top em {
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.smart-reasons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.smart-reasons span {
  min-width: 0;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 5px;
  align-items: start;
  border-radius: 12px;
  padding: 7px;
  background: rgba(246, 249, 253, 0.86);
  color: #53627b;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
}

.smart-reasons svg {
  width: 13px;
  height: 13px;
  color: #10b981;
}

.smart-match-actions {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
}

.smart-match-actions::-webkit-scrollbar {
  display: none;
}

.smart-match-actions button {
  flex: 0 0 auto;
  min-height: 31px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  padding: 0 10px;
  background: #fff;
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.smart-match-actions button:first-child {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.rota-tool-grid.command {
  gap: 10px;
}

.rota-tool-grid.command article {
  border-radius: 20px;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.rota-action-row {
  grid-column: 1 / -1;
  display: flex;
  gap: 7px;
  overflow-x: auto;
  align-items: center;
  margin-top: 6px;
}

.rota-action-row em {
  flex: 0 0 auto;
  color: var(--muted);
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.schedule-heatmap-panel,
.premium-calendar-panel {
  padding: 12px;
}

.staffing-heatmap {
  display: grid;
  grid-template-columns: repeat(7, minmax(52px, 1fr));
  gap: 7px;
  overflow-x: auto;
}

.staffing-heatmap span {
  min-height: 56px;
  border-radius: 15px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.staffing-heatmap span.ok {
  background: linear-gradient(135deg, #0f9f6e, #47d199);
}

.staffing-heatmap span.warn {
  background: linear-gradient(135deg, #c47a09, #f5b945);
}

.staffing-heatmap span.hot {
  background: linear-gradient(135deg, #b42318, #f97066);
}

.calendar-lane-grid {
  display: grid;
  gap: 9px;
}

.calendar-lane-grid > div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
}

.calendar-lane-grid > div > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  padding-top: 9px;
}

.calendar-lane-grid article {
  min-height: 54px;
  border-left: 4px solid #2563eb;
  border-radius: 16px;
  padding: 9px 11px;
  background: linear-gradient(135deg, #f8fbff, #fff);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
}

.calendar-lane-grid article.warning {
  border-left-color: #f59e0b;
}

.calendar-lane-grid article.critical {
  border-left-color: #ef4444;
}

.calendar-lane-grid strong {
  display: block;
  color: var(--ink);
  font-size: 13px;
}

.calendar-lane-grid small {
  color: var(--muted);
  font-size: 11px;
}

.rota-command-panel,
.advanced-timetable-panel,
.timeline-planner-panel,
.planner-command-bar,
.enterprise-heatmap-panel {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.68);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 250, 255, 0.94));
  box-shadow: 0 18px 40px rgba(6, 25, 54, 0.09);
}

.rota-command-panel {
  display: grid;
  gap: 14px;
  padding: 14px;
  border-radius: 24px;
}

.enterprise-rota-grid {
  display: grid;
  gap: 12px;
}

.enterprise-rota-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92)),
    #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.enterprise-rota-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.11);
}

.enterprise-rota-top {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: start;
}

.enterprise-rota-top > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #102a75, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2);
}

.enterprise-rota-top svg {
  width: 18px;
  height: 18px;
}

.enterprise-rota-top div {
  min-width: 0;
}

.enterprise-rota-top strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.18;
}

.enterprise-rota-top p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.enterprise-rota-top em {
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.rota-metric-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.rota-metric-strip span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 16px;
  background: #f6faff;
  border: 1px solid rgba(31, 132, 229, 0.09);
}

.rota-metric-strip small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.rota-metric-strip b {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.rota-premium-actions,
.planner-toolbar {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: none;
}

.rota-premium-actions::-webkit-scrollbar,
.planner-toolbar::-webkit-scrollbar {
  display: none;
}

.rota-premium-actions button,
.planner-toolbar button,
.planner-command-bar button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.08);
  color: #1f56d8;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.rota-premium-actions button:first-child,
.planner-toolbar button:first-child {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  border-color: transparent;
}

.advanced-timetable-panel,
.timeline-planner-panel,
.enterprise-heatmap-panel {
  padding: 14px;
  border-radius: 24px;
}

.advanced-rota-table {
  display: grid;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

.advanced-rota-head,
.advanced-rota-table article {
  min-width: 780px;
  display: grid;
  grid-template-columns: 86px 148px 116px 172px 106px 82px 100px;
  gap: 8px;
  align-items: center;
}

.advanced-rota-head {
  padding: 0 10px;
  color: #53627b;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.advanced-rota-table article {
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.advanced-rota-table article.warning {
  background: linear-gradient(180deg, #fff, #fff8ed);
  border-color: rgba(245, 158, 11, 0.25);
}

.advanced-rota-table article.muted {
  background: #f8fafc;
}

.advanced-rota-table strong,
.advanced-rota-table span,
.advanced-rota-table em {
  min-width: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.advanced-rota-table em {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.advanced-rota-table article.warning em {
  color: #92400e;
  background: rgba(245, 158, 11, 0.16);
}

.planner-note {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 12px;
  border-radius: 18px;
  background: #eef6ff;
  color: #38506b;
}

.planner-note svg {
  width: 18px;
  height: 18px;
  color: #1f56d8;
}

.planner-note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 760;
}

.planner-command-bar {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
}

.planner-command-bar > div:first-child {
  display: grid;
  gap: 3px;
}

.planner-command-bar span {
  color: #1f56d8;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.planner-command-bar strong {
  color: var(--ink);
  font-size: 14px;
}

.planner-command-bar > div:last-child {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.timeline-grid {
  display: grid;
  gap: 9px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}

.timeline-head,
.timeline-row {
  min-width: 880px;
  display: grid;
  grid-template-columns: 150px repeat(7, minmax(92px, 1fr));
  gap: 8px;
  align-items: stretch;
}

.timeline-head span,
.timeline-head strong {
  color: #53627b;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.timeline-row > strong {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 74px;
  padding: 10px;
  border-radius: 16px;
  color: var(--ink);
  background: #fff;
  border: 1px solid rgba(31, 132, 229, 0.1);
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.045);
  font-size: 12px;
  line-height: 1.25;
}

.timeline-row article,
.timeline-empty {
  min-height: 74px;
  border-radius: 17px;
  border: 1px solid rgba(31, 132, 229, 0.11);
}

.timeline-row article {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 10px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #2563eb);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
  cursor: grab;
}

.timeline-row article.split {
  background: linear-gradient(135deg, #6d28d9, #a855f7);
}

.timeline-row article.security {
  background: linear-gradient(135deg, #0f172a, #334155);
}

.timeline-row article.gap {
  background: linear-gradient(135deg, #b42318, #f97316);
}

.timeline-row article b {
  font-size: 12px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.timeline-row article small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
}

.timeline-empty {
  display: grid;
  place-items: center;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.58);
  font-size: 18px;
  font-weight: 950;
}

.staffing-heatmap.enterprise {
  grid-template-columns: repeat(7, minmax(90px, 1fr));
}

.staffing-heatmap.enterprise span {
  min-height: 76px;
  text-align: left;
  align-content: start;
}

.staffing-heatmap.enterprise b {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.staffing-heatmap.enterprise small {
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  line-height: 1.2;
}

@media (max-width: 370px) {
  .enterprise-rota-top {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .enterprise-rota-top em {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .rota-metric-strip,
  .builder-control-grid,
  .builder-finance-preview,
  .rota-mode-toggle,
  .time-picker-pair,
  .simple-shift-panel,
  .pay-rules-matrix,
  .day-insight-grid {
    grid-template-columns: 1fr;
  }

  .premium-time-picker {
    grid-template-columns: 1fr;
  }
}

.schedule-activity-feed {
  display: grid;
  gap: 9px;
  padding: 0 12px 12px;
}

.schedule-activity-feed article {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 11px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(31, 132, 229, 0.09);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
}

.schedule-activity-feed article > span {
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border-radius: 999px;
  background: #2563eb;
}

.schedule-activity-feed article > span.green {
  background: #10b981;
}

.schedule-activity-feed article > span.yellow {
  background: #f59e0b;
}

.schedule-activity-feed strong {
  color: var(--ink);
  font-size: 13px;
}

.schedule-activity-feed p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.schedule-activity-feed small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

.schedule-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  align-items: end;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: rgba(6, 25, 54, 0.46);
  backdrop-filter: blur(6px);
}

.schedule-action-drawer {
  width: 100%;
  max-width: 430px;
  min-width: 0;
  margin: 0 auto;
  box-sizing: border-box;
  max-height: min(82vh, 720px);
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  gap: 12px;
  padding: 10px 14px 18px;
  border-radius: 28px 28px 0 0;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff, #f7faff);
  box-shadow: 0 -22px 48px rgba(6, 25, 54, 0.22);
}

.drawer-handle {
  justify-self: center;
  width: 46px;
  height: 5px;
  border-radius: 999px;
  background: rgba(83, 98, 123, 0.26);
}

.drawer-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.drawer-title-row span {
  color: #1f56d8;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.drawer-title-row h2 {
  margin: 4px 0 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.1;
}

.drawer-title-row p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.drawer-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer-kpi-grid article,
.builder-finance-preview article,
.drawer-info-list span,
.drawer-worker-list span {
  border-radius: 16px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.88);
  padding: 10px;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
}

.drawer-kpi-grid strong,
.builder-finance-preview strong {
  display: block;
  color: var(--ink);
  font-size: 18px;
}

.drawer-kpi-grid span,
.builder-finance-preview span,
.drawer-info-list strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
  font-weight: 950;
}

.drawer-kpi-grid small,
.builder-finance-preview small,
.drawer-info-list span,
.drawer-worker-list span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.drawer-info-list,
.drawer-worker-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.drawer-info-list span,
.drawer-worker-list span,
.drawer-kpi-grid article {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.drawer-worker-list span.blocked {
  color: #9f1239;
  background: rgba(254, 242, 242, 0.9);
}

.drawer-action-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  position: sticky;
  bottom: 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-top: 6px;
  background: linear-gradient(180deg, rgba(247, 250, 255, 0), #f7faff 35%);
}

.mobile-shift-detail {
  min-width: 0;
  display: grid;
  gap: 10px;
  width: 100%;
}

.mobile-detail-hero {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 13px;
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 56%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.22);
}

.mobile-detail-hero span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mobile-detail-hero h3 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.mobile-detail-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 760;
}

.mobile-assigned-workers {
  display: grid;
  gap: 8px;
}

.mobile-assigned-workers strong {
  color: var(--ink);
  font-size: 12px;
}

.mobile-assigned-workers span {
  min-width: 0;
  display: block;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.9);
  color: #53627b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 850;
  overflow-wrap: anywhere;
}

@media (min-width: 420px) {
  .schedule-worker-row {
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
  }

  .schedule-worker-row em,
  .schedule-worker-row b {
    display: inline-grid;
  }
}

.offer-detail-button {
  justify-self: start;
}

.offer-detail-page {
  gap: 14px;
}

.offer-detail-panel {
  overflow: hidden;
}

.offer-detail-hero {
  padding: 16px 14px;
  background: linear-gradient(135deg, #eef6ff, #fff);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.offer-detail-hero h2 {
  margin: 10px 0 5px;
  font-size: 22px;
  line-height: 1.1;
}

.offer-detail-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.offer-detail-summary {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.offer-detail-summary span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f8fbff;
  padding: 10px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.offer-detail-summary strong {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.offer-detail-section {
  padding: 0 14px 15px;
}

.offer-detail-section h3 {
  margin: 0 0 7px;
  font-size: 15px;
}

.offer-detail-section p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.requirement-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.requirement-chip-grid span {
  border-radius: 999px;
  background: #eaf4ff;
  color: var(--brand-dark);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
}

.offer-detail-actions {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 48;
  width: min(100%, 430px);
  transform: translateX(-50%);
  border-top: 1px solid rgba(6, 25, 54, 0.1);
  background: rgba(255, 255, 255, 0.96);
  padding: 9px 18px calc(10px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 8px;
  box-shadow: 0 -14px 30px rgba(6, 25, 54, 0.14);
  backdrop-filter: blur(18px);
}

.offer-detail-actions .button,
.offer-detail-actions .ghost-button {
  min-height: 38px;
  border-radius: 999px;
  font-size: 12px;
}

.offer-detail-actions .button svg {
  width: 15px;
  height: 15px;
}

.settings-page {
  gap: 14px;
}

.settings-title-card {
  margin: 0 4px 2px;
  padding: 4px 2px 2px;
}

.settings-title-card h2 {
  margin: 0;
  color: var(--ink);
  font-size: 28px;
  line-height: 1.08;
}

.settings-title-card p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
}

.settings-detail-title-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.settings-group {
  display: grid;
  gap: 8px;
}

.settings-group h3 {
  margin: 0 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-list {
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.06);
}

.settings-row {
  width: 100%;
  min-width: 0;
  border: 0;
  background: #fff;
  color: var(--ink);
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  gap: 11px;
  align-items: center;
  text-align: left;
}

.settings-row + .settings-row {
  border-top: 1px solid rgba(216, 229, 244, 0.8);
}

.settings-row > span:first-child {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #eef6ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.settings-row svg {
  width: 18px;
  height: 18px;
}

.settings-row > svg {
  color: var(--muted);
  transform: rotate(180deg);
  opacity: 0.55;
}

.settings-row strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.settings-row small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

.settings-row.static {
  grid-template-columns: 38px minmax(0, 1fr);
}

.settings-row.static + .settings-row.static {
  border-top: 1px solid rgba(216, 229, 244, 0.8);
}

.settings-session-group {
  margin-top: 5px;
}

.settings-session-group .settings-row {
  grid-template-columns: 38px minmax(0, 1fr);
  border: 1px solid rgba(216, 75, 100, 0.18);
  border-radius: 18px;
  color: var(--red);
  box-shadow: 0 12px 28px rgba(216, 75, 100, 0.07);
}

.settings-session-group .settings-row > span:first-child {
  background: #fff0f3;
  color: var(--red);
}

.settings-session-group .settings-row strong {
  color: var(--red);
}

.settings-page {
  padding-bottom: calc(190px + env(safe-area-inset-bottom));
}

.settings-control-hero {
  position: relative;
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 10% 0%, rgba(139,92,246,.36), transparent 34%),
    linear-gradient(145deg, #08152f, #172453 58%, #351a62);
  box-shadow: 0 24px 60px rgba(9, 20, 49, .24), inset 0 1px 0 rgba(255,255,255,.18);
}

.settings-control-hero::after {
  content: "";
  position: absolute;
  inset: auto -20% -42% 26%;
  height: 140px;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  filter: blur(18px);
  pointer-events: none;
}

.settings-hero-topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.settings-hero-topline > span,
.settings-detail-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(235,242,255,.72);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.settings-hero-topline i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #71f2bd;
  box-shadow: 0 0 0 5px rgba(113,242,189,.14);
}

.settings-back-button,
.settings-detail-title-card .profile-header-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.settings-back-button svg,
.settings-detail-title-card .profile-header-button svg {
  width: 16px;
  height: 16px;
}

.settings-control-hero h2,
.settings-control-hero p,
.settings-control-hero .settings-detail-kicker {
  position: relative;
  z-index: 1;
}

.settings-control-hero h2 {
  color: #fff;
  font-size: 25px;
  letter-spacing: 0;
}

.settings-control-hero p {
  max-width: 330px;
  color: rgba(235,242,255,.72);
  font-size: 13px;
  line-height: 1.45;
}

.settings-identity-strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.settings-identity-strip span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.settings-identity-strip strong {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-identity-strip small {
  color: rgba(235,242,255,.62);
  font-size: 11px;
  font-weight: 800;
}

.settings-identity-strip em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: 999px;
  color: #071427;
  background: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.settings-identity-strip svg {
  width: 15px;
  height: 15px;
}

.settings-page .settings-group {
  gap: 10px;
}

.settings-page .settings-group h3 {
  margin: 0 4px;
  color: #68758b;
  font-size: 11px;
}

.settings-page .settings-list {
  border-color: rgba(213,224,242,.78);
  border-radius: 22px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 42px rgba(12, 25, 52, .08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.settings-page .settings-row {
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  gap: 12px;
  min-height: 66px;
  padding: 13px 14px;
  background: transparent;
}

.settings-page .settings-row > span:first-child {
  width: 40px;
  height: 40px;
  color: #5b44d7;
  background: linear-gradient(145deg, #eef4ff, #f7f0ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.settings-page .settings-row strong {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-page .settings-row small {
  display: -webkit-box;
  overflow: hidden;
  color: #6f7f95;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.settings-session-group .settings-row {
  grid-template-columns: 40px minmax(0, 1fr);
}

.settings-detail-title-card {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.settings-detail-panel {
  display: grid;
  gap: 10px;
  padding-bottom: 10px;
}

.settings-save-error {
  margin-bottom: 10px;
  padding: 11px 13px;
  border: 1px solid rgba(239,68,68,.24);
  border-radius: 16px;
  color: #991b1b;
  background: rgba(254,242,242,.92);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.settings-control-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(213,224,242,.78);
  border-radius: 20px;
  color: var(--ink);
  background: rgba(255,255,255,.90);
  box-shadow: 0 14px 34px rgba(12,25,52,.07);
  box-sizing: border-box;
  text-align: left;
}

.settings-control-row > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #5b44d7;
  background: linear-gradient(145deg, #eef4ff, #f7f0ff);
}

.settings-control-row svg {
  width: 18px;
  height: 18px;
}

.settings-control-row div {
  min-width: 0;
}

.settings-select-row div {
  position: relative;
  width: 100%;
}

.settings-control-row strong {
  display: block;
  color: #17233d;
  font-size: 14px;
  line-height: 1.2;
}

.settings-control-row small {
  display: block;
  margin-top: 4px;
  color: #6f7f95;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.settings-input-row,
.settings-select-row,
.settings-photo-row {
  grid-template-columns: 40px minmax(0, 1fr);
}

.settings-readonly-row {
  grid-template-columns: 40px minmax(0, 1fr);
  border-color: rgba(74, 96, 140, .18);
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,248,255,.92)),
    radial-gradient(circle at 90% 12%, rgba(91,68,215,.10), transparent 36%);
}

.settings-readonly-reference {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 54px;
  margin-top: 10px;
  padding: 0 14px;
  border: 1px solid rgba(194,207,228,.88);
  border-radius: 16px;
  color: #15223a;
  background: linear-gradient(145deg, rgba(248,251,255,.96), rgba(239,245,255,.90));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 22px rgba(12,25,52,.05);
  box-sizing: border-box;
}

.settings-readonly-reference b {
  min-width: 0;
  color: #11203a;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
}

.settings-readonly-reference em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(16,185,129,.18);
  border-radius: 999px;
  color: #06734f;
  background: rgba(229,250,240,.86);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.settings-readonly-reference em.pending {
  border-color: rgba(148,163,184,.22);
  color: #61708a;
  background: rgba(239,244,251,.94);
}

.settings-readonly-reference em svg {
  width: 13px;
  height: 13px;
}

.settings-readonly-row p {
  margin: 10px 0 0;
  color: #718198;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.settings-input-row input,
.settings-select-row select {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  margin-top: 10px;
  padding: 0 44px 0 14px;
  border: 1px solid rgba(194,207,228,.88);
  border-radius: 16px;
  color: #15223a;
  background: rgba(248,251,255,.94);
  font-size: 13px;
  font-weight: 800;
  outline: 0;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 22px rgba(12,25,52,.05);
}

.settings-select-row select {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.settings-select-shell {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.settings-select-shell::after {
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% + 5px);
  width: 8px;
  height: 8px;
  border-right: 2px solid #5b44d7;
  border-bottom: 2px solid #5b44d7;
  pointer-events: none;
  transform: translateY(-50%) rotate(45deg);
}

.settings-input-row input:focus,
.settings-select-row select:focus {
  border-color: rgba(91,68,215,.58);
  box-shadow: 0 0 0 4px rgba(91,68,215,.12), inset 0 1px 0 rgba(255,255,255,.86), 0 12px 26px rgba(12,25,52,.08);
}

.settings-input-row input[aria-invalid="true"],
.settings-select-row select[aria-invalid="true"],
.settings-photo-upload:has(input[aria-invalid="true"]) {
  border-color: rgba(239,68,68,.52);
  box-shadow: 0 0 0 4px rgba(239,68,68,.10), inset 0 1px 0 rgba(255,255,255,.86), 0 12px 26px rgba(12,25,52,.08);
}

.settings-field-error {
  margin: 7px 0 0;
  color: #b91c1c;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}

.settings-photo-row {
  align-items: start;
  border-color: rgba(175,194,224,.76);
  background:
    radial-gradient(circle at 88% 12%, rgba(71,116,255,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,250,255,.94));
  box-shadow: 0 16px 36px rgba(31,72,130,.09), inset 0 1px 0 rgba(255,255,255,.96);
}

.settings-photo-upload {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 58px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(166,187,221,.84);
  border-radius: 18px;
  color: #10213d;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,246,255,.92)),
    radial-gradient(circle at 86% 18%, rgba(122,76,232,.11), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 24px rgba(21,54,105,.07);
}

.settings-photo-upload-trigger {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  cursor: pointer;
}

.settings-photo-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.settings-photo-upload i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 36%),
    linear-gradient(145deg, #0b2a62, #176fe2 58%, #7550ef);
  box-shadow: 0 12px 22px rgba(28,92,198,.18), inset 0 1px 0 rgba(255,255,255,.30);
  font-style: normal;
}

.settings-photo-upload i svg {
  width: 20px;
  height: 20px;
}

.settings-photo-upload b {
  min-width: 0;
  overflow: hidden;
  color: #10213d;
  font-size: 13px;
  font-weight: 860;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-photo-upload em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(25,99,215,.18);
  border-radius: 999px;
  color: #0d56c7;
  background: rgba(235,244,255,.88);
  font-size: 11px;
  font-style: normal;
  font-weight: 920;
  white-space: nowrap;
}

.settings-photo-upload button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(128, 151, 184, .34);
  border-radius: 999px;
  color: #5a6980;
  background: rgba(255,255,255,.9);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}

.settings-photo-upload button svg {
  width: 14px;
  height: 14px;
}

.settings-photo-row p {
  margin: 9px 0 0;
  color: #66758f;
  font-size: 12px;
  font-weight: 710;
  line-height: 1.35;
}

.settings-toggle-row em {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7a879b;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.settings-toggle-row em i {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: #dce5f1;
  transition: background .18s ease;
}

.settings-toggle-row em i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(15,23,42,.18);
  transition: transform .18s ease;
}

.settings-toggle-row.active {
  border-color: rgba(91,68,215,.28);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,241,255,.92));
}

.settings-toggle-row.active em {
  color: #4b39bb;
}

.settings-toggle-row.active em i {
  background: linear-gradient(135deg, #4e5cff, #7e45e8);
}

.settings-toggle-row.active em i::after {
  transform: translateX(18px);
}

.settings-detail-actions {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
  gap: 12px;
  margin: 4px 2px calc(98px + env(safe-area-inset-bottom));
  padding: 8px;
  border: 1px solid rgba(218,228,242,.80);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,247,255,.82)),
    radial-gradient(circle at 84% 12%, rgba(80,123,255,.12), transparent 36%);
  box-shadow: 0 16px 38px rgba(12,25,52,.14), inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.settings-detail-actions .button,
.settings-detail-actions .ghost-button {
  width: 100%;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 12px 22px rgba(18,56,115,.10);
}

.settings-detail-actions .button svg,
.settings-detail-actions .ghost-button svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.settings-detail-actions .button span,
.settings-detail-actions .ghost-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-detail-actions .ghost-button {
  color: #13223c;
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,.98), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(246,250,255,.92));
  border: 1px solid rgba(29,48,82,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 12px 22px rgba(18,38,75,.08);
}

.settings-detail-actions .button {
  color: #fff;
  border: 1px solid rgba(255,255,255,.20);
  background:
    radial-gradient(circle at 84% 12%, rgba(105,164,255,.34), transparent 35%),
    linear-gradient(135deg, #071d45, #0d54b8 58%, #286fe8);
}

.settings-detail-actions .button:disabled {
  opacity: 1;
  color: #eef4ff;
  border-color: rgba(255,255,255,.26);
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.26), transparent 38%),
    linear-gradient(145deg, #b7c2d2, #8b9aaf);
  filter: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 24px rgba(38,50,70,.10);
}

@media (max-width: 370px) {
  .settings-control-row,
  .settings-page .settings-row {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
  }

  .settings-control-row > span,
  .settings-page .settings-row > span:first-child {
    width: 36px;
    height: 36px;
  }

  .settings-toggle-row em {
    gap: 5px;
    font-size: 11px;
  }

  .settings-detail-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.agency-settings-shell {
  background:
    radial-gradient(circle at 82% 2%, rgba(105,126,255,.14), transparent 34%),
    radial-gradient(circle at 9% 32%, rgba(244,247,255,.9), transparent 30%),
    linear-gradient(180deg, #fbfcff 0%, #f4f7fc 48%, #eef3fa 100%);
}

.agency-settings-shell .app-header {
  display: none;
}

.agency-settings-shell .main {
  padding: 0 0 calc(108px + env(safe-area-inset-bottom));
}

.agency-settings-page {
  width: 100%;
  gap: 22px;
  padding: max(22px, env(safe-area-inset-top)) 8px 0;
}

.agency-settings-topbar {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.agency-settings-avatar {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #08142c;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.96), rgba(255,255,255,.28) 42%, transparent 43%),
    linear-gradient(135deg, #f5f8ff 0%, #aebdff 100%);
  font-size: 21px;
  font-weight: 820;
  letter-spacing: .02em;
  box-shadow: 0 14px 28px rgba(52,83,191,.18), inset 0 1px 0 rgba(255,255,255,.84);
}

.agency-settings-topbar h1 {
  margin: 0;
  color: #071329;
  font-size: 26px;
  line-height: 1.08;
  font-weight: 780;
  letter-spacing: 0;
}

.agency-settings-topbar p {
  margin: 6px 0 0;
  color: #65728c;
  font-size: 13px;
  font-weight: 620;
  line-height: 1.25;
}

.agency-settings-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.agency-settings-icon-button {
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(225,231,244,.88);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #52627b;
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 30px rgba(52,67,105,.10), inset 0 1px 0 rgba(255,255,255,.92);
}

.agency-settings-icon-button svg {
  width: 20px;
  height: 20px;
}

.agency-settings-icon-button span {
  position: absolute;
  top: -3px;
  right: -3px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1f67ff, #744df2);
  border: 2px solid #fff;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(48,88,235,.22);
}

.agency-settings-hero {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 112px;
  align-items: center;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid rgba(226,233,247,.96);
  border-radius: 24px;
  background:
    linear-gradient(118deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.95) 47%, rgba(226,232,255,.76) 100%),
    radial-gradient(circle at 82% 18%, rgba(95,111,255,.20), transparent 34%);
  box-shadow: 0 22px 54px rgba(47,64,105,.12), inset 0 1px 0 rgba(255,255,255,.96);
  isolation: isolate;
}

.agency-settings-hero::before,
.agency-settings-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  z-index: -1;
}

.agency-settings-hero::before {
  width: 340px;
  height: 190px;
  right: -92px;
  top: -30px;
  background: radial-gradient(circle, rgba(102,119,255,.18), transparent 66%);
}

.agency-settings-hero::after {
  width: 300px;
  height: 110px;
  right: -72px;
  bottom: -36px;
  background: linear-gradient(130deg, rgba(71,105,255,.12), rgba(255,255,255,.02));
  transform: rotate(-18deg);
}

.agency-settings-hero-copy {
  display: grid;
  justify-items: start;
  gap: 11px;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.agency-settings-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 31px;
  padding: 0 13px;
  border: 1px solid rgba(224,231,246,.9);
  border-radius: 999px;
  color: #657189;
  background: rgba(255,255,255,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.agency-settings-kicker i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #2468ff;
  box-shadow: 0 0 0 8px rgba(36,104,255,.10);
}

.agency-settings-hero h2 {
  margin: 6px 0 0;
  color: #071329;
  max-width: 250px;
  font-size: 26px;
  line-height: 1.12;
  font-weight: 760;
  letter-spacing: 0;
}

.agency-settings-hero p {
  margin: 0;
  max-width: 232px;
  color: #61708b;
  font-size: 16px;
  font-weight: 620;
  line-height: 1.45;
}

.agency-settings-dashboard-button {
  min-height: 40px;
  padding: 0 15px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  background: linear-gradient(135deg, #1e68ff, #2f55f6);
  box-shadow: 0 12px 22px rgba(29,83,232,.20), inset 0 1px 0 rgba(255,255,255,.22);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.agency-settings-dashboard-button span {
  white-space: nowrap;
}

.agency-settings-dashboard-button svg {
  width: 16px;
  height: 16px;
}

.agency-settings-shield {
  position: relative;
  min-height: 150px;
  display: grid;
  place-items: center;
}

.agency-settings-shield-orbit {
  position: absolute;
  width: 154px;
  height: 72px;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,.74), rgba(105,124,255,.12) 48%, transparent 64%),
    repeating-radial-gradient(ellipse at center, rgba(112,130,255,.18) 0 2px, transparent 3px 15px);
  box-shadow: 0 12px 28px rgba(75,91,186,.10);
}

.agency-settings-shield-mark {
  position: relative;
  width: 78px;
  height: 92px;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(255,255,255,.34), transparent 26%),
    linear-gradient(145deg, #7d8dff 0%, #2363f2 54%, #142faf 100%);
  clip-path: polygon(50% 0, 91% 15%, 84% 72%, 50% 100%, 16% 72%, 9% 15%);
  filter: drop-shadow(0 20px 24px rgba(35,74,190,.28));
}

.agency-settings-shield-mark::before {
  content: "";
  position: absolute;
  inset: 9px;
  clip-path: inherit;
  border: 2px solid rgba(255,255,255,.45);
}

.agency-settings-shield-mark svg {
  width: 32px;
  height: 32px;
  stroke-width: 3;
  position: relative;
  z-index: 1;
}

.agency-settings-page .settings-group {
  gap: 10px;
}

.agency-settings-page .settings-group h3 {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 38px;
  margin: 0 16px;
  color: #62708a;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .16em;
}

.agency-settings-page .settings-group h3 span {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #1f67ff;
  background: linear-gradient(145deg, #edf3ff, #f6f0ff);
  box-shadow: 0 10px 20px rgba(66,76,126,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

.agency-settings-page .settings-group-profile h3 span {
  color: #792fe5;
  background: linear-gradient(145deg, #f6efff, #f9f4ff);
}

.agency-settings-page .settings-group h3 svg {
  width: 18px;
  height: 18px;
}

.agency-settings-page .settings-list {
  width: 100%;
  border: 1px solid rgba(222,229,241,.94);
  border-radius: 21px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 38px rgba(46,63,101,.10), inset 0 1px 0 rgba(255,255,255,.96);
  overflow: hidden;
}

.agency-settings-page .settings-row {
  grid-template-columns: 44px minmax(0, 1fr) 22px;
  gap: 13px;
  min-height: 74px;
  padding: 10px 16px;
  background: transparent;
}

.agency-settings-page .settings-row + .settings-row {
  border-top: 1px solid rgba(224,230,240,.92);
}

.agency-settings-page .settings-row > span:first-child {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  color: #1f67ff;
  background: linear-gradient(145deg, #eef4ff, #f6f9ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.agency-settings-page .settings-group-profile .settings-row > span:first-child {
  color: #7b2fe8;
  background: linear-gradient(145deg, #f5edff, #fbf6ff);
}

.agency-settings-page .settings-row > span:first-child svg {
  width: 20px;
  height: 20px;
}

.agency-settings-page .settings-row > div {
  min-width: 0;
}

.agency-settings-page .settings-row strong {
  color: #08142c;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.22;
}

.agency-settings-page .settings-row small {
  margin-top: 4px;
  color: #62708a;
  font-size: 13px;
  font-weight: 610;
  line-height: 1.32;
}

.agency-settings-page .settings-row > svg {
  justify-self: center;
  width: 20px;
  height: 20px;
  color: #66758f;
  opacity: .9;
  transform: rotate(180deg);
}

.agency-settings-session-group .settings-list {
  border-color: rgba(248,185,190,.62);
  background:
    radial-gradient(circle at 8% 18%, rgba(255,236,238,.72), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,250,.96));
  box-shadow:
    0 20px 44px rgba(128, 34, 46, .08),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.agency-settings-session-group .settings-row.danger {
  position: relative;
  min-height: 82px;
  padding: 13px 16px;
  overflow: hidden;
  isolation: isolate;
}

.agency-settings-session-group .settings-row.danger::before {
  content: "";
  position: absolute;
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff8f99, #d94b5a);
  opacity: .86;
  z-index: -1;
}

.agency-settings-page .settings-row.danger > span:first-child {
  color: #cf3e48;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.96), transparent 44%),
    linear-gradient(145deg, #fff1f3, #fff8f8);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 10px 22px rgba(207,62,72,.10);
}

.agency-settings-page .settings-row.danger strong {
  color: #221827;
  font-weight: 720;
}

.agency-settings-page .settings-row.danger small {
  color: #756776;
  font-weight: 600;
}

.agency-settings-page .settings-row.danger > svg {
  width: 34px;
  height: 34px;
  padding: 9px;
  border-radius: 13px;
  color: #c64a55;
  background: rgba(255,246,247,.9);
  border: 1px solid rgba(244,190,196,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
  opacity: 1;
}

.worker-settings-page {
  gap: 18px;
}

.worker-settings-avatar {
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.96), rgba(255,255,255,.35) 42%, transparent 43%),
    linear-gradient(135deg, #f7f9ff 0%, #d8e9ff 45%, #b9c4ff 100%);
}

.worker-settings-hero {
  grid-template-columns: minmax(0, 1fr) 104px;
  min-height: 210px;
  background:
    linear-gradient(118deg, rgba(255,255,255,.98) 0%, rgba(247,251,255,.96) 45%, rgba(226,238,255,.82) 100%),
    radial-gradient(circle at 84% 18%, rgba(38,119,255,.18), transparent 35%);
}

.worker-settings-hero .agency-settings-hero h2,
.worker-settings-hero h2 {
  max-width: 230px;
  font-size: 25px;
  font-weight: 740;
}

.worker-settings-hero .agency-settings-shield-mark {
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), transparent 26%),
    linear-gradient(145deg, #65a4ff 0%, #2368f2 55%, #133cae 100%);
}

.worker-settings-identity {
  margin: -4px 8px 0;
  border: 1px solid rgba(217,228,244,.9);
  color: #071329;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,249,255,.9));
  box-shadow: 0 14px 28px rgba(46,63,101,.08), inset 0 1px 0 rgba(255,255,255,.96);
}

.worker-settings-identity strong {
  color: #071329;
  font-weight: 740;
}

.worker-settings-identity small {
  color: #66758f;
  font-weight: 610;
}

.worker-settings-identity em {
  color: #075b43;
  background: #e8fbf3;
  border: 1px solid rgba(16,185,129,.18);
}

.worker-settings-page .settings-group-profile h3 span,
.worker-settings-page .settings-group-privacy h3 span,
.worker-settings-page .settings-group-support h3 span {
  color: #1f67ff;
  background: linear-gradient(145deg, #eef4ff, #f7f0ff);
}

.worker-settings-page .settings-group-profile .settings-row > span:first-child,
.worker-settings-page .settings-group-privacy .settings-row > span:first-child,
.worker-settings-page .settings-group-support .settings-row > span:first-child {
  color: #1f67ff;
  background: linear-gradient(145deg, #eef4ff, #f7f0ff);
}

.agency-settings-shell .nav {
  left: 50%;
  bottom: 0;
  width: min(100%, 430px);
  padding: 10px 14px calc(12px + env(safe-area-inset-bottom));
  gap: 4px;
  border: 1px solid rgba(226,232,242,.94);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  background: rgba(255,255,255,.92);
  box-shadow: 0 -18px 34px rgba(40,55,92,.12), inset 0 1px 0 rgba(255,255,255,.96);
}

.agency-settings-shell .nav-button {
  min-height: 54px;
  color: #63718a;
  font-size: 11px;
  font-weight: 820;
  gap: 5px;
}

.agency-settings-shell .nav-button::before {
  top: auto;
  bottom: 2px;
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: #2266ff;
  box-shadow: none;
}

.agency-settings-shell .nav-button.active {
  color: #2266ff;
}

.agency-settings-shell .nav-button.active::before {
  opacity: 1;
}

.agency-settings-shell .nav-button svg {
  width: 23px;
  height: 23px;
}

@media (max-width: 390px) {
  .agency-settings-page {
    padding-inline: 8px;
    gap: 18px;
  }

  .agency-settings-topbar {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 11px;
  }

  .agency-settings-avatar {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }

  .agency-settings-topbar h1 {
    font-size: 24px;
  }

  .agency-settings-header-actions {
    gap: 8px;
  }

  .agency-settings-icon-button {
    width: 44px;
    height: 44px;
  }

  .agency-settings-hero {
    grid-template-columns: minmax(0, 1fr) 94px;
    min-height: 214px;
    padding: 18px;
  }

  .agency-settings-hero h2 {
    max-width: 210px;
    font-size: 23px;
    line-height: 1.12;
  }

  .agency-settings-hero p {
    max-width: 210px;
    font-size: 15px;
  }

  .agency-settings-dashboard-button {
    min-height: 38px;
    padding: 0 13px;
    font-size: 11px;
  }

  .agency-settings-shield-mark {
    width: 68px;
    height: 80px;
  }

  .agency-settings-shield-orbit {
    width: 122px;
  }

  .agency-settings-page .settings-row {
    grid-template-columns: 42px minmax(0, 1fr) 20px;
    min-height: 72px;
    padding: 10px 14px;
    gap: 12px;
  }
}

.logout-confirm-modal {
  width: min(calc(100% - 34px), 360px);
  border-radius: 24px;
  background: #fff;
  padding: 20px;
  display: grid;
  gap: 12px;
  text-align: center;
  box-shadow: var(--shadow);
}

.late-checkin-modal {
  width: min(calc(100% - 28px), 390px);
  max-height: min(88svh, 720px);
  overflow: auto;
  border-radius: 24px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 12px;
  box-shadow: var(--shadow);
}

.late-checkin-modal p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.modal-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.modal-header-row h2 {
  margin: 7px 0 0;
  color: var(--ink);
  font-size: 22px;
}

.late-location-proof {
  border: 1px solid rgba(21, 165, 107, 0.2);
  border-radius: 16px;
  background: #f4fbf7;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: var(--green);
}

.expense-claim-modal {
  width: min(calc(100% - 20px), 430px);
  max-height: min(92svh, 820px);
  border-radius: 26px 26px 18px 18px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(6, 25, 54, 0.34);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.expense-modal-header {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 14px 14px 10px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(145deg, #f4f9ff, #fff);
}

.expense-modal-header h2 {
  margin: 7px 0 4px;
  color: var(--ink);
  font-size: 22px;
}

.expense-modal-header p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.expense-form-scroll {
  min-height: 0;
  overflow: auto;
  padding: 12px 14px 100px;
  display: grid;
  gap: 12px;
}

.expense-form-section {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 18px;
  background: #fbfdff;
  padding: 12px;
  display: grid;
  gap: 10px;
}

.expense-form-section h3 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
}

.expense-form-section label {
  display: grid;
  gap: 5px;
}

.expense-form-section label span,
.expense-declaration span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.expense-form-section input,
.expense-form-section select,
.expense-form-section textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  padding: 10px;
  font-size: 13px;
  font-weight: 800;
}

.expense-upload-area {
  position: relative;
  border: 1px dashed rgba(31, 132, 229, 0.36);
  border-radius: 16px;
  background: #f4f9ff;
  padding: 14px;
  display: grid;
  gap: 5px;
  place-items: center;
  text-align: center;
  color: var(--brand);
}

.expense-upload-area svg {
  width: 24px;
  height: 24px;
}

.expense-upload-area strong {
  color: var(--ink);
  font-size: 13px;
}

.expense-upload-area span,
.expense-upload-area em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.expense-upload-area input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.expense-declaration {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.expense-sticky-actions {
  position: sticky;
  bottom: 0;
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(14px);
  padding: 10px 14px 14px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 8px;
}

.expense-status-banner {
  margin: 10px 14px 0;
  border: 1px solid rgba(21, 165, 107, 0.22);
  border-radius: 16px;
  background: #f4fbf7;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  color: var(--green);
}

.expense-status-banner strong,
.expense-status-banner span {
  display: block;
}

.expense-status-banner span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.late-location-proof span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.late-location-proof strong {
  display: block;
  color: var(--ink);
}

.late-reason-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.late-reason-grid button {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  min-height: 40px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
}

.late-reason-grid button.active {
  border-color: rgba(31, 132, 229, 0.5);
  background: #eaf4ff;
  color: var(--brand-dark);
}

.logout-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 18px;
  background: #fff0f3;
  color: var(--red);
  display: grid;
  place-items: center;
}

.logout-icon svg {
  width: 22px;
  height: 22px;
}

.logout-confirm-modal h2 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
}

.logout-confirm-modal p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.button.danger {
  background: var(--red);
  box-shadow: 0 10px 20px rgba(216, 75, 100, 0.2);
}

.settings-action-row {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.settings-action-row .button,
.settings-action-row .ghost-button {
  min-height: 40px;
  border-radius: 14px;
  font-size: 12px;
}

.ghost-button.danger {
  border-color: rgba(216, 75, 100, 0.28);
  color: var(--red);
}

.account-note-panel {
  box-shadow: none;
}

.settings-role-stack {
  display: grid;
  gap: 12px;
}

.settings-role-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  padding: 14px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.07);
}

.settings-role-card.active {
  border-color: rgba(31, 132, 229, 0.38);
  background: linear-gradient(145deg, #f6fbff, #fff);
}

.settings-role-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #eaf4ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.settings-role-icon svg {
  width: 22px;
  height: 22px;
}

.settings-role-card h3 {
  margin: 0 0 4px;
  font-size: 16px;
}

.settings-role-card p {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

.settings-role-card .button,
.settings-role-card .ghost-button {
  width: 100%;
  min-height: 42px;
}

.worker-filter-page {
  gap: 14px;
  padding-bottom: 0;
}

.worker-filter-panel {
  padding: 0 14px 0;
  overflow: clip;
}

.worker-filter-topbar {
  min-height: 62px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 8px;
}

.worker-filter-topbar h2 {
  margin: 0;
  text-align: center;
  font-size: 21px;
}

.eligibility-banner {
  border: 1px solid rgba(31, 132, 229, 0.22);
  border-radius: 18px;
  background: linear-gradient(135deg, #edf6ff, #fff);
  padding: 14px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.eligibility-banner > span {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: var(--brand);
  color: #fff;
  display: grid;
  place-items: center;
}

.eligibility-banner svg {
  width: 24px;
  height: 24px;
}

.eligibility-banner h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.eligibility-banner h3 svg {
  width: 16px;
  height: 16px;
  color: var(--green);
  vertical-align: -2px;
}

.eligibility-banner p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.worker-filter-stack {
  margin-top: 16px;
  display: grid;
  gap: 14px;
  padding-bottom: 18px;
}

.worker-filter-section {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(15, 31, 55, 0.08);
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  box-shadow: 0 12px 30px rgba(21, 42, 74, 0.06);
  padding: 14px;
}

.worker-filter-section h3 {
  margin: 0;
  font-size: 16px;
}

.worker-filter-section-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}

.worker-filter-section-title strong {
  font-size: 16px;
}

.worker-filter-section-title small,
.worker-filter-section-title span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.worker-filter-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.worker-filter-choice-grid button {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  color: var(--ink);
  min-height: 58px;
  padding: 8px;
  font-size: 12px;
  font-weight: 900;
  display: grid;
  place-items: center;
  gap: 5px;
  text-align: center;
}

.worker-filter-choice-grid button.active {
  border-color: rgba(31, 132, 229, 0.6);
  background: #edf6ff;
  color: var(--brand);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.22);
}

.worker-filter-choice-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.worker-filter-choice-grid button {
  min-height: 42px;
}

.worker-filter-choice-grid.compact-chips {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.worker-filter-choice-grid.compact-chips button {
  min-height: 38px;
  border-radius: 999px;
  font-size: 12px;
}

.multi-select-card {
  border: 1px solid rgba(15, 31, 55, 0.12);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.multi-select-card summary {
  cursor: pointer;
  list-style: none;
  min-height: 48px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 850;
}

.multi-select-card summary::-webkit-details-marker {
  display: none;
}

.select-arrow {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #edf6ff;
  color: var(--brand);
  display: grid;
  place-items: center;
  transform: rotate(-90deg);
}

.select-arrow svg {
  width: 15px;
  height: 15px;
}

.multi-select-options {
  border-top: 1px solid rgba(15, 31, 55, 0.08);
  padding: 8px;
  display: grid;
  gap: 4px;
  max-height: 228px;
  overflow: auto;
}

.multi-select-option {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border-radius: 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.multi-select-option:hover,
.multi-select-option:has(input:checked) {
  background: #eef6ff;
}

.multi-select-option input,
.worker-filter-toggle input {
  accent-color: var(--brand);
}

.selected-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 28px;
  align-items: center;
}

.selected-chip-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.selected-chip-row button {
  border: 1px solid rgba(31, 132, 229, 0.2);
  background: #edf6ff;
  color: var(--brand-strong);
  border-radius: 999px;
  min-height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 850;
}

.selected-chip-row svg {
  width: 12px;
  height: 12px;
}

.location-field {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 11px 13px;
}

.location-field span,
.location-field strong {
  display: block;
}

.location-field span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.location-field strong {
  margin-top: 3px;
  font-size: 15px;
}

.range-control {
  display: grid;
  gap: 7px;
}

.range-control input {
  width: 100%;
  accent-color: var(--brand);
}

.range-control span {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.manual-rate-field {
  border: 1px solid rgba(15, 31, 55, 0.1);
  border-radius: 15px;
  background: #fff;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.manual-rate-field > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.manual-rate-field div {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--ink);
  font-weight: 900;
}

.manual-rate-field input {
  width: 74px;
  border: 0;
  outline: 0;
  font: inherit;
  color: var(--ink);
  text-align: right;
  background: transparent;
}

.manual-rate-field small {
  color: var(--muted);
  font-size: 12px;
}

.worker-filter-toggle {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  background: #f4f9ff;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.worker-filter-toggle span {
  display: grid;
  gap: 3px;
}

.worker-filter-toggle strong {
  font-size: 13px;
}

.worker-filter-toggle small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.worker-tier-card {
  margin-top: 4px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, #f7fbff, #fff);
  padding: 12px;
  display: grid;
  gap: 9px;
}

.tier-card-title,
.tier-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tier-card-title {
  justify-content: flex-start;
}

.worker-tier-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 10px;
}

.worker-tier-card li {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 8px;
}

.worker-tier-card li svg {
  width: 18px;
  height: 18px;
  color: var(--green);
}

.text-button.centered {
  justify-self: center;
  margin-top: 10px;
}

.worker-filter-footer {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin: 4px -14px 0;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(15, 31, 55, 0.08);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  display: grid;
  grid-template-columns: 0.42fr 1fr;
  gap: 10px;
}

.worker-filter-footer .button,
.worker-filter-footer .ghost-button {
  min-height: 44px;
}

.monthly-calendar {
  margin: 14px;
  border: 1px solid rgba(31, 132, 229, 0.2);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.08);
  padding: 14px;
}

.monthly-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.monthly-calendar-header h3 {
  margin: 0;
  font-size: 17px;
}

.monthly-calendar-header span {
  border-radius: 999px;
  background: #eaf4ff;
  color: var(--brand);
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 950;
}

.calendar-weekdays,
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.calendar-weekdays {
  margin-bottom: 7px;
}

.calendar-weekdays span {
  text-align: center;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
}

.calendar-grid button {
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #f8fbff;
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
  position: relative;
}

.calendar-grid button.has-shift {
  border-color: rgba(31, 132, 229, 0.42);
  background: linear-gradient(145deg, #0b63d8, #1f84e5);
  color: #fff;
  box-shadow: 0 10px 20px rgba(31, 132, 229, 0.24);
}

.calendar-grid button.has-shift::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #fff;
  transform: translateX(-50%);
}

.check-in-panel {
  border-color: rgba(31, 132, 229, 0.24);
}

.check-in-panel .panel-header {
  padding-bottom: 20px;
}

.check-in-card,
.timesheet-card {
  margin: 0 10px 12px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.08);
  display: grid;
  gap: 9px;
}

.timesheet-card .statement-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
}

.submission-card {
  margin: 0 10px 12px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.08);
  display: grid;
  gap: 9px;
}

.timesheet-card .statement-top .badge {
  justify-self: start;
  max-width: 100%;
  min-height: 24px;
  padding: 4px 8px;
  font-size: 11px;
  white-space: normal;
  text-align: left;
}

.timesheet-card .row-meta {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.timesheet-card .row-meta span {
  min-width: 0;
}

.timesheet-hours-grid > span:last-of-type {
  grid-column: 1 / -1;
}

.timesheet-panel .list {
  padding: 10px;
}

.agency-submission-panel .list {
  padding: 10px;
}

.shift-focus-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.shift-focus-top h3 {
  margin: 0 0 4px;
  font-size: 17px;
}

.shift-focus-top p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.booking-pill {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eaf4ff;
  color: var(--brand);
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 950;
}

.booking-pill.green {
  background: #e7f8ef;
  color: var(--green);
}

.booking-pill.yellow {
  background: #fff4dc;
  color: #a66b00;
}

.booking-pill.red {
  background: #fff0f3;
  color: var(--red);
}

.attendance-inline-detail {
  margin: -4px 0 2px;
  border: 1px solid rgba(239, 151, 32, 0.22);
  border-radius: 12px;
  background: #fff9ee;
  color: #8a5a12;
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}

.booking-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.booking-detail-grid span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #f8fbff;
  padding: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.booking-detail-grid strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.shift-countdown-card {
  border: 1px solid rgba(31, 132, 229, 0.22);
  border-radius: 18px;
  background: linear-gradient(145deg, #f2f8ff, #fff);
  padding: 12px;
  display: grid;
  gap: 10px;
}

.shift-countdown-card span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.shift-countdown-card strong {
  display: block;
  color: var(--brand-dark);
  font-size: 19px;
  font-weight: 850;
  line-height: 1;
}

.shift-progress-track {
  height: 5px;
  border-radius: 999px;
  background: #dbe7f5;
  overflow: hidden;
}

.shift-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--brand), var(--brand-dark));
}

.shift-status-grid,
.timesheet-hours-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.shift-status-grid span,
.timesheet-hours-grid span,
.timesheet-hours-grid label {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
  padding: 7px 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.shift-status-grid strong,
.timesheet-hours-grid strong,
.timesheet-note strong {
  display: block;
  margin-bottom: 3px;
  color: var(--ink);
  font-size: 13px;
}

.timesheet-hours-grid input,
.timesheet-note textarea {
  width: 100%;
  border: 1px solid rgba(31, 132, 229, 0.22);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 900;
  padding: 7px 8px;
}

.shift-trust-note {
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 16px;
  background: #f2f8ff;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  color: var(--muted);
}

.shift-trust-note svg {
  width: 18px;
  height: 18px;
  color: var(--brand);
}

.shift-trust-note p,
.timesheet-note {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

.booking-documents {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  background: #f8fbff;
  padding: 9px;
  display: grid;
  gap: 7px;
}

.booking-documents > p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.mini-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.mini-section-title strong {
  font-size: 12px;
}

.mini-section-title span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.booking-documents > span,
.agency-documents button {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  padding: 8px;
  color: var(--muted);
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  text-align: left;
  font-size: 11px;
  font-weight: 850;
}

.booking-documents svg {
  width: 16px;
  height: 16px;
}

.booking-documents .uploaded,
.agency-documents button.uploaded {
  color: var(--green);
  border-color: rgba(32, 163, 92, 0.18);
  background: #f4fbf7;
}

.compact-shift-documents {
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #f6faff);
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.05);
}

.shift-doc-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.shift-doc-summary-grid span {
  min-width: 0;
  border: 1px solid rgba(83, 103, 130, 0.1);
  border-radius: 14px;
  background: #fff;
  padding: 8px;
  display: grid;
  gap: 3px;
}

.shift-doc-summary-grid small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
}

.shift-doc-summary-grid strong {
  color: var(--ink);
  font-size: 17px;
  line-height: 1;
}

.shift-doc-summary-grid .danger strong {
  color: var(--red);
}

.manage-documents-button {
  justify-self: start;
  min-height: 34px;
  padding: 0 13px;
  border-color: rgba(31, 132, 229, 0.18);
  background: var(--navy);
  color: #fff;
}

.manage-documents-button svg {
  color: #fff;
}

.shift-documents-page {
  gap: 12px;
}

.shift-documents-manager,
.shift-document-detail {
  padding: 0 0 14px;
  overflow: hidden;
}

.compact-subpage-header {
  margin: 0 0 12px;
  min-height: 112px;
  padding: max(18px, env(safe-area-inset-top)) 14px 26px;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 14px 30px rgba(7, 92, 230, 0.18);
}

.compact-subpage-header h1 {
  font-size: 18px;
  align-self: center;
  text-align: center;
}

.document-manager-hero,
.document-detail-card {
  margin: 0 14px 12px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.document-manager-hero {
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.document-manager-hero h2,
.document-detail-title h2 {
  margin: 0 0 4px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.15;
}

.document-manager-hero span:not(.badge),
.document-detail-title span:not(.doc-status) {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.manager-summary {
  margin: 0 14px 12px;
}

.document-list-table {
  margin: 0 14px;
  border: 1px solid rgba(83, 103, 130, 0.12);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.05);
}

.document-list-head,
.document-list-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.document-list-head {
  padding: 10px 12px;
  background: #f4f8ff;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.document-list-row {
  padding: 10px 12px;
  border-top: 1px solid rgba(83, 103, 130, 0.1);
}

.document-list-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.document-list-main strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.15;
}

.document-list-main small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.document-list-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.doc-kind,
.doc-status {
  border-radius: 999px;
  min-height: 23px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.doc-kind.required {
  background: #e6f0ff;
  color: var(--brand-dark);
}

.doc-kind.optional,
.doc-status.not-started {
  background: #eef2f7;
  color: #536782;
}

.doc-status.submitted {
  background: #ddf5e8;
  color: #17613c;
}

.doc-status.draft {
  background: #fff1c8;
  color: #8a5b00;
}

.doc-status.missing {
  background: #ffe3e6;
  color: #9b2338;
}

.document-detail-card {
  padding: 14px;
  display: grid;
  gap: 13px;
}

.document-detail-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.document-form-stack {
  display: grid;
  gap: 10px;
}

.document-form-stack label {
  display: grid;
  gap: 5px;
}

.document-form-stack label span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.document-form-stack input,
.document-form-stack textarea {
  width: 100%;
  border: 1px solid rgba(83, 103, 130, 0.16);
  border-radius: 14px;
  background: #f8fbff;
  color: var(--ink);
  padding: 11px 12px;
  font: inherit;
  font-size: 13px;
  outline: 0;
}

.upload-dropzone {
  border: 1px dashed rgba(31, 132, 229, 0.32);
  border-radius: 18px;
  background: #f5faff;
  padding: 14px;
  display: grid;
  justify-items: center;
  gap: 6px;
  text-align: center;
  color: var(--brand);
}

.upload-dropzone svg {
  width: 24px;
  height: 24px;
}

.upload-dropzone strong {
  color: var(--ink);
  font-size: 14px;
}

.upload-dropzone small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.agency-documents button.missing {
  color: #a66b00;
  background: #fff9ee;
}

.agency-documents small {
  min-width: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.document-group {
  display: grid;
  gap: 6px;
}

.document-group > strong {
  color: var(--ink);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.document-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  padding: 8px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.document-row.uploaded {
  border-color: rgba(21, 165, 107, 0.22);
  background: #f4fbf7;
}

.document-row.review-card {
  border-color: rgba(83, 103, 130, 0.14);
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #f8fbff);
  padding: 11px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
}

.document-row.review-card.uploaded {
  border-color: rgba(31, 132, 229, 0.18);
  background: #fff;
}

.document-row.review-card.pending {
  background: #fbfdff;
}

.document-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: rgba(31, 132, 229, 0.09);
  color: var(--brand);
}

.document-icon-wrap svg {
  width: 18px;
  height: 18px;
}

.document-review-main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.document-review-title {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.document-review-title .badge {
  flex: 0 0 auto;
}

.document-mini-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 2px;
}

.document-mini-badges span {
  border-radius: 999px;
  background: #eef6ff;
  color: var(--brand-dark);
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 900;
}

.document-row > span {
  color: var(--brand);
}

.document-row.uploaded > span {
  color: var(--green);
}

.document-row h4 {
  margin: 0 0 2px;
  color: var(--ink);
  font-size: 12px;
}

.document-row small,
.document-row em {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
}

.document-review-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 2px;
}

.text-button.danger {
  color: var(--red);
}

.document-action-button {
  min-height: 32px;
  border: 1px solid rgba(83, 103, 130, 0.18);
  border-radius: 999px;
  background: #fff;
  color: var(--brand-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.document-action-button svg {
  width: 14px;
  height: 14px;
}

.document-action-button.primary,
.document-action-button.approve {
  border-color: rgba(21, 165, 107, 0.2);
  background: #f2fbf7;
  color: #17613c;
}

.document-action-button.preview {
  border-color: rgba(31, 132, 229, 0.18);
  background: #eff7ff;
  color: var(--brand);
}

.document-action-button.reject {
  border-color: rgba(216, 75, 100, 0.18);
  background: #fff4f6;
  color: var(--red);
}

.document-action-button.changes {
  border-color: rgba(242, 189, 66, 0.28);
  background: #fff9eb;
  color: #8a5b00;
}

.document-action-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

.mileage-claim-form {
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.mileage-claim-form summary {
  list-style: none;
  padding: 10px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.mileage-claim-form summary::-webkit-details-marker {
  display: none;
}

.mileage-claim-form summary strong {
  color: var(--ink);
  font-size: 12px;
}

.mileage-claim-form summary span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.mileage-form-grid {
  padding: 10px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.mileage-form-grid .full {
  grid-column: 1 / -1;
}

.mileage-form-grid label {
  display: grid;
  gap: 4px;
}

.mileage-form-grid label span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.mileage-form-grid input,
.mileage-form-grid textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
}

.expense-summary-card {
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 16px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.expense-summary-card.finance-review-card {
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #f6fbff);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
  padding: 12px;
}

.expense-summary-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
}

.expense-summary-card p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.expense-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.expense-summary-grid span {
  min-width: 0;
  border-radius: 12px;
  background: var(--soft);
  padding: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.expense-summary-grid strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
}

.expense-agency-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}

.expense-agency-actions select {
  grid-column: 1 / -1;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  padding: 8px;
  font-size: 11px;
  font-weight: 850;
}

.document-review-modal {
  width: min(calc(100vw - 28px), 410px);
  max-height: min(88svh, 760px);
  overflow: auto;
  border-radius: 26px;
  background: #f8fbff;
  box-shadow: 0 30px 80px rgba(6, 25, 54, 0.3);
  padding: 16px;
  display: grid;
  gap: 12px;
}

.document-preview-box {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 20px;
  background: #fff;
  padding: 13px;
  display: grid;
  gap: 11px;
}

.document-preview-file {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.document-preview-file svg {
  width: 20px;
  height: 20px;
  color: var(--brand);
  padding: 9px;
  border-radius: 14px;
  background: #eef6ff;
  box-sizing: content-box;
}

.document-preview-file strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.document-preview-file span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.document-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.document-preview-grid span {
  border-radius: 13px;
  background: var(--soft);
  padding: 8px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.document-preview-grid strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
}

.document-preview-box p,
.approval-confirm-copy {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.document-review-comment {
  display: grid;
  gap: 7px;
}

.document-review-comment strong {
  color: var(--ink);
  font-size: 12px;
}

.document-review-comment textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 11px;
  color: var(--ink);
  resize: vertical;
}

.approval-confirm-copy {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  background: #eef6ff;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.approval-confirm-copy svg {
  width: 16px;
  height: 16px;
  color: var(--brand);
  flex: 0 0 auto;
}

.button.danger-action {
  background: linear-gradient(135deg, #d84b64, #b72e47);
  box-shadow: 0 12px 24px rgba(216, 75, 100, 0.2);
}

.attendance-review-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.attendance-review-strip span {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbff;
  padding: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
}

.attendance-review-strip strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
}

.submission-note {
  border-radius: 14px;
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 9px;
}

.submission-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.submission-note p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.submission-actions {
  gap: 7px;
}

.button:disabled {
  opacity: 0.48;
  box-shadow: none;
}

.blocked-approval {
  margin: 0;
  color: #9a5b00;
  font-size: 11px;
  font-weight: 850;
  display: flex;
  align-items: center;
  gap: 6px;
}

.blocked-approval svg {
  width: 15px;
  height: 15px;
}

.timesheet-note {
  display: grid;
  gap: 6px;
  color: var(--muted);
}

.check-in-actions,
.timesheet-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.check-in-actions .button,
.check-in-actions .ghost-button,
.timesheet-actions .button,
.timesheet-actions .ghost-button {
  min-width: 0;
  min-height: 38px;
  font-size: 12px;
}

.booking-row {
  cursor: pointer;
}

.booking-row.selected {
  border-color: rgba(31, 132, 229, 0.42);
  background: #f2f8ff;
}

.shift-card {
  margin: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.08);
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.premium-shift-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(31, 132, 229, 0.16);
  background:
    linear-gradient(135deg, rgba(239, 247, 255, 0.86), rgba(255, 255, 255, 0.98)),
    #fff;
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.1);
}

.premium-shift-card::before {
  content: "";
  position: absolute;
  right: -48px;
  top: -54px;
  width: 126px;
  height: 126px;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.12);
  pointer-events: none;
}

.shift-card-main {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.shift-card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.shift-card-title-row .badge {
  flex: 0 0 auto;
}

.shift-card-main small {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  text-transform: none;
  line-height: 1.25;
}

.shift-card-main small svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

.suggested-shift-card {
  border-color: rgba(31, 132, 229, 0.22);
}

.no-shift-opportunity-card {
  margin: 14px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #f5f9ff);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
  padding: 14px;
  display: grid;
  gap: 12px;
}

.no-shift-top {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.no-shift-icon {
  width: 38px;
  height: 38px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #eef6ff;
  color: var(--brand);
}

.no-shift-icon svg {
  width: 19px;
  height: 19px;
}

.no-shift-top h3 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  letter-spacing: 0;
}

.no-shift-copy {
  display: grid;
  gap: 3px;
  padding-left: 48px;
}

.no-shift-copy p,
.no-shift-copy span {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.no-shift-copy p {
  color: #43536b;
  font-weight: 850;
}

.suggested-job-preview {
  border: 1px solid rgba(83, 103, 130, 0.13);
  border-radius: 18px;
  background: #fff;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.suggested-job-preview h4 {
  margin: 0 0 4px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.2;
}

.suggested-job-preview p {
  margin: 0 0 3px;
  color: #43536b;
  font-size: 12px;
  font-weight: 850;
}

.suggested-job-preview small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.suggested-job-meta {
  display: grid;
  gap: 5px;
  justify-items: end;
  text-align: right;
}

.suggested-job-meta span {
  max-width: 116px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
}

.suggested-job-meta strong {
  color: var(--brand);
  font-size: 15px;
}

.suggested-job-preview .button {
  grid-column: 2;
  min-height: 32px;
  border-radius: 999px;
  padding: 0 13px;
  font-size: 11px;
  justify-self: end;
}

.date-tile {
  width: 62px;
  height: 70px;
  border-radius: 18px;
  background: #eaf4ff;
  display: grid;
  place-items: center;
  align-content: center;
  color: var(--brand);
}

.date-tile.soon {
  background: #fff4df;
  color: #a35c00;
}

.date-tile.live {
  background: #e4f7ed;
  color: #17613c;
}

.date-tile.empty {
  background: #f3f6fb;
  color: var(--muted);
}

.date-tile.empty svg {
  width: 24px;
  height: 24px;
}

.date-tile strong {
  font-size: 22px;
  line-height: 1;
}

.date-tile span,
.shift-card small,
.recent-job-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.shift-card h3,
.recent-job-card h3 {
  margin: 0 0 5px;
  font-size: 16px;
}

.shift-card p,
.recent-job-card p,
.candidate-main p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.3;
}

.shift-time {
  text-align: right;
  display: grid;
  gap: 7px;
  justify-items: end;
}

.shift-time strong {
  max-width: none;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}

.shift-time span {
  border-radius: 999px;
  background: #e5f0ff;
  color: var(--brand-dark);
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 950;
}

.shift-time span.soon {
  background: #fff2cc;
  color: #8c5c00;
}

.shift-time span.live {
  background: #d8efe3;
  color: #17613c;
}

.shift-empty-card {
  grid-template-columns: 62px minmax(0, 1fr) auto;
}

.shift-empty-card .ghost-button,
.shift-empty-card .button {
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 11px;
  position: relative;
  z-index: 1;
}

@media (max-width: 360px) {
  .no-shift-top {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .no-shift-top .badge {
    grid-column: 2;
    justify-self: start;
  }

  .no-shift-copy {
    padding-left: 0;
  }

  .suggested-job-preview {
    grid-template-columns: 1fr;
  }

  .suggested-job-meta {
    justify-items: start;
    text-align: left;
  }

  .suggested-job-preview .button {
    grid-column: 1;
    justify-self: start;
  }
}

/* Tax Tools V3: premium hero command card refinement */
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  border-color: rgba(255, 255, 255, .18) !important;
  border-radius: 27px !important;
  padding: 19px !important;
  background:
    radial-gradient(circle at 94% 0, rgba(45, 212, 191, .12), transparent 32%),
    radial-gradient(circle at 0 100%, rgba(96, 165, 250, .10), transparent 34%),
    linear-gradient(145deg, #06172d 0%, #0b2649 56%, #102f62 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -1px 0 rgba(255, 255, 255, .045),
    0 24px 50px rgba(7, 24, 47, .18) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::before {
  inset: -22px 0 auto auto !important;
  width: 146px !important;
  height: 146px !important;
  background:
    radial-gradient(circle, rgba(91, 190, 255, .16), rgba(255, 255, 255, 0) 68%) !important;
  filter: blur(2px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.04)) !important;
  pointer-events: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools > div {
  display: grid !important;
  gap: 0 !important;
  max-width: 100% !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools span {
  color: rgba(232, 242, 255, .70) !important;
  font-size: 9.1px !important;
  letter-spacing: .16em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools h2 {
  margin-top: 8px !important;
  font-size: clamp(22px, 5.25vw, 27px) !important;
  line-height: 1.02 !important;
  font-weight: 690 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools p {
  max-width: 31ch !important;
  margin-top: 11px !important;
  color: rgba(232, 242, 255, .69) !important;
  font-size: clamp(11.7px, 2.85vw, 13px) !important;
  line-height: 1.47 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
  width: 100% !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
  justify-items: start !important;
  align-items: center !important;
  align-content: center !important;
  border: 1px solid rgba(205, 229, 255, .18) !important;
  border-radius: 18px !important;
  padding: 10px 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 28px rgba(2, 8, 23, .12) !important;
  backdrop-filter: blur(18px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #8cf5c7 !important;
  box-shadow: 0 0 0 5px rgba(140, 245, 199, .10) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside::after {
  content: "Excellent" !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  border: 1px solid rgba(140, 245, 199, .20) !important;
  border-radius: 999px !important;
  padding: 5px 9px !important;
  color: #dffdec !important;
  background: rgba(140, 245, 199, .10) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside strong {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  color: #e7fff1 !important;
  font-size: clamp(18px, 4.65vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: -.02em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside small {
  grid-column: 2 !important;
  grid-row: 1 !important;
  max-width: none !important;
  color: rgba(232, 242, 255, .66) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

@media (min-width: 390px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
    padding: 20px !important;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }
}

/* Tax Centre V10: luxury Smart Save strategy layout */
.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 14px !important;
  align-items: start !important;
  border: 1px solid rgba(12, 31, 58, .075) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34, 96, 190, .08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,250,254,.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 14px 34px rgba(10, 26, 52, .055) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #102a56, #4d37cb) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel span {
  grid-column: 1 !important;
  color: #657286 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel strong {
  grid-column: 1 !important;
  color: #06172f !important;
  font-size: clamp(19px, 5vw, 24px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel b {
  grid-column: 1 !important;
  justify-self: start !important;
  color: #667386 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 32px !important;
  border: 1px solid rgba(16, 185, 129, .16) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #0d684e !important;
  background: linear-gradient(180deg, #ecfdf5, #def8ed) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80) !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 18px 0 0 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head span {
  color: #06172f !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head::after {
  content: "Choose how much to reserve" !important;
  color: #667386 !important;
  font-size: 11.5px !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
  border: 1px solid rgba(12, 31, 58, .065) !important;
  border-radius: 22px !important;
  padding: 10px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(77, 55, 203, .055), transparent 34%),
    rgba(255,255,255,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option {
  position: relative !important;
  min-width: 0 !important;
  min-height: 52px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border: 1px solid rgba(12, 31, 58, .085) !important;
  border-radius: 16px !important;
  padding: 8px 7px !important;
  color: #15365e !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
  grid-column: span 2 !important;
  min-height: 58px !important;
  padding-inline: 12px !important;
  text-align: left !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart {
  order: 1 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
  order: 2 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.percentage {
  order: 3 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart::before,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #1558ac !important;
  box-shadow: 0 0 0 5px rgba(21, 88, 172, .08) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom::before {
  background: #4d37cb !important;
  box-shadow: 0 0 0 5px rgba(77, 55, 203, .08) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option strong {
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option small {
  color: #667386 !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart strong,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom strong {
  font-size: 14px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active {
  color: #fff !important;
  border-color: rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(88, 166, 255, .20), transparent 36%),
    linear-gradient(135deg, #06172f, #4d37cb) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 13px 28px rgba(45, 56, 145, .17) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active small {
  color: rgba(255,255,255,.72) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active::before {
  background: #8cf5c7 !important;
  box-shadow: 0 0 0 5px rgba(140, 245, 199, .14) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 12px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
  min-height: 70px !important;
  border: 1px solid rgba(12, 31, 58, .075) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.92)) !important;
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    align-self: start !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head {
    display: grid !important;
    gap: 4px !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart,
  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
    grid-column: span 3 !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option small {
    display: block !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Tax Centre V10.2: final narrow-screen Smart Save fit correction */
@media@media (max-width: 430px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
    min-height: 62px !important;
  }
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    align-self: start !important;
  }
}

/* Payments workspace V1: use the full premium mobile shell width like Profile. */
.app-shell:has(.worker-finance-page),
.app-shell:has(.candidate-payments-page),
.app-shell:has(.worker-finance-page) .nav,
.app-shell:has(.candidate-payments-page) .nav {
  width: min(100%, 430px) !important;
  max-width: min(100%, 430px) !important;
}

html.native-android .app-shell:has(.worker-finance-page),
html.native-android .app-shell:has(.candidate-payments-page),
html.native-android .app-shell:has(.worker-finance-page) .nav,
html.native-android .app-shell:has(.candidate-payments-page) .nav {
  width: min(100dvw, 430px) !important;
  max-width: 100dvw !important;
}

.content.worker-finance-page.worker-fintech-page,
.content.earnings-content.worker-finance-page.worker-fintech-page {
  width: calc(100% + 28px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: -14px !important;
  padding-inline: 16px !important;
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page,
.content.worker-finance-page.worker-fintech-page *,
.content.worker-finance-page.worker-fintech-page *::before,
.content.worker-finance-page.worker-fintech-page *::after {
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page > *,
.content.earnings-content.worker-finance-page.worker-fintech-page > *,
.content.worker-finance-page.worker-fintech-page :is(
  .candidate-payments-page,
  .worker-earnings-tabs,
  .financial-command-tabs,
  .financial-command-hero,
  .payments-os-card,
  .payments-os-hero,
  .financial-passport-finance-hero,
  .financial-passport-reporting-control,
  .financial-passport-metric-grid,
  .financial-passport-panel,
  .tax-command-page-header,
  .tax-position-hero,
  .premium-tax-pot-card,
  .tax-os-card,
  .tax-smart-save-card,
  .tax-upcoming-allocation-card,
  .tax-pot-balance-card,
  .tax-command-passport-card
) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.content.worker-finance-page .worker-earnings-tabs {
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.content.worker-finance-page.worker-fintech-page :is(
  h1, h2, h3, h4, p, small, strong, span, em, button, label, input, select, textarea
) {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 360px) {
  .content.worker-finance-page.worker-fintech-page,
  .content.earnings-content.worker-finance-page.worker-fintech-page {
    padding-inline: 14px !important;
  }
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
    min-height: 62px !important;
  }
}

.home-section-header {
  padding: 2px 14px 0;
  align-items: flex-start;
}

.small-link {
  min-height: 28px;
  padding: 0;
  font-size: 12px;
  font-weight: 850;
}

.home-upcoming-card {
  position: relative;
  overflow: hidden;
  margin: 14px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.22), transparent 36%),
    linear-gradient(145deg, #08214b 0%, #0b3675 48%, #0d6eea 100%);
  color: #fff;
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.22);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.home-upcoming-card::after {
  content: "";
  position: absolute;
  right: -52px;
  bottom: -68px;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.home-upcoming-top,
.home-upcoming-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.home-shift-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.home-shift-icon.muted {
  background: #eef5ff;
  color: var(--brand);
}

.home-shift-icon svg {
  width: 20px;
  height: 20px;
}

.home-upcoming-main {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 5px;
}

.home-upcoming-main h3 {
  margin: 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.14;
  letter-spacing: 0;
}

.home-upcoming-main p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 850;
}

.home-upcoming-main span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 850;
}

.home-upcoming-main svg {
  width: 14px;
  height: 14px;
}

.home-shift-details {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.78fr 1.2fr 0.72fr;
  gap: 8px;
}

.home-shift-details span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.11);
  padding: 10px;
  display: grid;
  gap: 4px;
}

.home-shift-details small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-shift-details strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.15;
}

.home-upcoming-footer {
  align-items: flex-end;
}

.home-upcoming-footer p {
  margin: 0;
  max-width: 180px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 750;
}

.home-upcoming-footer .button {
  min-height: 36px;
  border-radius: 999px;
  background: #fff;
  color: var(--brand-dark);
  box-shadow: none;
  white-space: nowrap;
}

.home-empty-shift-card {
  margin: 14px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff, #f5f9ff);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
  padding: 14px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.home-empty-shift-card h3 {
  margin: 0 0 3px;
  color: var(--ink);
  font-size: 16px;
}

.home-empty-shift-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.home-empty-shift-card .ghost-button {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 11px;
}

.section-heading {
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.compact-section-heading {
  margin-top: 2px;
}

.recent-job-list {
  padding: 5px 14px 11px;
  display: grid;
  gap: 5px;
}

.recent-job-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  justify-self: center;
  width: calc(100% - 14px);
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.compact-recent-job {
  width: calc(100% - 8px);
  border-color: rgba(15, 31, 55, 0.08);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.recent-job-card h3 {
  margin: 0 0 2px;
  font-size: 13px;
  line-height: 1.2;
}

.recent-job-card p {
  margin: 0 0 2px;
  font-size: 11px;
  line-height: 1.2;
}

.recent-job-card small {
  font-size: 9px;
  line-height: 1.1;
}

.recent-job-card > strong,
.recent-payment strong {
  align-self: center;
  justify-self: end;
  font-size: 12px;
  line-height: 1;
}

.recent-payment {
  display: grid;
  justify-items: end;
  gap: 4px;
}

.recent-job-card .badge,
.recent-payment .badge {
  justify-self: end;
  align-self: center;
  min-height: 19px;
  padding: 0 7px;
  font-size: 9px;
  margin-top: 2px;
}

.job-icon {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--navy);
  color: #fff;
  display: grid;
  place-items: center;
}

.job-icon svg {
  width: 15px;
  height: 15px;
}

.earnings-shortcut {
  margin: 0 14px 14px;
  border: 0;
  border-radius: 20px;
  padding: 16px;
  background: linear-gradient(135deg, #eaf4ff, #fff);
  color: var(--ink);
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 4px 12px;
  text-align: left;
  align-items: center;
}

.earnings-shortcut span {
  grid-row: span 2;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--brand), #0b52df);
  color: #fff;
  display: grid;
  place-items: center;
}

.earnings-shortcut svg {
  width: 26px;
  height: 26px;
}

.earnings-shortcut strong {
  font-size: 16px;
}

.earnings-shortcut small {
  color: var(--muted);
  line-height: 1.35;
}

.quick-actions-heading {
  padding: 0 14px 10px;
}

.quick-actions-heading .panel-title {
  font-size: 17px;
}

.quick-actions-heading .panel-subtitle {
  margin-top: 3px;
  font-size: 11px;
}

.quick-actions {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.quick-actions button {
  border: 0;
  border-radius: 18px;
  min-height: 78px;
  background: #f2f7ff;
  color: var(--brand);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
}

.quick-actions svg {
  width: 22px;
  height: 22px;
}

.worker-feature-grid {
  display: grid;
  gap: 10px;
}

.feature-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: var(--shadow);
  padding: 14px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.feature-card > span {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: #eaf4ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.feature-card svg {
  width: 24px;
  height: 24px;
}

.feature-card h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.feature-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.agency-profile {
  border-color: rgba(6, 25, 54, 0.18);
}

.agency-home-page {
  gap: 12px;
}

.agency-home-tabs {
  position: sticky;
  top: 0;
  z-index: 12;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 7px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(245, 249, 255, 0.86));
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.09);
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.agency-home-tabs button {
  min-width: 0;
  min-height: 52px;
  border: 0;
  border-radius: 17px;
  background: transparent;
  color: var(--muted);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  font-weight: 950;
  transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  white-space: nowrap;
}

.agency-home-tabs button.active {
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.28), transparent 34%),
    linear-gradient(145deg, #0f66d6, #0b4ca6);
  color: #fff;
  box-shadow: 0 10px 24px rgba(15, 102, 214, 0.24);
}

.agency-home-tabs button:not(.active):hover {
  background: rgba(234, 244, 255, 0.72);
  color: var(--brand-dark);
}

.agency-home-tabs span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: currentColor;
  font-size: 12px;
  line-height: 1.05;
}

.agency-home-tabs strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: currentColor;
  opacity: 0.72;
  font-size: 9px;
  line-height: 1.05;
  letter-spacing: 0.01em;
}

.agency-home-tabs button:active {
  transform: scale(0.98);
}

.agency-checks-panel {
  border-color: rgba(31, 132, 229, 0.16);
}

.verified-workforce-panel {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 95% 0%, rgba(31, 132, 229, 0.14), transparent 32%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.92));
  box-shadow: 0 18px 44px rgba(6, 25, 54, 0.1);
}

.verified-workforce-panel .panel-header,
.eligibility-policy-panel .panel-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.verified-workforce-panel .panel-header .badge,
.eligibility-policy-panel .panel-header .badge {
  justify-self: start;
  max-width: 100%;
}

.verified-workforce-panel .badge svg,
.compliance-privacy-note svg,
.verified-workforce-icon svg,
.eligibility-status-icon svg {
  width: 16px;
  height: 16px;
}

.verified-workforce-panel .badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.verified-workforce-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 16px;
}

.verified-workforce-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(6, 25, 54, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 12px 26px rgba(6, 25, 54, 0.06);
  transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}

.verified-workforce-card:hover {
  transform: translateY(-2px);
  border-color: rgba(31, 132, 229, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 18px 34px rgba(6, 25, 54, 0.1);
}

.verified-workforce-icon {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
}

.verified-workforce-card.green .verified-workforce-icon {
  background: rgba(28, 155, 94, 0.12);
  color: #157347;
}

.verified-workforce-card.amber .verified-workforce-icon {
  background: rgba(245, 158, 11, 0.14);
  color: #9a5a00;
}

.verified-workforce-card.red .verified-workforce-icon {
  background: rgba(220, 38, 38, 0.1);
  color: #9f1d1d;
}

.verified-workforce-card.blue .verified-workforce-icon {
  background: rgba(31, 132, 229, 0.12);
  color: #145eb0;
}

.verified-workforce-card small,
.verified-workforce-card em {
  display: block;
  color: var(--muted);
  font-style: normal;
  line-height: 1.25;
}

.verified-workforce-card small {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.verified-workforce-card strong {
  display: block;
  margin: 4px 0 2px;
  color: var(--ink);
  font-size: 23px;
  line-height: 1;
  letter-spacing: 0;
}

.verified-workforce-card em {
  font-size: 12px;
  font-weight: 750;
}

.metric-link-button {
  margin-top: 10px;
  width: 100%;
  min-height: 30px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #164b8f;
  font-size: 10px;
  font-weight: 950;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.metric-link-button:hover {
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 10px 20px rgba(31, 132, 229, 0.12);
}

.eligibility-policy-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 251, 255, 0.96));
}

.eligibility-status-list {
  display: grid;
  gap: 10px;
  padding: 0 16px 14px;
}

.eligibility-status-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(6, 25, 54, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.8);
}

.eligibility-status-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(31, 132, 229, 0.1);
  color: #145eb0;
}

.eligibility-status-row.green .eligibility-status-icon {
  background: rgba(28, 155, 94, 0.11);
  color: #157347;
}

.eligibility-status-row.amber .eligibility-status-icon {
  background: rgba(245, 158, 11, 0.13);
  color: #9a5a00;
}

.eligibility-status-row.red .eligibility-status-icon {
  background: rgba(220, 38, 38, 0.09);
  color: #9f1d1d;
}

.eligibility-status-row h3 {
  margin: 0 0 3px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.15;
}

.eligibility-status-row p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.compliance-privacy-note {
  display: flex;
  gap: 10px;
  margin: 0 16px 16px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(9, 35, 73, 0.06);
  color: #24425f;
}

.compliance-privacy-note p {
  margin: 0;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.admin-compliance-page .admin-compliance-hero {
  border-color: rgba(220, 38, 38, 0.14);
  background:
    radial-gradient(circle at 92% 6%, rgba(220, 38, 38, 0.1), transparent 34%),
    #fff;
}

.restricted-worker-card {
  border-color: rgba(107, 119, 140, 0.18);
  background:
    linear-gradient(135deg, rgba(107, 119, 140, 0.08), rgba(255, 255, 255, 0.94) 46%),
    #fff;
}

.candidate-score.hold {
  color: #657386;
  background: #eef2f7;
  border: 1px solid rgba(107, 119, 140, 0.18);
  border-radius: 999px;
  padding: 5px 8px;
}

.compliance-hold-chip {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(107, 119, 140, 0.18);
  border-radius: 999px;
  background: #f3f6fa;
  color: #526174;
  font-size: 10px;
  font-weight: 950;
}

.compliance-hold-chip svg {
  width: 14px;
  height: 14px;
}

.compliance-hold-chip small {
  color: #748196;
  font-size: 10px;
  font-weight: 850;
}

.agency-profile-action-row .compliance-hold-chip {
  grid-column: 1 / -1;
}

.ghost-button:disabled,
.icon-button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  box-shadow: none;
  filter: grayscale(0.18);
}

.button:disabled,
.ghost-button:disabled,
.icon-button:disabled {
  pointer-events: none;
}

.agency-profile .panel-header {
  padding: 12px 14px 0;
  gap: 8px;
}

.agency-profile .panel-title {
  font-size: 17px;
}

.agency-profile .panel-subtitle {
  font-size: 11px;
  line-height: 1.3;
}

.agency-profile .badge {
  padding: 5px 8px;
  font-size: 10px;
}

.agency-profile .profile-hero {
  margin: 10px 14px 0;
  padding: 10px;
  border-radius: 16px;
  gap: 9px;
}

.agency-profile .avatar.large {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  font-size: 14px;
}

.agency-profile .profile-hero h3 {
  margin-bottom: 3px;
  font-size: 16px;
}

.agency-profile .profile-hero p {
  font-size: 11px;
  line-height: 1.25;
}

.agency-profile .dashboard-metrics {
  padding: 10px 14px 12px;
  gap: 7px;
}

.agency-profile .metric-card {
  border-radius: 13px;
  padding: 8px;
  gap: 3px;
}

.agency-profile .metric-card span,
.agency-profile .metric-card small {
  font-size: 9px;
  line-height: 1.15;
}

.agency-profile .metric-card strong {
  font-size: 17px;
}

.agency-onboarding-panel {
  overflow: hidden;
}

.agency-onboarding-panel .panel-header {
  padding-bottom: 24px;
}

.agency-info-list {
  padding: 0 14px 14px;
  display: grid;
  gap: 9px;
}

.agency-info-row {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) 34px;
  gap: 10px;
  align-items: center;
}

.agency-info-row span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.agency-info-row strong {
  min-width: 0;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.agency-info-row .icon-button {
  width: 34px;
  height: 34px;
  background: #f3f8ff;
  color: var(--brand);
}

.agency-account-page {
  gap: 14px;
}

.agency-account-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  background:
    radial-gradient(circle at 92% 0%, rgba(109, 93, 252, 0.16), transparent 32%),
    radial-gradient(circle at 0% 10%, rgba(31, 132, 229, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96));
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.1);
}

.agency-account-photo {
  width: 96px;
  min-width: 96px;
  display: grid;
  justify-items: center;
  gap: 8px;
}

.agency-account-photo > span {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.34), transparent 30%),
    linear-gradient(145deg, #07182f, #0f66d6 62%, #7c5cff);
  box-shadow: 0 18px 34px rgba(15, 102, 214, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-size: 23px;
  font-weight: 950;
}

.agency-account-photo button {
  min-height: 30px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 999px;
  padding: 0 12px;
  color: #1f56d8;
  background: rgba(255, 255, 255, 0.84);
  font-size: 10px;
  font-weight: 950;
}

.agency-account-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.agency-account-copy > span {
  width: fit-content;
  max-width: 100%;
  padding: 6px 9px;
  border-radius: 999px;
  color: #0b4ca6;
  background: rgba(31, 132, 229, 0.1);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.agency-account-copy h2 {
  margin: 0;
  color: #07182f;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.agency-account-copy p {
  margin: 0;
  color: #53627b;
  font-size: 12px;
  line-height: 1.42;
  font-weight: 800;
}

.agency-account-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 2px;
}

.agency-account-badges span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: #30435f;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(6, 25, 54, 0.06);
  font-size: 10px;
  font-weight: 950;
}

.agency-account-tabs {
  display: flex;
  gap: 8px;
  margin: 0 -14px;
  padding: 2px 14px 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.agency-account-tabs::-webkit-scrollbar {
  display: none;
}

.agency-account-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  padding: 0 15px;
  color: #465772;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
  font-size: 12px;
  font-weight: 950;
}

.agency-account-tabs button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #0f3499, #5b5cf6);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.22);
}

.agency-account-panel {
  display: grid;
  gap: 13px;
  padding: 16px;
  border-radius: 26px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.agency-account-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.agency-account-metrics span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 13px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fbff, #eef6ff);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.agency-account-metrics strong {
  color: #07182f;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.agency-account-metrics small {
  color: #66758d;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.profile-account-list {
  padding: 0;
}

.agency-account-status-list {
  display: grid;
  gap: 9px;
}

.agency-account-status-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 13px;
  border-radius: 18px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.95), rgba(255, 255, 255, 0.95));
}

.agency-account-status-list strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  line-height: 1.2;
}

.agency-account-status-list small {
  color: #66758d;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.agency-account-status-list article > span {
  border-radius: 999px;
  padding: 7px 9px;
  color: #0b4ca6;
  background: rgba(31, 132, 229, 0.1);
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.enterprise-agency-profile {
  --profile-navy: #07182f;
  --profile-blue: #185ee8;
  --profile-violet: #6656e8;
  --profile-green: #16885b;
  gap: 14px;
  padding-top: max(10px, env(safe-area-inset-top));
  padding-bottom: calc(184px + env(safe-area-inset-bottom));
}

.agency-profile-hero {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  color: #fff;
  background-color: #081b3a;
  background-image:
    radial-gradient(circle at 88% 8%, rgba(132, 99, 255, 0.48), transparent 31%),
    radial-gradient(circle at 2% 78%, rgba(25, 112, 244, 0.48), transparent 37%),
    linear-gradient(145deg, #06152f 0%, #123b92 53%, #5139a7 100%);
  background-size: cover;
  background-position: center;
  box-shadow: 0 22px 46px rgba(4, 17, 42, 0.24);
}

.agency-profile-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, transparent 48%, rgba(2, 11, 28, 0.18));
}

.agency-profile-hero > * {
  position: relative;
  z-index: 1;
}

.agency-profile-hero-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 24px;
}

.agency-profile-hero-nav button,
.agency-cover-edit {
  min-width: 0;
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #fff;
  background: rgba(7, 24, 47, 0.34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  font-size: 11px;
  font-weight: 900;
}

.agency-profile-hero-nav svg,
.agency-cover-edit svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.agency-cover-edit {
  position: absolute;
  z-index: 3;
  top: 62px;
  right: 14px;
}

.agency-profile-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 13px;
  align-items: end;
}

.agency-profile-logo {
  position: relative;
  width: 72px;
  height: 72px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  padding: 10px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 32px rgba(1, 9, 25, 0.28);
}

.agency-profile-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.agency-profile-logo > span {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #1f5fd6;
}

.agency-profile-logo svg {
  width: 12px;
  height: 12px;
}

.agency-profile-title {
  min-width: 0;
}

.agency-profile-verified {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 7px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 10px;
  font-weight: 900;
}

.agency-profile-verified svg {
  width: 13px;
  height: 13px;
}

.agency-profile-title h1 {
  margin: 0;
  max-width: 100%;
  color: #fff;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.agency-profile-title p,
.agency-profile-title small {
  display: block;
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.83);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 750;
}

.agency-profile-title small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
}

.agency-profile-rating {
  min-width: 0;
  margin-top: 14px;
  display: grid;
  grid-template-columns: 18px auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  color: #fff;
}

.agency-profile-rating > span {
  color: #ffd36b;
}

.agency-profile-rating svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.agency-profile-rating strong {
  font-size: 17px;
}

.agency-profile-rating small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 800;
}

.agency-profile-rating i {
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(22, 136, 91, 0.28);
  color: #d9ffec;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.agency-award-strip {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 13px 0 0;
}

.agency-award-strip > span {
  min-width: 0;
  min-height: 29px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(8, 25, 55, 0.27);
  backdrop-filter: blur(12px);
}

.agency-award-strip > span:last-child {
  grid-column: 1 / -1;
  justify-self: start;
}

.agency-award-strip svg {
  width: 12px;
  height: 12px;
  color: #f8d36d;
}

.agency-award-strip small {
  min-width: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 9px;
  font-weight: 850;
  line-height: 1.2;
}

.agency-trust-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.agency-trust-metrics.compact {
  margin-top: 10px;
}

.agency-trust-metrics article {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(31, 94, 232, 0.1);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 2px 7px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.95));
  box-shadow: 0 10px 24px rgba(5, 24, 55, 0.08);
}

.agency-trust-metrics.compact article {
  padding: 9px;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(3, 17, 42, 0.34);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

.agency-trust-metrics article > span {
  grid-row: 1 / span 2;
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #1d5ed1;
  background: rgba(31, 94, 232, 0.1);
}

.agency-trust-metrics.compact article > span {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.agency-trust-metrics svg {
  width: 13px;
  height: 13px;
}

.agency-trust-metrics strong {
  color: var(--profile-navy);
  font-size: 17px;
  line-height: 1;
}

.agency-trust-metrics.compact strong {
  color: #fff;
  font-size: 15px;
}

.agency-trust-metrics small {
  min-width: 0;
  color: #60718b;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 900;
}

.agency-trust-metrics.compact small {
  color: rgba(255, 255, 255, 0.68);
}

.agency-trust-metrics em {
  grid-column: 1 / -1;
  margin-top: 5px;
  color: #16885b;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.agency-trust-metrics.compact em {
  display: none;
}

.agency-profile-tabs {
  position: sticky;
  top: 0;
  z-index: 15;
  margin: 0 -14px;
  padding: 7px 14px 9px;
  background: linear-gradient(180deg, rgba(245, 248, 253, 0.98), rgba(245, 248, 253, 0.9));
  backdrop-filter: blur(16px);
}

.agency-profile-tabs button {
  min-height: 38px;
  padding: 0 13px;
  font-size: 11px;
  box-shadow: 0 7px 16px rgba(6, 25, 54, 0.045);
}

.agency-profile-tab-content {
  min-width: 0;
  display: grid;
  gap: 13px;
}

.agency-profile-surface {
  min-width: 0;
  overflow: hidden;
  padding: 15px;
  border: 1px solid rgba(17, 63, 126, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96));
  box-shadow: 0 14px 32px rgba(5, 24, 55, 0.075);
}

.agency-profile-section-head {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 13px;
}

.agency-profile-section-head > div {
  min-width: 0;
}

.agency-profile-section-head h3 {
  margin: 0;
  color: var(--profile-navy);
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0;
}

.agency-profile-section-head p {
  margin: 4px 0 0;
  color: #68768b;
  font-size: 11px;
  line-height: 1.38;
  font-weight: 720;
}

.agency-profile-section-head button {
  flex: 0 0 auto;
  min-height: 30px;
  border: 1px solid rgba(31, 94, 232, 0.12);
  border-radius: 10px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #2456ad;
  background: #f2f6ff;
  font-size: 10px;
  font-weight: 900;
}

.agency-profile-section-head button svg {
  width: 12px;
  height: 12px;
}

.agency-trust-centre-grid,
.agency-performance-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agency-trust-centre-grid article,
.agency-performance-grid article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(21, 77, 154, 0.08);
  border-radius: 15px;
  display: grid;
  gap: 3px;
  background:
    radial-gradient(circle at 100% 0, rgba(73, 97, 238, 0.1), transparent 43%),
    #f8fbff;
}

.agency-trust-centre-grid strong,
.agency-performance-grid strong {
  color: var(--profile-navy);
  font-size: 19px;
  line-height: 1.05;
  overflow-wrap: normal;
}

.agency-trust-centre-grid span,
.agency-performance-grid span {
  color: #42516a;
  font-size: 11px;
  font-weight: 900;
}

.agency-trust-centre-grid small,
.agency-performance-grid small {
  color: #77849a;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
}

.agency-performance-grid small {
  width: fit-content;
  padding: 4px 6px;
  border-radius: 999px;
  color: #15734c;
  background: #e8f8ef;
}

.agency-experience-list {
  display: grid;
  gap: 12px;
}

.agency-experience-list > div {
  display: grid;
  gap: 6px;
}

.agency-experience-list span {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.agency-experience-list strong,
.agency-experience-list b {
  color: #35445c;
  font-size: 11px;
}

.agency-experience-list b {
  color: #0d4da8;
}

.agency-experience-list i,
.agency-profile-job-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ebf3;
}

.agency-experience-list i em,
.agency-profile-job-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1c68e8, #6656e8 65%, #21a36b);
}

.agency-about-copy > p {
  margin: 0 0 13px;
  color: #46566e;
  font-size: 13px;
  line-height: 1.58;
}

.agency-about-copy:not(.expanded) .agency-about-grid {
  display: none;
}

.agency-about-grid {
  display: grid;
  gap: 8px;
}

.agency-about-grid > div {
  padding: 12px;
  border-left: 3px solid #306ee8;
  border-radius: 0 13px 13px 0;
  background: #f5f8fe;
}

.agency-about-grid small,
.agency-about-grid strong {
  display: block;
}

.agency-about-grid small {
  margin-bottom: 4px;
  color: #697891;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-about-grid strong {
  color: #253750;
  font-size: 12px;
  line-height: 1.45;
}

.agency-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agency-benefit-grid > span {
  min-width: 0;
  min-height: 50px;
  padding: 9px;
  border: 1px solid rgba(22, 136, 91, 0.1);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  color: #176b4b;
  background: linear-gradient(145deg, #f8fffb, #eefaf4);
}

.agency-benefit-grid svg {
  width: 17px;
  height: 17px;
}

.agency-benefit-grid strong {
  color: #23463a;
  font-size: 10px;
  line-height: 1.25;
}

.agency-profile-job-list,
.agency-review-list,
.agency-compliance-list,
.agency-team-grid {
  display: grid;
  gap: 9px;
}

.agency-profile-job-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(31, 94, 232, 0.1);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(6, 25, 54, 0.055);
}

.agency-profile-job-top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.agency-profile-job-top > div {
  min-width: 0;
}

.agency-profile-job-top strong,
.agency-profile-job-top small {
  display: block;
}

.agency-profile-job-top strong {
  color: var(--profile-navy);
  font-size: 14px;
  line-height: 1.25;
}

.agency-profile-job-top small {
  margin-top: 3px;
  color: #6a7890;
  font-size: 10px;
  line-height: 1.35;
}

.agency-profile-job-top > span {
  max-width: 96px;
  padding: 5px 7px;
  border-radius: 999px;
  color: #865306;
  background: #fff2d8;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
}

.agency-profile-job-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 10px 0 8px;
  color: #53627b;
  font-size: 10px;
  font-weight: 800;
}

.agency-profile-job-meta b {
  color: #174da3;
}

.agency-profile-job-card > button {
  width: 100%;
  min-height: 35px;
  margin-top: 10px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, #174eb8, #6255e6);
  font-size: 11px;
  font-weight: 900;
}

.agency-review-summary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 11px;
  padding: 12px;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #0b2351, #244ca6);
}

.agency-review-summary > strong {
  font-size: 26px;
}

.agency-review-summary > span {
  color: #ffd46d;
}

.agency-review-summary svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.agency-review-summary small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 9px;
  font-weight: 800;
}

.agency-review-list article {
  padding: 13px;
  border: 1px solid rgba(6, 25, 54, 0.07);
  border-radius: 16px;
  background: #fff;
}

.agency-review-head {
  display: flex;
  align-items: center;
  gap: 9px;
}

.agency-review-head > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #1f64d8, #6656e8);
  font-size: 10px;
  font-weight: 900;
}

.agency-review-head strong,
.agency-review-head small {
  display: block;
}

.agency-review-head strong {
  color: var(--profile-navy);
  font-size: 12px;
}

.agency-review-head small {
  margin-top: 2px;
  color: #758198;
  font-size: 9px;
}

.agency-review-list article > p,
.agency-review-reply p {
  margin: 10px 0;
  color: #47566d;
  font-size: 12px;
  line-height: 1.5;
}

.agency-review-list article > button {
  min-height: 30px;
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2456ad;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
}

.agency-review-list article > button svg {
  width: 13px;
  height: 13px;
}

.agency-review-reply {
  padding: 9px 10px;
  border-left: 3px solid #5a61e8;
  border-radius: 0 11px 11px 0;
  background: #f4f5ff;
}

.agency-review-reply small {
  color: #545da8;
  font-size: 9px;
  font-weight: 900;
}

.agency-review-reply p {
  margin: 3px 0 0;
}

.agency-review-composer {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

.agency-review-composer textarea {
  width: 100%;
  min-height: 78px;
  border: 1px solid rgba(31, 94, 232, 0.14);
  border-radius: 12px;
  outline: 0;
  padding: 10px;
  color: #263853;
  background: #f8faff;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
  resize: vertical;
}

.agency-review-composer > div {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.agency-review-composer button {
  min-height: 34px;
  border: 1px solid rgba(31, 94, 232, 0.12);
  border-radius: 10px;
  padding: 0 10px;
  color: #31527f;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.agency-review-composer button[type="submit"] {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #174eb8, #6255e6);
}

.agency-coverage-map .agency-map-visual {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  border-radius: 17px;
  display: grid;
  place-items: center;
  background:
    linear-gradient(90deg, rgba(44, 94, 174, 0.07) 1px, transparent 1px),
    linear-gradient(rgba(44, 94, 174, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 46% 48%, rgba(35, 100, 225, 0.22), transparent 16%),
    #edf4ff;
  background-size: 22px 22px, 22px 22px, auto, auto;
}

.agency-map-visual > div {
  position: relative;
  z-index: 2;
  max-width: 210px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  color: #174da3;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 28px rgba(11, 43, 88, 0.13);
  text-align: center;
}

.agency-map-visual svg {
  width: 20px;
  height: 20px;
}

.agency-map-visual strong,
.agency-map-visual small {
  display: block;
}

.agency-map-visual strong {
  margin-top: 5px;
  color: #112c56;
  font-size: 13px;
}

.agency-map-visual small {
  margin-top: 4px;
  color: #66758d;
  font-size: 9px;
}

.map-pulse {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 4px solid rgba(32, 99, 225, 0.24);
  border-radius: 50%;
  background: #2466db;
  box-shadow: 0 0 0 7px rgba(36, 102, 219, 0.12);
}

.map-pulse.one { top: 25%; left: 22%; }
.map-pulse.two { right: 18%; top: 28%; }
.map-pulse.three { left: 30%; bottom: 18%; }

.agency-bar-chart {
  height: 165px;
  padding-top: 8px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
}

.agency-bar-chart > span {
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px;
}

.agency-bar-chart i {
  width: 100%;
  min-height: 12px;
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, #6861ee, #1e63d9);
  box-shadow: 0 8px 16px rgba(40, 84, 190, 0.14);
}

.agency-bar-chart small {
  color: #6c7890;
  font-size: 9px;
  text-align: center;
}

.agency-compliance-score {
  min-width: 0;
  margin-bottom: 10px;
  padding: 13px;
  border: 1px solid rgba(22, 136, 91, 0.12);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  background: linear-gradient(145deg, #effcf6, #f8fffb);
}

.agency-compliance-score > span {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #16885b;
  background: #dcf5e8;
}

.agency-compliance-score svg {
  width: 20px;
  height: 20px;
}

.agency-compliance-score strong,
.agency-compliance-score small {
  display: block;
}

.agency-compliance-score strong {
  color: #154b36;
  font-size: 13px;
}

.agency-compliance-score small {
  margin-top: 2px;
  color: #5e7c6e;
  font-size: 9px;
}

.agency-compliance-score b {
  color: #127249;
  font-size: 17px;
}

.agency-compliance-list article {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: #fff;
}

.agency-compliance-list article > span {
  width: 25px;
  height: 25px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #16885b;
  background: #e6f8ef;
}

.agency-compliance-list svg {
  width: 13px;
  height: 13px;
}

.agency-compliance-list strong,
.agency-compliance-list small {
  display: block;
}

.agency-compliance-list strong {
  color: #24344d;
  font-size: 11px;
}

.agency-compliance-list small {
  margin-top: 2px;
  color: #718097;
  font-size: 9px;
  line-height: 1.3;
}

.agency-compliance-list b {
  padding: 5px 7px;
  border-radius: 999px;
  color: #147149;
  background: #e9f8f0;
  font-size: 8px;
  white-space: nowrap;
}

.agency-team-grid article {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(6, 25, 54, 0.07);
  border-radius: 15px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 9px;
  background: #fff;
}

.agency-team-grid article > span {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #174fb7, #7463ec);
  font-size: 11px;
  font-weight: 900;
}

.agency-team-grid article > span i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 11px;
  height: 11px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #24a66c;
}

.agency-team-grid article > span i.busy {
  background: #e9a23b;
}

.agency-team-grid strong,
.agency-team-grid small,
.agency-team-grid em {
  display: block;
}

.agency-team-grid strong {
  color: #132c54;
  font-size: 12px;
}

.agency-team-grid small {
  margin-top: 2px;
  color: #6c7890;
  font-size: 9px;
}

.agency-team-grid em {
  width: fit-content;
  margin-top: 4px;
  color: #16885b;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.agency-team-grid article > button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #2456ad;
  background: #eef4ff;
}

.agency-team-grid article > button svg {
  width: 15px;
  height: 15px;
}

.agency-profile-primary-action {
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  border: 1px solid rgba(31, 94, 232, 0.14);
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #1d52ac;
  background: #f3f7ff;
  font-size: 11px;
  font-weight: 900;
}

.agency-profile-primary-action svg {
  width: 15px;
  height: 15px;
}

.agency-gallery {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(210px, 82%);
  gap: 10px;
  padding-bottom: 4px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.agency-gallery::-webkit-scrollbar {
  display: none;
}

.gallery-scene {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  padding: 14px;
  border-radius: 17px;
  display: flex;
  align-items: flex-end;
  scroll-snap-align: start;
  color: #fff;
  box-shadow: inset 0 -80px 70px rgba(3, 13, 32, 0.62);
}

.gallery-scene::before,
.gallery-scene::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}

.gallery-scene::before {
  width: 140px;
  height: 140px;
  top: -30px;
  right: -25px;
}

.gallery-scene::after {
  width: 90px;
  height: 90px;
  left: 24px;
  top: 35px;
}

.gallery-scene.scene-1 { background: linear-gradient(135deg, #153e86, #7660d8); }
.gallery-scene.scene-2 { background: linear-gradient(135deg, #126b6a, #2a9b75); }
.gallery-scene.scene-3 { background: linear-gradient(135deg, #293653, #4d709f); }
.gallery-scene.scene-4 { background: linear-gradient(135deg, #6f3e8a, #d26477); }

.gallery-scene > span {
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
}

.gallery-scene svg {
  width: 32px;
  height: 32px;
}

.gallery-scene > div {
  position: relative;
  z-index: 2;
}

.gallery-scene strong,
.gallery-scene small {
  display: block;
}

.gallery-scene strong {
  font-size: 14px;
}

.gallery-scene small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
}

.agency-branding-controls,
.agency-settings-links {
  display: grid;
  gap: 8px;
}

.agency-branding-controls > button,
.agency-settings-links > button {
  min-width: 0;
  min-height: 58px;
  border: 1px solid rgba(6, 25, 54, 0.07);
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  color: #2456ad;
  background: #fff;
  text-align: left;
}

.agency-branding-controls > button > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #edf3ff;
}

.agency-branding-controls img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.agency-branding-controls svg,
.agency-settings-links svg {
  width: 15px;
  height: 15px;
}

.agency-branding-controls strong,
.agency-branding-controls small,
.agency-settings-links strong,
.agency-settings-links small {
  display: block;
}

.agency-branding-controls strong,
.agency-settings-links strong {
  color: #19345f;
  font-size: 11px;
}

.agency-branding-controls small,
.agency-settings-links small {
  margin-top: 3px;
  color: #728097;
  font-size: 9px;
  line-height: 1.3;
}

.agency-profile-settings-form {
  min-width: 0;
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.agency-profile-settings-form label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.agency-profile-settings-form label.full {
  grid-column: 1 / -1;
}

.agency-profile-settings-form label > span {
  color: #5e6d84;
  font-size: 9px;
  font-weight: 900;
}

.agency-profile-settings-form input,
.agency-profile-settings-form textarea {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(31, 94, 232, 0.12);
  border-radius: 12px;
  outline: 0;
  padding: 10px;
  color: #172e52;
  background: #f9fbff;
  font: inherit;
  font-size: 11px;
}

.agency-profile-settings-form input {
  height: 42px;
}

.agency-profile-settings-form textarea {
  min-height: 84px;
  resize: vertical;
  line-height: 1.4;
}

.agency-profile-settings-form > button {
  grid-column: 1 / -1;
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: linear-gradient(135deg, #174eb8, #6255e6);
  box-shadow: 0 12px 24px rgba(42, 73, 185, 0.2);
  font-size: 11px;
  font-weight: 900;
}

.agency-profile-settings-form > button svg {
  width: 15px;
  height: 15px;
}

.agency-settings-links > button {
  grid-template-columns: minmax(0, 1fr) auto;
}

.agency-settings-links > button > span {
  font-size: 9px;
  font-weight: 900;
}

.agency-profile-action-dock {
  position: fixed;
  z-index: 39;
  left: 12px;
  right: 12px;
  bottom: calc(76px + env(safe-area-inset-bottom));
  width: auto !important;
  max-width: 396px;
  margin-inline: auto;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(5, 24, 55, 0.2);
  backdrop-filter: blur(20px);
}

.agency-profile-action-dock > div {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.agency-profile-action-dock > div strong {
  color: #132d55;
  font-size: 10px;
}

.agency-profile-action-dock > div small {
  color: #68778e;
  font-size: 8px;
  font-weight: 800;
  text-align: right;
}

.agency-profile-action-dock nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.agency-profile-action-dock nav button {
  min-width: 0;
  min-height: 40px;
  border: 1px solid rgba(31, 94, 232, 0.12);
  border-radius: 12px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #1b4da3;
  background: #f2f6ff;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 900;
}

.agency-profile-action-dock nav button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #174eb8, #6255e6);
}

.agency-profile-action-dock nav button.urgent {
  color: #8c351e;
  border-color: rgba(215, 89, 48, 0.14);
  background: #fff1ea;
}

.agency-profile-action-dock nav svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

/* Agency operating system */
.agency-home-page {
  --ops-navy: #07182f;
  --ops-blue: #1e5fd4;
  --ops-violet: #6556df;
  --ops-green: #177a52;
  --ops-amber: #a56509;
  --ops-red: #a33a32;
  padding-bottom: calc(104px + env(safe-area-inset-bottom));
  background: #f4f7fb;
}

.agency-command-centre,
.compliance-command-hero {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 94% 4%, rgba(125, 89, 255, 0.5), transparent 31%),
    radial-gradient(circle at 2% 76%, rgba(34, 111, 235, 0.44), transparent 38%),
    linear-gradient(145deg, #07172f 0%, #123d92 56%, #4a349c 100%);
  box-shadow: 0 22px 48px rgba(5, 24, 55, 0.2);
}

.agency-command-centre::after,
.compliance-command-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.08), transparent 36%);
}

.agency-command-centre > *,
.compliance-command-hero > * {
  position: relative;
  z-index: 1;
}

.agency-command-heading {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.agency-command-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 11px;
}

.agency-command-logo {
  width: 48px;
  height: 48px;
  padding: 7px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #fff;
  box-shadow: 0 12px 24px rgba(2, 10, 27, 0.24);
}

.agency-command-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.agency-command-identity > div > span,
.compliance-command-copy > span,
.operations-section-heading > div > span,
.sector-browser-header > div > span {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  line-height: 1.1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.agency-command-identity h2,
.compliance-command-copy h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0;
}

.agency-command-identity p,
.compliance-command-copy p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.73);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 720;
}

.agency-live-status {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(6, 22, 49, 0.28);
  font-size: 9px;
  font-weight: 900;
}

.agency-live-status i,
.operations-live-pill i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #52d397;
  box-shadow: 0 0 0 4px rgba(82, 211, 151, 0.13);
}

.agency-command-meta {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 13px 0 0;
}

.agency-command-meta span {
  min-width: 0;
  min-height: 29px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(3, 17, 42, 0.25);
  backdrop-filter: blur(10px);
}

.agency-command-meta svg {
  width: 12px;
  height: 12px;
}

.agency-command-meta strong {
  min-width: 0;
  color: rgba(255, 255, 255, 0.87);
  font-size: 9px;
  line-height: 1.15;
}

.agency-command-kpis,
.compliance-command-kpis {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 11px;
}

.agency-command-kpis article,
.compliance-command-kpis article {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  background: rgba(5, 20, 47, 0.29);
  backdrop-filter: blur(12px);
}

.agency-command-kpis article > span,
.compliance-command-kpis article > span {
  width: 27px;
  height: 27px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #d9e7ff;
  background: rgba(255, 255, 255, 0.1);
}

.agency-command-kpis article.green > span,
.compliance-command-kpis article.green > span {
  color: #d9ffeb;
  background: rgba(58, 184, 122, 0.17);
}

.agency-command-kpis article.violet > span,
.compliance-command-kpis article.violet > span {
  color: #ece8ff;
  background: rgba(143, 113, 255, 0.19);
}

.agency-command-kpis svg,
.compliance-command-kpis svg {
  width: 14px;
  height: 14px;
}

.agency-command-kpis small,
.agency-command-kpis strong,
.agency-command-kpis em,
.compliance-command-kpis small,
.compliance-command-kpis strong,
.compliance-command-kpis em {
  display: block;
}

.agency-command-kpis small,
.compliance-command-kpis small {
  color: rgba(255, 255, 255, 0.61);
  font-size: 8px;
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-command-kpis strong,
.compliance-command-kpis strong {
  margin-top: 3px;
  color: #fff;
  font-size: 17px;
  line-height: 1.05;
  overflow-wrap: normal;
  word-break: normal;
}

.agency-command-kpis em,
.compliance-command-kpis em {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.57);
  font-size: 8px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 750;
}

.agency-command-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}

.agency-command-actions button {
  min-width: 0;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
  line-height: 1.15;
  font-weight: 900;
}

.agency-command-actions button.primary {
  color: #123668;
  background: #fff;
}

.agency-command-actions button.urgent {
  color: #fff;
  border-color: rgba(255, 179, 145, 0.28);
  background: rgba(194, 71, 44, 0.5);
}

.agency-command-actions button:last-child {
  grid-column: 1 / -1;
}

.agency-command-actions svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.agency-operations-surface {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(16, 55, 111, 0.09);
  border-radius: 20px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96));
  box-shadow: 0 14px 32px rgba(5, 24, 55, 0.07);
}

.operations-section-heading {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 13px;
}

.operations-section-heading > div {
  min-width: 0;
}

.operations-section-heading > div > span,
.sector-browser-header > div > span {
  color: #596c88;
}

.operations-section-heading h3 {
  margin: 0;
  color: var(--ops-navy);
  font-size: 17px;
  line-height: 1.18;
  letter-spacing: 0;
}

.operations-section-heading p {
  margin: 4px 0 0;
  color: #6a7890;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 720;
}

.operations-section-heading > button {
  flex: 0 0 auto;
  min-height: 31px;
  border: 1px solid rgba(31, 94, 232, 0.13);
  border-radius: 10px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2456ad;
  background: #f2f6ff;
  font-size: 9px;
  font-weight: 900;
}

.operations-section-heading > button svg {
  width: 12px;
  height: 12px;
}

.agency-health-score {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  padding: 8px 10px;
  border: 1px solid rgba(23, 122, 82, 0.1);
  border-radius: 13px;
  background: #ecf8f2;
}

.agency-health-score strong {
  color: #176d4c;
  font-size: 18px;
}

.agency-health-score small {
  color: #638073;
  font-size: 8px;
}

.agency-health-score em {
  grid-column: 1 / -1;
  color: #176d4c;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.agency-health-visual {
  display: grid;
  gap: 10px;
}

.agency-health-visual > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
}

.agency-health-visual span strong,
.agency-health-visual span small {
  display: block;
}

.agency-health-visual span strong {
  color: #34445d;
  font-size: 10px;
}

.agency-health-visual span small {
  margin-top: 2px;
  color: #78859a;
  font-size: 8px;
}

.agency-health-visual i {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5eaf2;
}

.agency-health-visual i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1d65df, #6656df 65%, #2ba26e);
}

.agency-health-visual > div > em {
  color: #274569;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.operations-live-pill,
.attention-total {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #176d4c;
  background: #eaf8f1;
  font-size: 8px;
  font-weight: 900;
}

.live-operations-feed,
.agency-attention-list,
.expiry-intelligence-list,
.compliance-audit-timeline {
  display: grid;
  gap: 8px;
}

.live-operations-feed article {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: #fff;
}

.live-operations-feed article > span,
.agency-attention-list article > span,
.expiry-intelligence-list button > span,
.compliance-audit-timeline article > span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #1f5cc5;
  background: #ebf3ff;
}

.live-operations-feed article > span.green,
.agency-attention-list article.green > span,
.expiry-intelligence-list button > span.green,
.compliance-audit-timeline article > span.green {
  color: #177a52;
  background: #e8f8f0;
}

.live-operations-feed article > span.amber,
.agency-attention-list article.amber > span,
.expiry-intelligence-list button > span.amber,
.compliance-audit-timeline article > span.amber {
  color: #9b640f;
  background: #fff3dc;
}

.live-operations-feed article > span.red,
.agency-attention-list article.red > span,
.compliance-audit-timeline article > span.red {
  color: #a13a32;
  background: #fff0ee;
}

.live-operations-feed article > span.violet,
.agency-attention-list article.violet > span {
  color: #6656df;
  background: #f0edff;
}

.live-operations-feed svg,
.agency-attention-list svg,
.expiry-intelligence-list svg,
.compliance-audit-timeline svg {
  width: 14px;
  height: 14px;
}

.live-operations-feed strong,
.live-operations-feed small {
  display: block;
}

.live-operations-feed strong {
  color: #223752;
  font-size: 10px;
}

.live-operations-feed small {
  margin-top: 2px;
  color: #738097;
  font-size: 8px;
  line-height: 1.3;
}

.live-operations-feed time {
  color: #8792a4;
  font-size: 8px;
  white-space: nowrap;
}

.agency-insight-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(78, 83, 206, 0.13);
  border-radius: 19px;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  gap: 10px;
  background:
    radial-gradient(circle at 100% 0, rgba(102, 86, 223, 0.13), transparent 36%),
    linear-gradient(145deg, #f6f7ff, #eef4ff);
  box-shadow: 0 13px 28px rgba(37, 64, 137, 0.08);
}

.agency-insight-card > span {
  width: 35px;
  height: 35px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #1e5fd4, #6656df);
  box-shadow: 0 9px 18px rgba(54, 72, 183, 0.2);
}

.agency-insight-card > span svg {
  width: 17px;
  height: 17px;
}

.agency-insight-card small,
.agency-insight-card strong,
.agency-insight-card p {
  display: block;
}

.agency-insight-card small {
  color: #5c5aa5;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.agency-insight-card strong {
  margin-top: 3px;
  color: #162e53;
  font-size: 12px;
  line-height: 1.35;
}

.agency-insight-card p {
  margin: 3px 0 0;
  color: #65748b;
  font-size: 9px;
  line-height: 1.4;
}

.agency-insight-card > button {
  grid-column: 2;
  justify-self: start;
  min-height: 31px;
  margin-top: 2px;
  border: 0;
  border-radius: 10px;
  padding: 0 10px;
  color: #fff;
  background: linear-gradient(135deg, #1c55c3, #6656df);
  font-size: 9px;
  font-weight: 900;
}

.agency-attention-list article {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(6, 25, 54, 0.065);
  border-left: 3px solid #2c67d6;
  border-radius: 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: #fff;
}

.agency-attention-list article.red { border-left-color: #c04c43; }
.agency-attention-list article.amber { border-left-color: #d6972e; }
.agency-attention-list article.violet { border-left-color: #7162df; }

.agency-attention-list article > div {
  min-width: 0;
}

.agency-attention-list article small {
  color: #8a5b14;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.agency-attention-list article strong {
  display: block;
  margin-top: 2px;
  color: #243750;
  font-size: 10px;
  line-height: 1.25;
}

.agency-attention-list article p {
  margin: 2px 0 0;
  color: #758197;
  font-size: 8px;
  line-height: 1.3;
}

.agency-attention-list article > button {
  min-height: 30px;
  max-width: 82px;
  border: 1px solid rgba(31, 94, 232, 0.12);
  border-radius: 10px;
  padding: 0 8px;
  color: #2456ad;
  background: #f2f6ff;
  font-size: 8px;
  line-height: 1.15;
  font-weight: 900;
}

.compliance-command-copy {
  min-width: 0;
  padding-right: 82px;
}

.compliance-risk-score {
  min-width: 0;
  margin-top: 13px;
  padding: 11px;
  border: 1px solid rgba(106, 231, 170, 0.21);
  border-radius: 15px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  background: rgba(14, 97, 67, 0.25);
  backdrop-filter: blur(12px);
}

.compliance-risk-score > div strong {
  color: #fff;
  font-size: 25px;
  line-height: 1;
}

.compliance-risk-score > div small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
}

.compliance-risk-score span b,
.compliance-risk-score span small {
  display: block;
}

.compliance-risk-score span b {
  color: #d7ffea;
  font-size: 11px;
}

.compliance-risk-score span small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
  line-height: 1.3;
}

.compliance-command-search {
  min-width: 0;
  min-height: 41px;
  margin-top: 11px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 13px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  background: rgba(4, 18, 43, 0.27);
  backdrop-filter: blur(12px);
}

.compliance-command-search svg {
  width: 15px;
  height: 15px;
  color: rgba(255, 255, 255, 0.65);
}

.compliance-command-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font: inherit;
  font-size: 10px;
}

.compliance-command-search input::placeholder {
  color: rgba(255, 255, 255, 0.53);
}

.booking-rules-surface .eligibility-status-list {
  padding: 0;
}

.booking-rules-surface .eligibility-status-row {
  padding: 10px;
  border-radius: 14px;
  gap: 9px;
}

.booking-rules-surface .eligibility-status-icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
}

.booking-rules-surface .eligibility-status-row h3 {
  font-size: 11px;
}

.booking-rules-surface .eligibility-status-row p {
  font-size: 9px;
}

.booking-rules-surface .eligibility-status-row .badge {
  padding: 5px 7px;
  font-size: 8px;
}

.compliance-filter-chips {
  display: flex;
  gap: 7px;
  margin: 0 -2px 11px;
  padding: 2px;
  overflow-x: auto;
  scrollbar-width: none;
}

.compliance-filter-chips::-webkit-scrollbar {
  display: none;
}

.compliance-filter-chips button {
  flex: 0 0 auto;
  min-height: 32px;
  border: 1px solid rgba(31, 94, 232, 0.11);
  border-radius: 999px;
  padding: 0 11px;
  color: #56667e;
  background: #f6f8fc;
  font-size: 9px;
  font-weight: 900;
}

.compliance-filter-chips button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #164da9, #6355df);
  box-shadow: 0 8px 18px rgba(46, 74, 175, 0.18);
}

.expiry-intelligence-list button {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: inherit;
  background: #fff;
  text-align: left;
}

.expiry-intelligence-list button > div {
  min-width: 0;
}

.expiry-intelligence-list strong,
.expiry-intelligence-list small {
  display: block;
}

.expiry-intelligence-list strong {
  color: #263a56;
  font-size: 10px;
}

.expiry-intelligence-list small {
  margin-top: 2px;
  color: #778399;
  font-size: 8px;
}

.expiry-intelligence-list b {
  color: #213d67;
  font-size: 14px;
}

.expiry-intelligence-list em {
  grid-column: 2 / -1;
  color: #8a6528;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.compliance-audit-timeline article {
  position: relative;
  min-width: 0;
  padding: 10px;
  border-left: 2px solid #d9e3f2;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.compliance-audit-timeline article > div {
  min-width: 0;
}

.compliance-audit-timeline strong,
.compliance-audit-timeline small {
  display: block;
}

.compliance-audit-timeline strong {
  color: #273b57;
  font-size: 10px;
}

.compliance-audit-timeline small {
  margin-top: 2px;
  color: #758299;
  font-size: 8px;
}

.compliance-audit-timeline time {
  color: #8691a3;
  font-size: 7px;
  white-space: nowrap;
}

.compliance-audit-timeline article > button {
  grid-column: 2 / -1;
  justify-self: start;
  min-height: 25px;
  border: 0;
  padding: 0;
  color: #2456ad;
  background: transparent;
  font-size: 8px;
  font-weight: 900;
}

.premium-sector-browser {
  box-shadow: 0 14px 32px rgba(5, 24, 55, 0.075);
}

.sector-browser-header > div > span {
  margin-bottom: 5px;
}

.sector-command-card {
  border-radius: 20px;
  box-shadow: 0 13px 28px rgba(6, 25, 54, 0.075);
}

.sector-performance-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sector-performance-metrics span {
  border-radius: 14px;
}

.sector-command-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sector-command-actions button {
  min-height: 38px;
  border-radius: 12px;
  font-size: 10px;
}

.sector-command-actions button:nth-child(4) {
  color: #8d351f;
  border: 1px solid rgba(203, 83, 45, 0.13);
  background: #fff0e9;
  box-shadow: none;
}

.sector-insight-card {
  margin-top: 11px;
}

@media (max-width: 360px) {
  .agency-command-heading {
    display: grid;
  }

  .agency-live-status {
    justify-self: start;
  }

  .agency-health-visual > div {
    grid-template-columns: 104px minmax(0, 1fr) 30px;
  }

  .agency-attention-list article {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .agency-attention-list article > button {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 360px) {
  .agency-profile-identity {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .agency-profile-logo {
    width: 62px;
    height: 62px;
    padding: 8px;
  }

  .agency-profile-title h1 {
    font-size: 20px;
  }

  .agency-profile-rating {
    grid-template-columns: 16px auto minmax(0, 1fr);
  }

  .agency-profile-rating i {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .agency-profile-action-dock nav button {
    min-height: 42px;
    display: grid;
    align-content: center;
    gap: 2px;
  }
}

@media (max-width: 390px) {
  .agency-account-hero {
    grid-template-columns: 1fr;
  }

  .agency-account-photo {
    justify-items: start;
  }
}

.section-mini-header {
  padding: 14px 14px 8px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.section-mini-header span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.premium-sector-browser {
  margin-top: 14px;
  padding: 16px;
  border-radius: 26px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 92% 4%, rgba(109, 93, 252, 0.14), transparent 30%),
    radial-gradient(circle at 8% 0%, rgba(31, 132, 229, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), #f7faff);
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.1);
  overflow: hidden;
}

.sector-browser-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  margin-bottom: 12px;
}

.sector-browser-header h3 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
}

.sector-browser-header p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.sector-browser-header > span {
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(31, 132, 229, 0.1);
  color: #1f56d8;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.sector-catalog-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 13px;
  margin-bottom: 12px;
  border-radius: 17px;
  border: 1px solid rgba(6, 25, 54, 0.06);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.03);
  color: var(--muted);
}

.sector-catalog-search svg {
  width: 17px;
  height: 17px;
}

.sector-catalog-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 13px;
}

.sector-smart-filters {
  display: flex;
  gap: 9px;
  margin: 0 -4px 14px;
  padding: 2px 4px 6px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.sector-smart-filters button {
  flex: 0 0 auto;
  scroll-snap-align: start;
  min-height: 40px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  padding: 0 15px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 250, 255, 0.9));
  color: #465772;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.sector-smart-filters button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #0d2e8f, #284eea 48%, #7c5cff);
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.26), 0 0 0 4px rgba(109, 93, 252, 0.08);
}

.sector-smart-filters button:active {
  transform: translateY(1px) scale(0.99);
}

.sector-accordion {
  display: grid;
  gap: 10px;
}

.sector-dropdown {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.11);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(250, 252, 255, 0.92));
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.06);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease, background 0.22s ease;
}

.sector-dropdown.active,
.sector-dropdown.open {
  border-color: rgba(31, 132, 229, 0.34);
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.11), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fbff);
}

.sector-dropdown.open {
  box-shadow: 0 20px 40px rgba(6, 25, 54, 0.12), 0 0 0 4px rgba(31, 132, 229, 0.035);
}

.sector-summary-button,
.sector-dropdown summary {
  width: 100%;
  min-height: 78px;
  border: 0;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 28px;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  background: transparent;
  text-align: left;
}

.sector-dropdown summary::-webkit-details-marker {
  display: none;
}

.sector-row-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.9), transparent 32%),
    linear-gradient(135deg, #e7f2ff, #f0ebff);
  color: #1f56d8;
  display: grid;
  place-items: center;
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.08);
}

.sector-row-icon svg {
  width: 18px;
  height: 18px;
}

.sector-summary-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sector-dropdown summary strong,
.sector-summary-copy strong {
  min-width: 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sector-summary-copy small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sector-demand-pill {
  justify-self: end;
  border-radius: 999px;
  padding: 7px 9px;
  background: rgba(21, 165, 107, 0.1);
  color: #047857;
  font-size: 10.5px;
  font-weight: 950;
  white-space: nowrap;
}

.sector-dropdown summary i,
.sector-summary-button i {
  color: var(--muted);
  display: grid;
  place-items: center;
  transform: rotate(-90deg);
  transition: transform 0.18s ease;
}

.sector-dropdown summary i svg,
.sector-summary-button i svg {
  width: 18px;
  height: 18px;
}

.sector-dropdown[open] summary i,
.sector-dropdown.open .sector-summary-button i {
  transform: rotate(90deg);
}

.sector-marketplace-compact .sector-accordion {
  gap: 10px;
}

.sector-marketplace-compact .sector-dropdown {
  border-radius: 20px;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.sector-marketplace-compact .sector-summary-button {
  min-height: 78px;
  padding: 12px 14px;
  grid-template-columns: 42px minmax(0, 1fr) auto 28px;
}

.sector-marketplace-compact .sector-row-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
}

.sector-marketplace-compact .sector-summary-copy strong {
  font-size: 15px;
}

.sector-marketplace-compact .sector-summary-copy small {
  font-size: 12px;
}

.sector-demand-pill.hot {
  color: #8c2626;
  background: #f5d7d7;
}

.sector-demand-pill.warm {
  color: #815713;
  background: #fbebbe;
}

.sector-demand-pill.seasonal {
  color: #5b35b1;
  background: #ece4ff;
}

.sector-demand-pill.steady {
  color: #17613c;
  background: #d8efe3;
}

.sector-role-list {
  border-top: 1px solid rgba(31, 132, 229, 0.09);
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(248, 251, 255, 0.92), #fff);
  padding: 12px;
  display: grid;
  gap: 12px;
  animation: sectorExpand 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sector-role-list[hidden] {
  display: none;
}

@keyframes sectorExpand {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sector-role-chip {
  border: 1px solid rgba(6, 25, 54, 0.06);
  border-radius: 16px;
  background: #fff;
  min-height: 42px;
  padding: 10px;
  color: var(--ink);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.sector-role-chip.compact-role-row {
  min-height: 0;
  padding: 9px;
  border-radius: 15px;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.role-card-main.compact {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.role-card-main.compact strong {
  font-size: 13px;
}

.role-card-main.compact small {
  font-size: 10px;
}

.role-live-badge {
  justify-self: end;
  border-radius: 999px;
  padding: 5px 7px;
  color: #17613c;
  background: #d8efe3;
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.role-clearance-row.compact {
  gap: 5px;
}

.role-clearance-row.compact span {
  padding: 5px 7px;
  font-size: 9px;
}

.sector-role-chip:active {
  transform: scale(0.995);
}

.sector-expanded-summary {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #eef6ff;
}

.sector-expanded-summary.compact {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  border-radius: 14px;
}

.sector-expanded-summary.compact span {
  width: 24px;
  height: 24px;
}

.sector-expanded-summary.compact p {
  font-size: 12px;
}

.sector-expanded-summary span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #1f56d8;
  background: #fff;
}

.sector-expanded-summary svg {
  width: 15px;
  height: 15px;
}

.sector-expanded-summary p {
  margin: 0;
  color: #38506b;
  font-size: 12px;
  line-height: 1.42;
  font-weight: 760;
}

.role-card-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.sector-role-chip > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.sector-role-list span,
.sector-role-chip strong {
  font-size: 12px;
  font-weight: 850;
  color: var(--ink);
  line-height: 1.2;
}

.sector-role-list small,
.sector-role-chip small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.role-card-badges,
.role-clearance-row,
.role-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.role-card-badges em,
.role-clearance-row span {
  border-radius: 999px;
  padding: 5px 7px;
  background: #eef6ff;
  color: #1f56d8;
  font-size: 9px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
}

.role-clearance-row span {
  background: #f7fafc;
  color: #53627b;
  border: 1px solid rgba(6, 25, 54, 0.06);
}

.role-card-market {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 14px;
  background: linear-gradient(145deg, #f8fbff, #eef6ff);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.role-card-market strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1.1;
}

.sector-live-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.sector-live-data-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px;
  border-radius: 16px;
  border: 1px solid rgba(31, 132, 229, 0.09);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.sector-live-data-grid small {
  color: #66758d;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.02em;
}

.sector-live-data-grid strong {
  min-width: 0;
  color: #07182f;
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.sector-role-rows {
  display: grid;
  gap: 9px;
}

.sector-role-dropdown-panel {
  display: grid;
  gap: 10px;
}

.sector-role-dropdown-panel label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.sector-role-dropdown-panel label > span {
  color: #66758d;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sector-role-dropdown-panel select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  padding: 0 42px 0 13px;
  color: #07182f;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.055);
  font: inherit;
  font-size: 13px;
  font-weight: 900;
}

.sector-selected-role-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 255, 0.96));
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.06);
}

.sector-selected-role-card > div {
  min-width: 0;
}

.sector-selected-role-card small,
.sector-selected-role-card strong,
.sector-selected-role-card p {
  display: block;
}

.sector-selected-role-card small {
  color: #66758d;
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.sector-selected-role-card strong {
  margin-top: 5px;
  color: #07182f;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sector-selected-role-card p {
  margin: 4px 0 0;
  color: #66758d;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 820;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sector-selected-role-card > div:last-child {
  display: grid;
  gap: 6px;
  justify-items: end;
}

.sector-selected-role-card span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 8px;
  color: #1f56d8;
  background: #eef6ff;
  border: 1px solid rgba(31, 132, 229, 0.12);
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.sector-role-intelligence-card {
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
  padding: 13px;
  border-color: rgba(13, 46, 143, 0.12);
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.12), transparent 32%),
    radial-gradient(circle at 0 100%, rgba(31, 132, 229, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.97));
}

.sector-role-intelligence-head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.sector-role-intelligence-head strong {
  max-width: 100%;
  font-size: 17px;
  white-space: normal;
}

.sector-role-intelligence-head p {
  white-space: normal;
  line-height: 1.35;
}

.sector-role-intelligence-head > span {
  justify-self: end;
}

.sector-role-intelligence-head > span.hot {
  color: #9f2d1f;
  background: #ffe7e1;
  border-color: rgba(203, 83, 45, 0.18);
}

.sector-role-intelligence-head > span.warm {
  color: #8a5a0c;
  background: #fff4d7;
  border-color: rgba(210, 153, 34, 0.18);
}

.sector-role-intelligence-head > span.steady {
  color: #08724c;
  background: #def8ea;
  border-color: rgba(16, 185, 129, 0.16);
}

.sector-role-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sector-role-insight-grid span,
.sector-role-detail-strip span {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-items: start;
  gap: 3px;
  padding: 10px;
  border-radius: 15px;
  color: inherit;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(31, 132, 229, 0.09);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
  white-space: normal;
}

.sector-role-insight-grid small,
.sector-role-detail-strip small {
  color: #6b7890;
  font-size: 8.5px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sector-role-insight-grid strong,
.sector-role-detail-strip strong {
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.sector-role-insight-grid em {
  color: #6b7890;
  font-size: 9.5px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 820;
}

.sector-role-detail-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sector-role-recommendation {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 10px;
  border-radius: 16px;
  color: #12345f;
  background:
    linear-gradient(135deg, rgba(232, 243, 255, 0.92), rgba(244, 240, 255, 0.9));
  border: 1px solid rgba(31, 132, 229, 0.1);
}

.sector-role-recommendation span {
  min-height: 30px;
  width: 30px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #1f56d8;
  background: #fff;
  border-radius: 11px;
}

.sector-role-recommendation p {
  margin: 0;
  color: #344761;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 850;
  white-space: normal;
}

.sector-role-row {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 17px;
  border: 1px solid rgba(6, 25, 54, 0.065);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.sector-role-row:active {
  transform: scale(0.995);
}

.sector-role-row-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.sector-role-row-main strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.25;
}

.sector-role-row-main small {
  color: #66758d;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 850;
}

.sector-role-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sector-role-row-meta span {
  border-radius: 999px;
  padding: 6px 8px;
  background: #f6f9fd;
  color: #53627b;
  border: 1px solid rgba(6, 25, 54, 0.06);
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
}

.sector-role-row .role-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.sector-role-row button,
.sector-view-all-button {
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  background: linear-gradient(135deg, #0f3499, #5b5cf6);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 12px 22px rgba(37, 99, 235, 0.18);
}

.sector-role-row button.ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #1f56d8;
  border: 1px solid rgba(31, 132, 229, 0.16);
  background: #fff;
  box-shadow: none;
}

.sector-role-row button.ghost svg {
  width: 13px;
  height: 13px;
}

.sector-view-all-button {
  width: 100%;
  min-height: 42px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 250, 255, 0.95));
  color: #1f56d8;
  border: 1px solid rgba(31, 132, 229, 0.16);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.055);
}

.sector-role-chip button {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
  background: linear-gradient(135deg, #1238b6, #5b5cf6);
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 10px 18px rgba(37, 99, 235, 0.18);
}

.compact-role-row .role-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.compact-role-row .role-card-actions button {
  min-height: 32px;
}

.sector-role-chip button.ghost {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #1f56d8;
  border: 1px solid rgba(31, 132, 229, 0.16);
  background: #fff;
  box-shadow: none;
}

.sector-role-chip button.ghost svg {
  width: 13px;
  height: 13px;
}

@media (max-width: 520px) {
  .sector-browser-header {
    grid-template-columns: 1fr;
  }

  .sector-browser-header > span {
    justify-self: start;
    white-space: normal;
    line-height: 1.25;
  }

  .sector-live-data-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  .sector-browser-header {
    grid-template-columns: 1fr;
  }

  .sector-browser-header > span {
    justify-self: start;
  }

  .sector-summary-button,
  .sector-dropdown summary {
    grid-template-columns: 40px minmax(0, 1fr) 24px;
    min-height: 82px;
    padding: 12px;
  }

  .sector-demand-pill {
    grid-column: 2;
    justify-self: start;
    padding: 5px 7px;
  }

  .role-card-main {
    grid-template-columns: 1fr;
  }

  .role-card-main.compact {
    grid-template-columns: 1fr;
  }

  .role-live-badge {
    justify-self: start;
  }

  .compact-role-row .role-card-actions {
    grid-template-columns: 1fr 1fr;
  }

  .sector-role-row .role-card-actions {
    grid-template-columns: 1fr;
  }
}

.sector-workforce-navigator {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 0%, rgba(91, 92, 246, 0.16), transparent 32%),
    radial-gradient(circle at 10% 0%, rgba(31, 132, 229, 0.14), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96));
  overflow: visible;
}

.sector-workforce-navigator .sector-browser-header {
  grid-template-columns: 1fr;
  margin: 0;
}

.sector-workforce-navigator .sector-browser-header h3 {
  font-size: 20px;
  letter-spacing: -0.01em;
}

.sector-overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.sector-overview-metrics span {
  min-width: 0;
  min-height: 56px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 18px;
  color: #15345f;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(31, 132, 229, 0.1);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.15;
}

.sector-overview-metrics strong {
  color: #0b2f83;
  font-size: 16px;
  line-height: 1;
}

.sector-overview-metrics span {
  white-space: normal;
}

.sector-overview-metrics span span {
  display: inline;
}

.sector-overview-metrics span[style] {
  display: grid;
}

.sector-workforce-navigator .sector-overview-metrics span {
  text-align: left;
}

.sector-overview-metrics span::first-line {
  font-weight: 950;
}

.sector-overview-metrics span:not(:has(strong)) {
  display: inline-flex;
  align-items: center;
}

.sector-smart-selector {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  gap: 10px;
  margin: -2px -18px 0;
  padding: 2px 18px 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(180deg, rgba(245, 249, 255, 0.98), rgba(245, 249, 255, 0.76));
  backdrop-filter: blur(14px);
}

.sector-smart-selector::-webkit-scrollbar {
  display: none;
}

.sector-smart-selector button {
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 58px;
  scroll-snap-align: start;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon name"
    "icon count";
  column-gap: 9px;
  align-items: center;
  padding: 10px 13px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 20px;
  color: #30435f;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.92));
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.07);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.sector-smart-selector button > span {
  grid-area: icon;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #1f56d8;
  background: linear-gradient(135deg, #e8f3ff, #f5f0ff);
}

.sector-smart-selector svg {
  width: 16px;
  height: 16px;
}

.sector-smart-selector strong {
  grid-area: name;
  color: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
  white-space: nowrap;
}

.sector-smart-selector small {
  grid-area: count;
  color: #66758d;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
}

.sector-smart-selector button.active {
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 88% 4%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #0d2e8f, #284eea 50%, #7c5cff);
  box-shadow: 0 18px 34px rgba(37, 99, 235, 0.25), 0 0 0 4px rgba(109, 93, 252, 0.08);
}

.sector-smart-selector button.active > span {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.sector-smart-selector button.active small {
  color: rgba(255, 255, 255, 0.76);
}

.sector-smart-selector button:active {
  transform: translateY(1px) scale(0.99);
}

.sector-command-card {
  min-width: 0;
  border-radius: 26px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  background:
    radial-gradient(circle at top right, rgba(109, 93, 252, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 252, 255, 0.95));
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.1);
  overflow: hidden;
}

.sector-command-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
}

.sector-command-top .sector-demand-pill {
  grid-column: 1 / -1;
  justify-self: start;
}

.sector-command-top h4 {
  margin: 0;
  color: #07182f;
  font-size: 19px;
  line-height: 1.18;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.sector-command-top p {
  margin: 5px 0 0;
  color: #66758d;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 850;
}

.sector-health-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 16px 14px;
}

.sector-health-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px 9px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(6, 25, 54, 0.055);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
}

.sector-health-grid strong {
  color: #07182f;
  font-size: 17px;
  line-height: 1.05;
}

.sector-health-grid small {
  color: #66758d;
  font-size: 9.5px;
  line-height: 1.15;
  font-weight: 900;
}

.sector-workforce-navigator .sector-role-list {
  border-top-color: rgba(31, 132, 229, 0.08);
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 132, 229, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(246, 249, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.sector-workforce-navigator .sector-expanded-summary {
  padding: 12px;
  border-radius: 18px;
  background: rgba(238, 246, 255, 0.88);
}

.sector-workforce-navigator .sector-live-data-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sector-workforce-navigator .sector-role-row {
  border-radius: 19px;
  padding: 13px;
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.055);
}

.sector-command-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.sector-command-actions button {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  color: #fff;
  background: linear-gradient(135deg, #0f3499, #5b5cf6);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
  font-size: 12px;
  font-weight: 950;
}

.sector-command-actions button.secondary {
  color: #1f56d8;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 132, 229, 0.14);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
}

.sector-command-actions button.primary {
  color: #fff;
  background: linear-gradient(135deg, #0f3499, #5b5cf6);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
}

.sector-command-actions button.urgent {
  color: #8d351f;
  border: 1px solid rgba(203, 83, 45, 0.13);
  background: #fff0e9;
  box-shadow: none;
}

@media (max-width: 520px) {
  .sector-workforce-navigator .sector-browser-header {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 370px) {
  .sector-workforce-navigator {
    padding: 15px;
  }

  .sector-smart-selector {
    margin-inline: -15px;
    padding-inline: 15px;
  }

  .sector-workforce-navigator .sector-live-data-grid,
  .sector-health-grid,
  .sector-overview-metrics,
  .sector-command-actions {
    grid-template-columns: 1fr;
  }
}

.profile-hero {
  margin: 14px 14px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff, #eef6ff);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.profile-hero h3 {
  margin: 0 0 5px;
  font-size: 18px;
}

.profile-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.people-page {
  gap: 14px;
  padding-bottom: 128px;
}

.people-switcher {
  margin: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.84)),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.1);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 7px;
  gap: 8px;
  backdrop-filter: blur(18px);
}

.people-switcher button {
  border: 0;
  border-radius: 17px;
  background: transparent;
  color: var(--muted);
  min-height: 56px;
  display: grid;
  place-items: center;
  gap: 2px;
  font-weight: 950;
}

.people-switcher button.active {
  background: linear-gradient(135deg, #143fda 0%, #2563eb 52%, #7857ff 100%);
  color: #fff;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.28);
}

.people-switcher strong,
.people-switcher span {
  display: block;
}

.people-switcher strong {
  font-size: 12px;
  line-height: 1.1;
}

.people-switcher span {
  font-size: 10px;
  font-weight: 850;
  opacity: 0.82;
}

.candidate-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 5px;
}

.candidate-heading h3 {
  margin: 0;
}

.candidate-toolbar {
  padding: 8px 10px;
  display: flex;
  gap: 6px;
  overflow-x: auto;
}

.people-search-row {
  padding: 10px 10px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}

.people-search {
  min-height: 38px;
  border-radius: 14px;
}

.compact-filter {
  min-height: 38px;
}

.filter-chip {
  flex: 0 0 auto;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 900;
}

.filter-chip.strong {
  color: var(--brand);
  border-color: rgba(31, 132, 229, 0.4);
  background: #eaf4ff;
}

.filter-chip svg {
  width: 14px;
  height: 14px;
}

.sort-toolbar {
  margin: 0 10px 10px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8fbff;
  display: flex;
  gap: 5px;
  align-items: center;
  overflow-x: auto;
}

.sort-toolbar span,
.sort-toolbar button {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 900;
}

.sort-toolbar span {
  color: var(--muted);
  padding: 0 4px;
}

.sort-toolbar button {
  border: 1px solid var(--line);
  border-radius: 999px;
  min-height: 26px;
  background: #fff;
  color: var(--muted);
  padding: 0 8px;
}

.sort-toolbar button.active {
  border-color: rgba(31, 132, 229, 0.4);
  background: #eaf4ff;
  color: var(--brand-dark);
}

.candidate-list-compact {
  padding: 0 10px 10px;
  display: grid;
  gap: 7px;
}

.candidate-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(6, 25, 54, 0.07);
  padding: 9px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
}

.candidate-avatar {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: #eaf4ff;
  color: var(--brand-dark);
  display: grid;
  place-items: center;
  font-weight: 950;
}

.candidate-main {
  min-width: 0;
}

.candidate-card .compact-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
  gap: 6px;
  align-items: center;
}

.candidate-card .compact-actions .tier-pill {
  grid-column: 1 / -1;
  justify-self: start;
}

.candidate-card .compact-actions .button,
.candidate-card .compact-actions .ghost-button {
  min-height: 32px;
  border-radius: 999px;
  font-size: 11px;
  padding: 0 9px;
}

.candidate-card .compact-actions .icon-button {
  width: 34px;
  min-height: 32px;
  border-radius: 999px;
}

.premium-worker-search {
  padding: 0 0 16px;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.candidate-database-header {
  margin: 0 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  padding: 17px;
  background:
    radial-gradient(circle at 96% 0%, rgba(80, 87, 255, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.candidate-database-header h2,
.candidate-database-header p {
  margin: 0;
}

.candidate-database-header h2 {
  color: #0f1f38;
  font-size: 26px;
  line-height: 1.08;
}

.candidate-database-header p {
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
}

.candidate-live-stats,
.candidate-feed-tabs,
.candidate-search-suggestions {
  margin: 0 10px 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.candidate-live-stats::-webkit-scrollbar,
.candidate-feed-tabs::-webkit-scrollbar,
.candidate-search-suggestions::-webkit-scrollbar {
  display: none;
}

.candidate-live-stats span {
  min-height: 48px;
  min-width: 142px;
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(80, 87, 255, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.94);
  color: #64748b;
  padding: 9px 11px;
  font-size: 11px;
  font-weight: 850;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.candidate-live-stats strong {
  display: block;
  color: #0f1f38;
  font-size: 17px;
  line-height: 1.05;
}

.candidate-live-stats small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
}

.candidate-search-suggestions {
  margin-top: -2px;
}

.candidate-search-suggestions button,
.candidate-feed-tabs button {
  flex: 0 0 auto;
  border: 1px solid rgba(80, 87, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #3158d4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.055);
}

.candidate-search-suggestions button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 900;
}

.candidate-search-suggestions svg {
  width: 13px;
  height: 13px;
}

.candidate-feed-tabs {
  padding: 2px 0 4px;
}

.candidate-feed-tabs button {
  min-height: 38px;
  padding: 0 13px;
  color: #42526b;
  font-size: 12px;
  font-weight: 950;
}

.candidate-feed-tabs button.active {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #143fda, #7857ff);
  box-shadow: 0 14px 28px rgba(80, 87, 255, 0.2);
}

.people-intelligence-hero,
.preferred-network-hero {
  margin: 0 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  border-radius: 28px;
  padding: 19px;
  color: #fff;
  background:
    radial-gradient(circle at 12% 0%, rgba(96, 165, 250, 0.32), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(168, 85, 247, 0.26), transparent 34%),
    linear-gradient(145deg, #061225 0%, #082a70 52%, #3a28b8 100%);
  box-shadow: 0 24px 48px rgba(37, 99, 235, 0.22);
}

.people-intelligence-hero span,
.preferred-network-hero span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.people-intelligence-hero h2,
.preferred-network-hero h2 {
  margin: 6px 0 7px;
  color: #fff;
  font-size: 25px;
  line-height: 1.06;
}

.people-intelligence-hero p,
.preferred-network-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.people-intelligence-hero > strong,
.preferred-network-hero > strong {
  width: 78px;
  height: 78px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  align-content: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.13);
}

.people-intelligence-hero > strong {
  font-size: 25px;
}

.people-intelligence-hero > strong small,
.preferred-network-hero > strong small {
  display: block;
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

.sticky-people-search {
  position: sticky;
  top: 0;
  z-index: 9;
  margin: 0 10px;
  padding: 12px 0 10px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(248, 251, 255, 0));
  backdrop-filter: blur(12px);
}

.active-intelligence-chips,
.ai-search-suggestions {
  margin: 10px 10px 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.active-intelligence-chips::-webkit-scrollbar,
.ai-search-suggestions::-webkit-scrollbar {
  display: none;
}

.active-intelligence-chips button,
.ai-search-suggestions button {
  flex: 0 0 auto;
  min-height: 40px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.82);
  color: #1238b6;
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
  white-space: nowrap;
}

.active-intelligence-chips strong,
.ai-search-suggestions span {
  font-size: 11px;
  font-weight: 950;
}

.active-intelligence-chips small {
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
}

.save-search-chip {
  background: linear-gradient(135deg, #143fda, #7857ff) !important;
  color: #fff !important;
}

.ai-search-suggestions {
  margin-top: 8px;
}

.ai-search-suggestions button {
  max-width: 260px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(120, 87, 255, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.9);
}

.ai-search-suggestions svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.ai-search-suggestions span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.workforce-filter-groups {
  margin: 12px 10px 0;
  display: grid;
  gap: 9px;
}

.workforce-filter-group {
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.workforce-filter-group summary {
  min-height: 58px;
  list-style: none;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
}

.workforce-filter-group summary::-webkit-details-marker {
  display: none;
}

.workforce-filter-group summary > span {
  width: 38px;
  height: 38px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #1238b6;
  background: #eef6ff;
}

.workforce-filter-group summary svg {
  width: 17px;
  height: 17px;
}

.workforce-filter-group summary strong {
  min-width: 0;
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
}

.workforce-filter-group summary small {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.workforce-filter-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 13px 13px;
}

.workforce-filter-group > div button {
  min-height: 34px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 999px;
  background: rgba(239, 246, 255, 0.78);
  color: #53627b;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 900;
}

.workforce-filter-group > div button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #143fda, #7857ff);
}

.premium-candidate-card {
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 15px;
  border-radius: 24px;
  border-color: rgba(31, 132, 229, 0.08);
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
}

.workforce-intel-card {
  position: relative;
  overflow: hidden;
}

.candidate-preview-top,
.applicant-top {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.intel-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 17px;
  background: linear-gradient(135deg, #eaf4ff, #d8eaff);
}

.intel-avatar i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.candidate-identity {
  min-width: 0;
}

.candidate-identity h3,
.applicant-top h3 {
  margin: 0 0 2px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.2;
}

.candidate-identity p,
.applicant-top p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trust-tags span {
  background: #fff;
  border: 1px solid var(--line);
}

.trust-tags .tier-green {
  color: var(--green);
  background: #f4fbf7;
  border-color: rgba(21, 165, 107, 0.22);
}

.trust-tags .tier-purple {
  color: #7651d2;
  background: #f3edff;
  border-color: rgba(118, 81, 210, 0.22);
}

.trust-tags .tier-blue {
  color: var(--brand);
  background: #eaf4ff;
  border-color: rgba(31, 132, 229, 0.24);
}

.saved-shortlist-badge {
  width: fit-content;
  border-radius: 999px;
  background: #eef6ff;
  color: var(--brand);
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 900;
}

.saved-shortlist-badge svg,
.icon-button.saved svg {
  width: 14px;
  height: 14px;
}

.icon-button.saved {
  color: var(--brand);
  background: #eaf4ff;
  border-color: rgba(31, 132, 229, 0.3);
}

.no-results-card {
  gap: 8px;
}

.candidate-score {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #f0fdf4;
  color: var(--green);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.candidate-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 6px 0;
}

.candidate-tags span {
  border-radius: 999px;
  background: var(--soft);
  color: var(--muted);
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 850;
}

.language-tags span {
  color: #7651d2;
  background: #f3edff;
}

.worker-intel-hero-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.candidate-operational-row {
  display: grid;
  grid-template-columns: 1.3fr 0.8fr 0.9fr;
  gap: 7px;
}

.candidate-operational-row span {
  min-width: 0;
  border-radius: 17px;
  padding: 10px 8px;
  background:
    linear-gradient(135deg, rgba(20, 63, 218, 0.07), rgba(120, 87, 255, 0.07)),
    #fff;
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 850;
}

.candidate-operational-row strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #07182f;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 950;
}

.worker-intel-hero-row span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 17px;
  padding: 10px 8px;
  background:
    linear-gradient(135deg, rgba(20, 63, 218, 0.08), rgba(120, 87, 255, 0.08)),
    #fff;
  color: #64748b;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 850;
  text-align: center;
}

.worker-intel-hero-row strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1;
  font-weight: 950;
}

.agency-candidate-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 2px 0;
}

.agency-candidate-metrics span {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 13px;
  background: #f8fbff;
  color: var(--muted);
  padding: 7px 4px;
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}

.agency-candidate-metrics strong {
  display: block;
  color: var(--ink);
  font-size: 11px;
}

.worker-intelligence-note {
  display: grid;
  gap: 4px;
  border-radius: 18px;
  padding: 12px;
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.1), transparent 34%),
    rgba(240, 253, 244, 0.78);
}

.worker-intelligence-note strong {
  color: #047857;
  font-size: 13px;
}

.worker-intelligence-note small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.workforce-intel-card .compact-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workforce-intel-card .compact-actions .button,
.workforce-intel-card .compact-actions .ghost-button {
  min-height: 38px;
}

.agency-candidate-profile-page {
  gap: 10px;
}

.agency-profile-action-row {
  margin: 0 14px 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.agency-profile-action-row .button,
.agency-profile-action-row .ghost-button {
  min-height: 34px;
  border-radius: 999px;
  font-size: 11px;
  padding: 0 10px;
}

.agency-candidate-review-card {
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(31, 132, 229, 0.08), rgba(255, 255, 255, 0.94) 38%),
    #fff;
  box-shadow: 0 12px 30px rgba(6, 25, 54, 0.08);
  padding: 12px;
  display: grid;
  gap: 10px;
}

.agency-candidate-review-top {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.candidate-avatar.large {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, #eaf4ff, #d8eaff);
  color: var(--brand-dark);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.15);
}

.agency-candidate-review-top h2 {
  margin: 2px 0 3px;
  color: var(--ink);
  font-size: 20px;
}

.agency-candidate-review-top p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.agency-review-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.agency-review-metrics span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--muted);
  padding: 8px 5px;
  text-align: center;
  font-size: 9px;
  font-weight: 900;
}

.agency-review-metrics strong,
.agency-review-metrics small {
  display: block;
}

.agency-review-metrics strong {
  color: var(--ink);
  font-size: 15px;
}

.agency-review-metrics small {
  margin-top: 2px;
  color: #7b8ba3;
  font-size: 8px;
}

.agency-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.agency-review-actions .button,
.agency-review-actions .ghost-button {
  min-height: 34px;
  border-radius: 999px;
  font-size: 11px;
  padding: 0 10px;
}

.agency-worker-profile-card {
  padding-top: 12px;
}

.agency-worker-profile-card .profile-tabs {
  margin-top: 10px;
}

.trusted-pool-summary {
  margin: 10px 10px 0;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8fbff;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.shortlist-workspace {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding-bottom: 16px;
}

.preferred-network-hero {
  align-items: center;
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 197, 94, 0.26), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(96, 165, 250, 0.28), transparent 34%),
    linear-gradient(145deg, #061225 0%, #073b4c 52%, #0f766e 100%);
}

.preferred-network-sections {
  margin: 12px 10px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.preferred-network-sections button {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 20px;
  padding: 13px;
  text-align: left;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.09), transparent 34%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.07);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.preferred-network-sections button:active {
  transform: translateY(1px) scale(0.99);
}

.preferred-network-sections button i {
  width: 28px;
  height: 28px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: rgba(31, 132, 229, 0.09);
  color: #3158d4;
  margin-bottom: 2px;
}

.preferred-network-sections button i svg {
  width: 15px;
  height: 15px;
}

.preferred-network-sections button.active {
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(135deg, #143fda, #7857ff);
}

.preferred-network-sections button.active i {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

.preferred-network-sections strong {
  color: currentColor;
  font-size: 20px;
  line-height: 1;
  font-weight: 950;
}

.preferred-network-sections span {
  color: currentColor;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 950;
}

.preferred-network-sections small {
  color: currentColor;
  opacity: 0.68;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 800;
}

.preferred-network-controls {
  margin: 12px 10px 0;
  display: grid;
  gap: 10px;
}

.preferred-network-summary {
  margin: 10px 10px 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.preferred-network-summary::-webkit-scrollbar {
  display: none;
}

.preferred-network-summary span {
  min-width: 122px;
  flex: 0 0 auto;
  border: 1px solid rgba(15, 118, 110, 0.12);
  border-radius: 18px;
  padding: 10px 11px;
  background:
    radial-gradient(circle at 96% 0%, rgba(20, 184, 166, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.94);
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.055);
}

.preferred-network-summary strong {
  display: block;
  color: #0f1f38;
  font-size: 17px;
  line-height: 1.05;
}

.network-search-field {
  min-height: 52px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 38px;
  gap: 10px;
  align-items: center;
  padding: 0 8px 0 14px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.network-search-field svg {
  width: 17px;
  height: 17px;
  color: #64748b;
}

.network-search-field input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0f1f38;
  font-size: 13px;
  font-weight: 850;
}

.network-search-field input::placeholder {
  color: #94a3b8;
}

.network-search-field button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(80, 87, 255, 0.16);
  border-radius: 15px;
  background: rgba(80, 87, 255, 0.08);
  color: #3158d4;
  display: grid;
  place-items: center;
}

.network-selector-grid {
  display: grid;
  gap: 8px;
}

.network-select-field {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 12px;
  display: grid;
  gap: 6px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.055);
}

.network-select-field span {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.network-select-field select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) calc(100% - 15px) 8px / 5px 5px no-repeat,
    linear-gradient(135deg, #64748b 50%, transparent 50%) calc(100% - 10px) 8px / 5px 5px no-repeat;
  color: #0f1f38;
  font-size: 14px;
  font-weight: 950;
  appearance: none;
}

.preferred-industry-accordion {
  margin: 12px 10px 0;
  display: grid;
  gap: 10px;
}

.preferred-industry-card {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 96% 0%, rgba(20, 63, 218, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.075);
  overflow: hidden;
}

.preferred-industry-summary {
  min-height: 70px;
  width: 100%;
  border: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 32px;
  gap: 11px;
  align-items: center;
  padding: 13px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.preferred-industry-summary > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #3158d4;
  background: linear-gradient(135deg, #eef6ff, #f3edff);
}

.preferred-industry-summary svg {
  width: 18px;
  height: 18px;
}

.preferred-industry-summary strong,
.preferred-industry-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preferred-industry-summary strong {
  color: #0f1f38;
  font-size: 16px;
  font-weight: 950;
}

.preferred-industry-summary small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.preferred-industry-summary i {
  width: 32px;
  height: 32px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #3158d4;
  background: rgba(49, 88, 212, 0.08);
  transform: rotate(-90deg);
  transition: transform 180ms ease;
}

.preferred-industry-card.open .preferred-industry-summary i {
  transform: rotate(90deg);
}

.preferred-industry-metrics {
  margin: 0 13px 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.preferred-industry-metrics span {
  min-width: 0;
  border: 1px solid rgba(15, 118, 110, 0.12);
  border-radius: 15px;
  background: rgba(240, 253, 250, 0.72);
  padding: 8px;
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}

.preferred-industry-metrics strong {
  display: block;
  color: #0f766e;
  font-size: 13px;
  line-height: 1.05;
}

.preferred-site-list {
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  padding: 12px;
  display: grid;
  gap: 12px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(240, 253, 250, 0.55));
}

.preferred-site-card {
  min-width: 0;
  border: 1px solid rgba(15, 118, 110, 0.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(15, 118, 110, 0.10), transparent 34%),
    linear-gradient(145deg, rgba(240, 253, 250, 0.98), rgba(248, 251, 255, 0.98));
  padding: 0;
  display: grid;
  gap: 0;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.055);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  overflow: hidden;
}

.preferred-site-card.active {
  border-color: rgba(15, 118, 110, 0.26);
  box-shadow: 0 18px 38px rgba(15, 118, 110, 0.13);
}

.preferred-site-summary {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 14px;
  text-align: left;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 13px;
}

.preferred-site-copy {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  gap: 7px;
}

.preferred-site-copy strong,
.preferred-site-copy small {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.preferred-site-copy strong {
  color: #0f1f38;
  font-size: 18px;
  line-height: 1.18;
  font-weight: 950;
}

.preferred-site-copy small {
  color: #0f766e;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
}

.preferred-site-primary-metrics {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.preferred-site-primary-metrics span {
  border: 1px solid rgba(15, 118, 110, 0.1);
  border-radius: 15px;
  background: rgba(240, 253, 250, 0.68);
  padding: 9px 10px;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

.preferred-site-primary-metrics b {
  color: #0f1f38;
  font-size: 14px;
}

.preferred-site-metric-line {
  min-width: 0;
  display: block;
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.preferred-site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.preferred-site-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  flex-wrap: wrap;
}

.preferred-site-status span,
.preferred-site-status small {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  white-space: nowrap;
  font-weight: 950;
}

.preferred-site-status span {
  min-height: 27px;
  padding: 0 9px;
  background: #dcfce7;
  color: #166534;
  font-size: 10px;
}

.preferred-site-status small {
  gap: 5px;
  color: #0f766e;
  font-size: 10px;
}

.preferred-site-status small i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.preferred-site-arrow {
  width: 24px;
  height: 24px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #0f766e;
  background: rgba(15, 118, 110, 0.08);
  transform: rotate(-90deg);
  transition: transform 180ms ease;
  flex: 0 0 auto;
}

@media (min-width: 430px) {
  .preferred-site-primary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.preferred-site-card.open .preferred-site-arrow {
  transform: rotate(90deg);
}

.preferred-site-arrow svg {
  width: 13px;
  height: 13px;
}

.preferred-site-list article > button:not(.preferred-site-summary) {
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
  display: grid;
  gap: 4px;
}

.preferred-site-list article > button:not(.preferred-site-summary) strong,
.preferred-site-list article > button:not(.preferred-site-summary) small,
.preferred-site-list article > button:not(.preferred-site-summary) span {
  display: block;
  min-width: 0;
}

.preferred-site-list article > button:not(.preferred-site-summary) strong {
  color: #0f1f38;
  font-size: 15px;
}

.preferred-site-list article > button:not(.preferred-site-summary) small {
  color: #3158d4;
  font-size: 12px;
  font-weight: 900;
}

.preferred-site-list article > button:not(.preferred-site-summary) > span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.preferred-site-workers {
  margin: 0 12px 12px;
  border-top: 1px solid rgba(15, 118, 110, 0.13);
  border-left: 2px solid rgba(15, 118, 110, 0.16);
  padding: 13px 0 0 10px;
  display: grid;
  gap: 9px;
  animation: preferredFadeUp 220ms ease both;
}

.preferred-site-expanded-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.preferred-site-expanded-header strong {
  color: #0f1f38;
  font-size: 12px;
}

.preferred-site-expanded-header span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-align: right;
}

@keyframes preferredFadeUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.preferred-nested-worker-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  padding: 11px;
  display: grid;
  gap: 9px;
  background:
    radial-gradient(circle at 100% 0%, rgba(15, 118, 110, 0.08), transparent 34%),
    #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.preferred-nested-worker-card > div:first-child strong,
.preferred-nested-worker-card > div:first-child small,
.preferred-nested-worker-card > div:first-child em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.preferred-nested-worker-card > div:first-child strong {
  color: #0f1f38;
  font-size: 15px;
  line-height: 1.18;
}

.preferred-nested-worker-card > div:first-child small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.preferred-nested-worker-card > div:first-child em {
  margin-top: 5px;
  color: #0f766e;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.preferred-nested-worker-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.preferred-nested-worker-tags span {
  border: 1px solid rgba(15, 118, 110, 0.14);
  border-radius: 999px;
  background: #f0fdfa;
  color: #0f766e;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 950;
}

.preferred-nested-worker-metrics {
  display: grid;
  gap: 7px;
}

.preferred-nested-worker-metrics span {
  min-width: 0;
  border-radius: 13px;
  background: #f8fafc;
  padding: 9px 10px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.preferred-nested-worker-metrics strong {
  display: block;
  color: #0f1f38;
  font-size: 13px;
  white-space: nowrap;
}

.preferred-nested-worker-metrics small {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  text-align: right;
}

.preferred-site-groups {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.preferred-site-groups::-webkit-scrollbar {
  display: none;
}

.preferred-site-groups button {
  min-height: 32px;
  flex: 0 0 auto;
  border: 1px solid rgba(80, 87, 255, 0.14);
  border-radius: 999px;
  background: rgba(80, 87, 255, 0.07);
  color: #3158d4;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 950;
}

.preferred-site-groups button.active {
  border-color: transparent;
  background: linear-gradient(135deg, #143fda, #7857ff);
  color: #fff;
  box-shadow: 0 10px 22px rgba(80, 87, 255, 0.18);
}

.trusted-pool-summary span {
  min-width: 0;
  border-radius: 10px;
  background: #fff;
  padding: 7px 4px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}

.trusted-pool-summary strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.workforce-network-tabs {
  margin: 12px 10px 0;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.workforce-network-tabs::-webkit-scrollbar {
  display: none;
}

.workforce-network-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  border: 1px solid rgba(49, 88, 212, 0.14);
  border-radius: 999px;
  padding: 0 14px;
  color: #465772;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.055);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.workforce-network-tabs button.active {
  color: #fff;
  border-color: transparent;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #143fda, #7857ff);
  box-shadow: 0 14px 28px rgba(49, 88, 212, 0.22);
}

.preferred-industry-summary strong,
.preferred-industry-summary small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.preferred-nested-worker-card.saved {
  border-color: rgba(49, 88, 212, 0.2);
  box-shadow: 0 14px 28px rgba(49, 88, 212, 0.1);
}

.workforce-worker-main strong,
.workforce-worker-main small,
.workforce-worker-main em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.workforce-worker-main strong {
  color: #0f1f38;
  font-size: 15px;
  line-height: 1.18;
}

.workforce-worker-main small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.workforce-worker-main em {
  margin-top: 5px;
  color: #0f766e;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.workforce-crm-worker-card .preferred-nested-worker-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workforce-crm-worker-card .preferred-nested-worker-metrics span {
  display: grid;
  gap: 3px;
  align-items: start;
  justify-content: stretch;
}

.workforce-crm-worker-card .preferred-nested-worker-metrics small {
  font-size: 10px;
  text-align: left;
}

.workforce-crm-worker-card .preferred-nested-worker-metrics strong {
  font-size: 14px;
}

.workforce-more-shell {
  display: grid;
  gap: 8px;
}

.workforce-more-button {
  min-height: 38px;
  width: 100%;
  border: 1px solid rgba(49, 88, 212, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #3158d4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 950;
}

.workforce-more-button svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}

.workforce-more-menu {
  display: grid;
  gap: 7px;
  padding: 9px;
  border: 1px solid rgba(49, 88, 212, 0.12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(49, 88, 212, 0.08), transparent 34%),
    #fff;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
  animation: preferredFadeUp 180ms ease both;
}

.workforce-more-menu button {
  min-height: 36px;
  border: 0;
  border-radius: 13px;
  background: #f8fbff;
  color: #30435f;
  text-align: left;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 900;
}

.workforce-smart-panel,
.workforce-rehire-list,
.workforce-favourites-panel {
  margin: 12px 10px 0;
  display: grid;
  gap: 10px;
}

.workforce-context-card {
  display: grid;
  gap: 5px;
  padding: 15px;
  border-radius: 22px;
  border: 1px solid rgba(49, 88, 212, 0.14);
  background:
    radial-gradient(circle at 96% 0%, rgba(120, 87, 255, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(240, 246, 255, 0.96));
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.workforce-context-card span {
  color: #3158d4;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.workforce-context-card strong {
  color: #0f1f38;
  font-size: 16px;
  line-height: 1.25;
}

.workforce-context-card small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
}

.network-smart-list {
  display: grid;
  gap: 10px;
}

.network-smart-card {
  margin: 0;
}

.workforce-team-grid {
  margin: 12px 10px 0;
  display: grid;
  gap: 10px;
}

.workforce-team-grid article,
.workforce-rehire-list article,
.favourite-industry-card {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(49, 88, 212, 0.12);
  background:
    radial-gradient(circle at 96% 0%, rgba(49, 88, 212, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.065);
}

.workforce-team-grid article > span {
  width: 38px;
  height: 38px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #3158d4;
  background: #eef6ff;
}

.workforce-team-grid svg {
  width: 17px;
  height: 17px;
}

.workforce-team-grid strong,
.workforce-rehire-list strong,
.favourite-industry-card strong {
  color: #0f1f38;
  font-size: 15px;
  line-height: 1.25;
}

.workforce-team-grid small,
.workforce-rehire-list small,
.favourite-industry-card small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 850;
}

.workforce-team-grid button,
.workforce-rehire-list button {
  min-height: 40px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #143fda, #7857ff);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(49, 88, 212, 0.18);
}

.workforce-rehire-list article > span {
  color: #3158d4;
  font-size: 12px;
  font-weight: 900;
}

.favourite-industry-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.favourite-industry-card div span {
  border-radius: 999px;
  padding: 7px 9px;
  color: #0f766e;
  background: #f0fdfa;
  border: 1px solid rgba(15, 118, 110, 0.12);
  font-size: 10px;
  font-weight: 950;
}

@media (max-width: 370px) {
  .workforce-crm-worker-card .preferred-nested-worker-metrics {
    grid-template-columns: 1fr;
  }
}

.trusted-worker-list {
  padding: 12px 10px 10px;
  display: grid;
  gap: 10px;
}

.preferred-detail-panel,
.favourite-teams-panel {
  margin: 12px 10px 0;
  border: 1px solid rgba(148, 163, 184, 0.17);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0%, rgba(80, 87, 255, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.95));
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09);
  overflow: hidden;
}

.preferred-detail-header {
  padding: 17px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.preferred-detail-header span,
.preferred-detail-header h3,
.preferred-detail-header p {
  display: block;
  margin: 0;
}

.preferred-detail-header span {
  color: #3158d4;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.preferred-detail-header h3 {
  margin-top: 6px;
  color: #0f1f38;
  font-size: 19px;
  line-height: 1.12;
}

.preferred-detail-header p {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.preferred-detail-stats {
  margin: 0 17px 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.preferred-detail-stats span {
  min-width: 0;
  border-radius: 17px;
  padding: 10px 8px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.14);
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-align: center;
}

.preferred-detail-stats strong {
  display: block;
  color: #0f1f38;
  font-size: 17px;
  line-height: 1.05;
}

.preferred-detail-workers,
.favourite-team-list {
  display: grid;
  gap: 9px;
  padding: 0 17px 17px;
}

.preferred-detail-workers article {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 34px 48px;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  padding: 10px;
}

.candidate-avatar.small {
  width: 38px;
  height: 38px;
  font-size: 12px;
}

.preferred-detail-workers strong,
.preferred-detail-workers small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preferred-detail-workers strong {
  color: #0f1f38;
  font-size: 13px;
}

.preferred-detail-workers small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
}

.preferred-detail-workers button,
.team-actions button {
  min-width: 0;
  min-height: 32px;
  border: 1px solid rgba(80, 87, 255, 0.14);
  border-radius: 999px;
  background: rgba(80, 87, 255, 0.08);
  color: #3158d4;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 900;
}

.preferred-detail-workers button svg {
  width: 14px;
  height: 14px;
}

.favourite-team-list article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  padding: 14px;
  display: grid;
  gap: 12px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.favourite-team-list strong,
.favourite-team-list small {
  display: block;
}

.favourite-team-list strong {
  color: #0f1f38;
  font-size: 15px;
}

.favourite-team-list small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.team-avatar-stack {
  display: flex;
  align-items: center;
}

.team-avatar-stack span {
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 999px;
  display: grid;
  place-items: center;
  margin-left: -7px;
  background: linear-gradient(135deg, #0f66d6, #7857ff);
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.team-avatar-stack span:first-child {
  margin-left: 0;
}

.team-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.danger-lite {
  color: #9f1239 !important;
}

.shortlist-workspace .trusted-worker-card {
  border-radius: 24px;
  padding: 15px;
  gap: 12px;
  border-color: rgba(31, 132, 229, 0.08);
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.09);
}

.trusted-worker-main .candidate-heading {
  margin-bottom: 3px;
}

.worker-note {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.3;
}

.preferred-worker-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.preferred-worker-tags span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  background: #f0fdf4;
  color: #047857;
  font-size: 10px;
  font-weight: 900;
}

.shortlist-workspace .compare-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.shortlist-workspace .compare-grid span {
  padding: 6px;
  border-radius: 11px;
  font-size: 9px;
}

.shortlist-workspace .compare-grid strong {
  font-size: 12px;
}

.shortlist-workspace .compact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.shortlist-workspace .compact-actions .button,
.shortlist-workspace .compact-actions .ghost-button {
  min-height: 32px;
  border-radius: 999px;
  font-size: 11px;
  padding: 0 8px;
}

.worker-more-actions {
  grid-column: 1 / -1;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.worker-more-actions summary {
  min-height: 40px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 13px;
  color: #1f2f49;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  user-select: none;
}

.worker-more-actions summary::-webkit-details-marker {
  display: none;
}

.worker-more-actions summary span {
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #3158d4;
  background: rgba(49, 88, 212, 0.08);
  transform: rotate(-90deg);
  transition: transform 180ms ease, background 180ms ease;
}

.worker-more-actions summary svg {
  width: 14px;
  height: 14px;
}

.worker-more-actions[open] {
  border-color: rgba(80, 87, 255, 0.26);
  box-shadow: 0 16px 32px rgba(80, 87, 255, 0.12);
}

.worker-more-actions[open] summary span {
  color: #fff;
  background: linear-gradient(135deg, #143fda, #7857ff);
  transform: rotate(90deg);
}

.worker-more-actions > div {
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  padding: 8px;
  display: grid;
  gap: 6px;
  background:
    radial-gradient(circle at 100% 0%, rgba(80, 87, 255, 0.1), transparent 36%),
    rgba(248, 251, 255, 0.76);
  animation: filterPanelIn 180ms ease both;
}

.worker-more-actions > div button {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  color: #0f1f38;
  padding: 0 11px;
  text-align: left;
  font-size: 12px;
  font-weight: 900;
}

.worker-more-actions > div button:active {
  transform: scale(0.99);
}

.worker-more-actions > div button.danger {
  color: #9f1239;
  background: rgba(255, 241, 242, 0.88);
}

.worker-more-actions > div button:disabled {
  opacity: 0.48;
}

.save-worker-backdrop {
  align-items: flex-end;
  padding: 16px;
}

.save-worker-sheet {
  width: min(100%, 430px);
  max-height: min(86vh, 720px);
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 30px 30px 24px 24px;
  background:
    radial-gradient(circle at 14% 0%, rgba(80, 87, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98));
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
}

.save-worker-profile-row {
  margin: 0 16px 14px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  padding: 12px;
}

.save-worker-profile-row strong,
.save-worker-profile-row small {
  display: block;
  min-width: 0;
}

.save-worker-profile-row strong {
  color: #0f1f38;
  font-size: 15px;
}

.save-worker-profile-row small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.save-worker-profile-row > span {
  border-radius: 999px;
  padding: 6px 9px;
  background: #eef6ff;
  color: #3158d4;
  font-size: 11px;
  font-weight: 950;
}

.save-worker-options {
  padding: 0 16px;
  display: grid;
  gap: 9px;
}

.save-worker-options label {
  min-height: 50px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 1px 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.save-worker-options input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.save-worker-options label span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  display: grid;
  place-items: center;
  color: transparent;
  background: #fff;
}

.save-worker-options input:checked + span {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #143fda, #7857ff);
}

.save-worker-options svg {
  width: 14px;
  height: 14px;
}

.save-worker-options strong {
  color: #0f1f38;
  font-size: 14px;
}

.save-team-preview {
  margin: 14px 16px 0;
  display: grid;
  gap: 10px;
}

.save-team-preview > strong {
  color: #0f1f38;
  font-size: 13px;
}

.save-team-preview > div {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}

.save-team-preview button {
  min-height: 34px;
  flex: 0 0 auto;
  border: 1px solid rgba(80, 87, 255, 0.14);
  border-radius: 999px;
  background: rgba(80, 87, 255, 0.08);
  color: #3158d4;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 900;
}

.preferred-empty-state {
  margin: 0 10px;
  display: grid;
  justify-items: center;
  gap: 8px;
  border-radius: 26px;
  padding: 18px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 87, 255, 0.13), transparent 40%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.08);
}

.preferred-empty-state > span {
  width: 52px;
  height: 52px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  color: #7651d2;
  background: #f3edff;
}

.preferred-empty-state svg {
  width: 22px;
  height: 22px;
}

.preferred-empty-state strong {
  color: #07182f;
  font-size: 17px;
}

.preferred-empty-state p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.agency-filter-page {
  gap: 18px;
  overflow-x: hidden;
}

.filter-page-panel {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background:
    radial-gradient(circle at 18% -6%, rgba(103, 91, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.98));
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

.filter-page-header {
  padding: 22px 18px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.filter-page-header > div:first-child {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.filter-page-header > div:first-child > span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(37, 99, 235, 0.09);
  color: #3158d4;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.filter-page-header h2 {
  margin: 0;
  color: #07182f;
  font-size: 27px;
  line-height: 1.04;
  letter-spacing: 0;
}

.filter-page-header p {
  max-width: 33rem;
  margin: 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
}

.filter-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.premium-save-search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(103, 91, 255, 0.22);
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(255, 255, 255, 0.76);
  color: #4b3cbf;
  box-shadow: 0 12px 26px rgba(103, 91, 255, 0.1);
}

.premium-save-search svg {
  width: 14px;
  height: 14px;
}

.filter-summary-bar,
.saved-search-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.filter-summary-bar {
  padding: 0 18px 14px;
  position: sticky;
  top: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(248, 251, 255, 0.84));
  backdrop-filter: blur(16px);
}

.filter-summary-bar::-webkit-scrollbar,
.saved-search-strip::-webkit-scrollbar {
  display: none;
}

.filter-summary-bar button {
  min-height: 38px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.94));
  color: #152848;
  padding: 7px 10px 7px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.filter-summary-bar strong {
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.filter-summary-bar span {
  width: 19px;
  height: 19px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, 0.07);
}

.filter-summary-bar svg {
  width: 11px;
  height: 11px;
}

.saved-search-strip {
  padding: 0 18px 18px;
}

.saved-search-strip button {
  min-width: 210px;
  min-height: 78px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 18%, rgba(103, 91, 255, 0.13), transparent 36%),
    rgba(255, 255, 255, 0.84);
  color: #0f1f38;
  padding: 14px;
  text-align: left;
  display: grid;
  gap: 6px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09);
}

.saved-search-strip strong,
.saved-search-strip small {
  display: block;
}

.saved-search-strip strong {
  font-size: 14px;
  line-height: 1.2;
}

.saved-search-strip small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.profile-header-button.light {
  border-color: var(--line);
  background: #fff;
  color: var(--ink);
}

.filter-section-stack {
  display: grid;
  gap: 18px;
  padding: 0 18px 18px;
}

.filter-section {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.92));
  padding: 18px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09);
  display: grid;
  gap: 16px;
  min-width: 0;
}

.filter-section-title {
  display: flex;
  align-items: center;
  gap: 11px;
}

.filter-section-title > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #eef6ff, #f3edff);
  color: #3158d4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.filter-section-title svg {
  width: 17px;
  height: 17px;
}

.filter-section-title h3 {
  margin: 0;
  color: #0f1f38;
  font-size: 17px;
  line-height: 1.2;
}

.filter-search-field {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  min-height: 54px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 0 15px;
  color: var(--muted);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.filter-search-field svg {
  width: 18px;
  height: 18px;
}

.filter-search-field select {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-weight: 850;
}

.filter-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 8px;
}

.filter-choice-grid button,
.tier-filter-grid button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  color: #13233f;
  padding: 9px 11px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
}

.filter-choice-grid button.active,
.tier-filter-grid button.active {
  border-color: rgba(80, 87, 255, 0.5);
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(31, 132, 229, 0.1));
  color: #3158d4;
  box-shadow: 0 12px 26px rgba(79, 70, 229, 0.12);
}

.premium-role-card-grid {
  display: grid;
  gap: 10px;
}

.premium-role-card-grid button {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 12% 10%, rgba(80, 87, 255, 0.12), transparent 36%),
    rgba(255, 255, 255, 0.86);
  color: #0f1f38;
  padding: 15px;
  text-align: left;
  display: grid;
  gap: 5px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.premium-role-card-grid strong,
.premium-role-card-grid span,
.premium-role-card-grid small {
  display: block;
}

.premium-role-card-grid strong {
  font-size: 15px;
  line-height: 1.2;
}

.premium-role-card-grid span {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(37, 99, 235, 0.09);
  color: #3158d4;
  font-size: 10px;
  font-weight: 950;
}

.premium-role-card-grid small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.multi-select-filter {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 249, 255, 0.94));
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.multi-select-filter summary {
  min-height: 66px;
  list-style: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 12px;
  align-items: center;
  padding: 12px 13px 12px 15px;
  cursor: pointer;
  user-select: none;
}

.multi-select-filter summary::-webkit-details-marker {
  display: none;
}

.multi-select-filter summary > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.multi-select-filter summary span,
.multi-select-filter summary strong,
.multi-select-filter summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.multi-select-filter summary span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.multi-select-filter summary strong {
  color: #0f1f38;
  font-size: 15px;
  font-weight: 950;
}

.multi-select-filter summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.multi-select-filter summary i {
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #3158d4;
  background: rgba(37, 99, 235, 0.08);
  transform: rotate(-90deg);
  transition: transform 220ms ease, background 220ms ease;
}

.multi-select-filter summary i svg {
  width: 16px;
  height: 16px;
}

.multi-select-filter[open] {
  border-color: rgba(80, 87, 255, 0.32);
  box-shadow: 0 22px 50px rgba(80, 87, 255, 0.14);
}

.multi-select-filter[open] summary i {
  background: linear-gradient(135deg, #4757f5, #8a5cf6);
  color: #fff;
  transform: rotate(90deg);
}

.multi-select-panel {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  padding: 13px;
  display: grid;
  gap: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(103, 91, 255, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.72);
  animation: filterPanelIn 220ms ease both;
}

@keyframes filterPanelIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.multi-select-search {
  min-height: 46px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.9);
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 0 12px;
  color: #64748b;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.multi-select-search svg {
  width: 17px;
  height: 17px;
}

.multi-select-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0f1f38;
  font-size: 14px;
  font-weight: 850;
}

.multi-select-search input::placeholder {
  color: #94a3b8;
}

.multi-select-shortcuts {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.multi-select-shortcuts::-webkit-scrollbar {
  display: none;
}

.multi-select-shortcuts span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.multi-select-shortcuts button {
  min-height: 30px;
  flex: 0 0 auto;
  border: 1px solid rgba(80, 87, 255, 0.16);
  border-radius: 999px;
  background: rgba(80, 87, 255, 0.08);
  color: #3158d4;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.multi-select-shortcuts.popular button {
  background: rgba(15, 23, 42, 0.05);
  color: #334155;
}

.multi-select-options {
  max-height: 248px;
  overflow-y: auto;
  display: grid;
  gap: 8px;
  padding-right: 2px;
}

.multi-select-options button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.86);
  color: #0f1f38;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  text-align: left;
}

.multi-select-options button strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 900;
}

.multi-select-options button.selected {
  border-color: rgba(80, 87, 255, 0.36);
  background: linear-gradient(135deg, rgba(80, 87, 255, 0.1), rgba(31, 132, 229, 0.08));
  box-shadow: 0 10px 22px rgba(80, 87, 255, 0.1);
}

.premium-checkmark {
  width: 25px;
  height: 25px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.9);
  display: grid;
  place-items: center;
  color: #fff;
}

.multi-select-options button.selected .premium-checkmark {
  border-color: transparent;
  background: linear-gradient(135deg, #4757f5, #8a5cf6);
}

.premium-checkmark svg {
  width: 13px;
  height: 13px;
}

.multi-select-actions {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 9px;
}

.multi-select-actions .button,
.multi-select-actions .ghost-button {
  min-height: 42px;
  border-radius: 999px;
  font-size: 12px;
}

.premium-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.premium-chip-grid button {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  color: #1f2f49;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.premium-chip-grid button.active {
  border-color: rgba(80, 87, 255, 0.5);
  background: linear-gradient(135deg, #4757f5, #8a5cf6);
  color: #fff;
  box-shadow: 0 14px 30px rgba(80, 87, 255, 0.24);
}

.premium-chip-grid.compact button {
  min-height: 34px;
  padding: 7px 10px;
}

.filter-split-block {
  display: grid;
  gap: 12px;
}

.filter-split-block article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  background: rgba(248, 251, 255, 0.74);
  padding: 13px;
  display: grid;
  gap: 10px;
}

.filter-split-block article > strong {
  color: #13233f;
  font-size: 13px;
}

.compliance-score-card,
.arrival-estimate-card,
.filter-confidence-panel {
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 12%, rgba(34, 197, 94, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(42, 52, 95, 0.92));
  color: #fff;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.18);
}

.compliance-score-card {
  padding: 16px;
  display: grid;
  gap: 4px;
}

.compliance-score-card strong {
  font-size: 32px;
  line-height: 1;
}

.compliance-score-card span,
.compliance-score-card small {
  color: rgba(255, 255, 255, 0.78);
}

.compliance-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.compliance-status-row span {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 950;
}

.compliance-status-row .good {
  background: #dcfce7;
  color: #17613c;
}

.compliance-status-row .warning {
  background: #fef3c7;
  color: #92400e;
}

.compliance-status-row .hold {
  background: #fee2e2;
  color: #991b1b;
}

.premium-filter-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.premium-filter-stat-grid article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.premium-filter-stat-grid strong {
  display: block;
  color: #101f38;
  font-size: 22px;
  line-height: 1.05;
}

.premium-filter-stat-grid span {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.arrival-estimate-card {
  padding: 15px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.arrival-estimate-card > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.14);
}

.arrival-estimate-card strong,
.arrival-estimate-card small {
  display: block;
}

.arrival-estimate-card small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.72);
}

.filter-confidence-panel {
  margin: 0;
  padding: 18px;
  display: grid;
  gap: 14px;
}

.filter-confidence-panel > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.filter-confidence-panel > div > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.13);
}

.filter-confidence-panel strong,
.filter-confidence-panel p {
  margin: 0;
}

.filter-confidence-panel strong {
  display: block;
  font-size: 17px;
}

.filter-confidence-panel p {
  grid-column: 2;
  color: rgba(255, 255, 255, 0.74);
  font-size: 13px;
  line-height: 1.45;
}

.filter-choice-grid button span {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  display: grid;
  place-items: center;
}

.filter-choice-grid button svg {
  width: 12px;
  height: 12px;
}

.filter-value-line {
  color: var(--muted);
  font-size: 14px;
}

.filter-value-line strong {
  color: var(--brand);
}

.filter-toggle-row {
  border-radius: 16px;
  background: #f4f8ff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.filter-toggle-row span {
  min-width: 0;
}

.filter-toggle-row strong,
.filter-toggle-row small {
  display: block;
}

.filter-toggle-row strong {
  font-size: 13px;
}

.filter-toggle-row small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.filter-toggle-row input {
  width: 42px;
  height: 24px;
  flex: 0 0 auto;
  accent-color: var(--brand);
}

.filter-note {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.tier-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.tier-filter-grid button {
  justify-content: flex-start;
  text-align: left;
}

.tier-filter-grid button small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  margin-left: auto;
}

.filter-action-bar {
  padding: 0 14px 16px;
  display: grid;
  gap: 9px;
}

.filter-action-bar .full-width {
  width: 100%;
}

.filter-help-grid {
  padding: 0 14px 14px;
  display: grid;
  gap: 11px;
}

.filter-help-grid article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
}

.filter-help-grid span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #eaf4ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.filter-help-grid svg {
  width: 16px;
  height: 16px;
}

.filter-help-grid strong {
  display: block;
  font-size: 13px;
}

.filter-help-grid p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.tier-pill {
  min-height: 30px;
  border-radius: 999px;
  padding: 4px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.tier-pill strong {
  font-size: 12px;
}

.tier-green {
  background: #d8efe3;
  color: #17613c;
}

.tier-purple {
  background: #eadcff;
  color: #6233a3;
}

.tier-blue {
  background: #dbeafe;
  color: #1e4f9a;
}

.tier-grey {
  background: #e5e7eb;
  color: #4b5563;
}

.tier-red {
  background: #f5d7d7;
  color: #8c2626;
}

.tier-legend {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.tier-legend article {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 11px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.tier-legend strong,
.tier-legend small {
  display: block;
}

.tier-legend strong {
  font-size: 14px;
}

.tier-legend small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  margin-top: 2px;
}

.tier-dot {
  width: 12px;
  height: 34px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.worker-switcher {
  padding: 14px 14px 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(132px, 1fr);
  gap: 9px;
  overflow-x: auto;
}

.worker-switcher button {
  min-height: 58px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  text-align: left;
}

.worker-switcher button.active {
  background: #e7f2ff;
  border-color: rgba(31, 132, 229, 0.38);
  color: var(--brand-dark);
}

.worker-switcher strong {
  font-size: 12px;
  line-height: 1.2;
}

.dashboard-metrics {
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.metric-card {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  gap: 5px;
}

.metric-card span,
.metric-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.metric-card strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.rating-card {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.rating-card div {
  min-width: 0;
}

.rating-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
}

.rating-card strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 18px;
}

.worker-profile-screen {
  display: grid;
  position: relative;
  z-index: 1;
  padding-top: 12px;
}

.profile-identity {
  padding: 22px 20px 12px;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.profile-photo-wrap {
  position: relative;
  width: 92px;
  height: 92px;
}

.profile-photo {
  width: 92px;
  height: 92px;
  border-radius: 32px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #dbeafe, #fff);
  color: var(--brand-dark);
  border: 1px solid var(--line);
  font-size: 26px;
  font-weight: 950;
}

.profile-photo.has-photo img,
.professional-passport-photo.has-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.profile-edit-button {
  position: absolute;
  right: -4px;
  bottom: 4px;
  width: 34px;
  height: 34px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(31, 132, 229, 0.28);
}

.profile-edit-button svg {
  width: 16px;
  height: 16px;
}

.profile-main h2 {
  margin: 0 0 5px;
  font-size: 21px;
}

.profile-main p,
.profile-bio {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
  font-size: 13px;
}

.verified-line {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.profile-bio {
  padding: 0 18px 16px;
}

.availability-card {
  margin: 0 18px 16px;
  padding: 13px;
  border: 1px solid rgba(31, 132, 229, 0.2);
  border-radius: 18px;
  background: linear-gradient(145deg, #f3f8ff, #fff);
  display: grid;
  gap: 12px;
}

.availability-card span {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.availability-card strong {
  color: var(--ink);
  font-size: 15px;
}

.availability-options {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.availability-options button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  padding: 0 12px;
  font-size: 12px;
  font-weight: 950;
}

.availability-options button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.mini-switch-button {
  margin: 0 18px 16px;
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.28);
  border-radius: 14px;
  background: #f2f8ff;
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 950;
}

.profile-stat-grid {
  margin: 0 14px 14px;
  padding: 11px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-stat-grid div {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 5px;
  text-align: center;
}

.profile-stat-grid div + div {
  border-left: 1px solid var(--line);
}

.profile-stat-grid span {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #edf5ff;
  color: var(--brand);
  display: grid;
  place-items: center;
}

.profile-stat-grid svg {
  width: 18px;
  height: 18px;
}

.profile-stat-grid strong {
  font-size: 20px;
  line-height: 1;
}

.profile-stat-grid small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.profile-tabs {
  display: grid;
  grid-template-columns: repeat(var(--profile-tab-count, 4), minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.profile-tabs button {
  position: relative;
  border: 0;
  background: #fff;
  color: var(--muted);
  min-height: 50px;
  padding: 0 6px;
  display: grid;
  place-items: center;
  font-weight: 950;
  font-size: 12px;
  text-align: center;
}

.profile-tabs button.active {
  color: var(--brand);
}

.profile-tabs button::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: transparent;
}

.profile-tabs button.active::after {
  background: var(--brand);
}

.profile-tab-content {
  padding: 12px 0 18px;
  display: grid;
  gap: 10px;
}

.candidate-cv-hero {
  margin: 0 14px 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(9, 54, 116, 0.96), rgba(12, 105, 220, 0.96)),
    #0d54c7;
  color: #fff;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.16);
}

.profile-photo.cv-photo {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  border-color: rgba(255, 255, 255, 0.4);
  background: #fff;
  font-size: 17px;
  box-shadow: 0 10px 22px rgba(2, 18, 45, 0.18);
}

.candidate-cv-hero h2 {
  margin: 0 0 3px;
  color: #fff;
  font-size: 19px;
  line-height: 1.1;
}

.candidate-cv-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 850;
}

.cv-hero-tags {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.cv-hero-tags span {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
}

.cv-hero-tags span.tier-green,
.cv-hero-tags span.tier-purple,
.cv-hero-tags span.tier-blue,
.cv-hero-tags span.tier-grey,
.cv-hero-tags span.tier-red {
  border-color: transparent;
}

.cv-hero-tags svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

.profile-section-card {
  margin: 0 18px;
  padding: 14px;
  border: 1px solid rgba(216, 229, 244, 0.78);
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #fbfdff);
  display: grid;
  gap: 9px;
}

.profile-section-card h3 {
  margin: 0;
  font-size: 15px;
}

.profile-action-heading {
  align-items: center;
}

.profile-action-heading .text-button {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 999px;
  background: #eef5ff;
  color: var(--brand);
  font-size: 11px;
  font-weight: 950;
}

.profile-section-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.skill-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.skill-chip-grid span,
.experience-skills span {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  background: #f2f8ff;
  color: var(--brand-dark);
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 900;
}

.premium-skill-grid span {
  background: linear-gradient(145deg, #f7fbff, #eef5ff);
  border-color: rgba(14, 96, 226, 0.14);
  box-shadow: 0 7px 14px rgba(10, 31, 68, 0.04);
}

.privacy-helper {
  color: #718098;
  font-size: 11px;
}

.skill-chip-grid.compact span {
  padding: 5px 7px;
}

.qualification-list {
  display: grid;
  gap: 7px;
}

.qualification-list span {
  min-width: 0;
  border-radius: 13px;
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 8px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.qualification-list svg {
  width: 16px;
  height: 16px;
  color: var(--green);
}

.qualification-list strong {
  font-size: 12px;
}

.premium-qualification-list span {
  position: relative;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 8px;
  background: #fff;
  box-shadow: 0 9px 18px rgba(10, 31, 68, 0.04);
}

.premium-qualification-list small {
  grid-column: 2;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.premium-qualification-list .badge {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  white-space: nowrap;
}

.performance-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.performance-metric-card {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  background: linear-gradient(145deg, #ffffff, #f6faff);
  padding: 11px;
  display: grid;
  gap: 6px;
  box-shadow: 0 10px 20px rgba(10, 31, 68, 0.05);
}

.performance-metric-card > div {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.performance-icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #eef5ff;
  color: var(--brand);
}

.performance-icon svg {
  width: 14px;
  height: 14px;
}

.performance-metric-card strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1;
}

.performance-metric-card small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
}

.performance-metric-card em {
  height: 5px;
  border-radius: 999px;
  background: #e7eef8;
  overflow: hidden;
}

.performance-metric-card em i {
  display: block;
  width: var(--progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0e60e2, #1f84e5);
}

.cv-metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.cv-metrics-grid .metric-card {
  border-radius: 13px;
  padding: 8px;
  gap: 3px;
}

.cv-metrics-grid .metric-card span,
.cv-metrics-grid .metric-card small {
  font-size: 9px;
}

.cv-metrics-grid .metric-card strong {
  font-size: 17px;
}

.attendance-reliability-card {
  border-color: rgba(31, 132, 229, 0.2);
}

.attendance-history-list {
  margin-top: 4px;
  display: grid;
  gap: 7px;
}

.attendance-history-list article {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8fbff;
  padding: 8px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.attendance-history-list strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
}

.attendance-history-list small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.preference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.preference-grid .metric-card {
  min-height: 64px;
  border-radius: 13px;
  padding: 8px 9px;
  gap: 3px;
  overflow: visible;
}

.preference-grid .metric-card span,
.preference-grid .metric-card small {
  font-size: 8px;
  line-height: 1.25;
}

.preference-grid .metric-card strong {
  font-size: 13px;
  font-weight: 850;
  line-height: 1.24;
  overflow-wrap: anywhere;
  white-space: normal;
}

.preference-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.preference-section-header h3 {
  margin: 0 0 2px;
}

.preference-section-header span {
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 900;
}

.preference-section-header .status-dot {
  width: 8px;
  height: 8px;
  box-shadow: none;
}

.preference-edit-button {
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 999px;
  background: #f6faff;
  color: var(--brand-dark);
  min-height: 26px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 950;
}

.preference-edit-button svg {
  width: 12px;
  height: 12px;
}

.profile-earnings-redirect {
  margin: 4px 18px 0;
  padding: 14px;
  border: 1px solid rgba(31, 132, 229, 0.2);
  border-radius: 18px;
  background: #f7fbff;
  display: grid;
  gap: 12px;
}

.profile-earnings-redirect h3 {
  margin: 0 0 5px;
  font-size: 16px;
}

.profile-earnings-redirect p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.experience-list {
  padding: 4px 18px 0;
  display: grid;
  gap: 10px;
}

.experience-item {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  position: relative;
}

.experience-item + .experience-item::before {
  content: none;
}

.timeline-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--brand);
  color: #fff;
  display: grid;
  place-items: center;
}

.timeline-icon svg {
  width: 18px;
  height: 18px;
}

.experience-item h3 {
  margin: 0 0 3px;
  font-size: 15px;
}

.experience-item strong {
  display: block;
  color: var(--brand);
  font-size: 13px;
}

.experience-item p,
.experience-item small {
  display: block;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.experience-item ul {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.experience-skills {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.wallet-summary {
  padding: 0 18px 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.earnings-content {
  gap: 14px;
  padding-bottom: 18px;
}

.earnings-hub-panel {
  border-color: rgba(31, 132, 229, 0.22);
}

.weekly-payroll-content {
  gap: 12px;
}

.weekly-earnings-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 16px;
  padding: 18px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 86% 12%, rgba(72, 149, 255, 0.28), transparent 36%),
    linear-gradient(145deg, #061d4f 0%, #0e60e2 100%);
  color: #fff;
  box-shadow: 0 18px 42px rgba(6, 29, 79, 0.24);
}

.weekly-hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.weekly-earnings-hero .eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.weekly-earnings-hero h2 {
  margin: 4px 0 5px;
  color: #fff;
  font-size: 32px;
  line-height: 1;
}

.weekly-earnings-hero span:not(.statement-status-pill) {
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.35;
}

.weekly-hero-actions {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 9px;
}

.weekly-payout-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.weekly-payout-preview div {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
  padding: 11px;
}

.weekly-payout-preview span,
.weekly-payout-preview small {
  display: block;
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.35;
}

.weekly-payout-preview strong {
  display: block;
  margin: 4px 0 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.weekly-hero-actions .button,
.weekly-hero-actions .ghost-button {
  min-height: 42px;
  border-radius: 15px;
  font-size: 12px;
}

.weekly-hero-actions .ghost-button {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.24);
}

.compact-payroll-tabs {
  border-color: rgba(31, 132, 229, 0.12);
}

.wallet-balance-grid {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.premium-finance-grid-panel {
  padding: 16px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 6%, rgba(31, 132, 229, 0.08), transparent 34%),
    linear-gradient(145deg, #ffffff, #f7fbff);
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.07);
}

.earnings-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.earnings-category-card {
  min-width: 0;
  min-height: 132px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 8%, rgba(31, 132, 229, 0.08), transparent 34%),
    #fff;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr;
  align-content: space-between;
  gap: 12px;
  text-align: left;
  color: inherit;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.055);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.earnings-category-card.active {
  border-color: rgba(31, 132, 229, 0.42);
  background:
    radial-gradient(circle at 88% 8%, rgba(31, 132, 229, 0.15), transparent 36%),
    linear-gradient(145deg, #f2f8ff, #fff);
  box-shadow: 0 16px 32px rgba(31, 132, 229, 0.13);
}

.earnings-category-card:hover {
  transform: translateY(-1px);
  border-color: rgba(31, 132, 229, 0.28);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.earnings-category-card:active {
  transform: translateY(0) scale(0.99);
}

.earnings-category-card > span {
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background: linear-gradient(145deg, #eaf4ff, #f6fbff);
  color: #0f66d6;
  display: grid;
  place-items: center;
}

.earnings-category-card.active > span {
  background: linear-gradient(145deg, #0f66d6, #0b4ca6);
  color: #fff;
}

.earnings-category-card svg {
  width: 19px;
  height: 19px;
}

.earnings-category-card strong,
.earnings-category-card b,
.earnings-category-card small {
  display: block;
  min-width: 0;
}

.earnings-category-card strong {
  color: #64748b;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.earnings-category-card b {
  margin-top: 7px;
  color: #07182f;
  font-size: 21px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.earnings-category-card small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}

.earnings-section {
  scroll-margin-top: 16px;
}

.premium-wallet-panel .panel-header,
.weekly-statements-panel .panel-header {
  padding-bottom: 8px;
}

.wallet-master-card {
  margin: 0 14px 12px;
  border-radius: 24px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 90% 5%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(145deg, #061d4f, #123b8a);
  box-shadow: 0 18px 36px rgba(6, 29, 79, 0.18);
}

.wallet-master-card span,
.wallet-master-card small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 850;
}

.wallet-master-card strong {
  display: block;
  margin: 4px 0;
  color: #fff;
  font-size: 30px;
  line-height: 1;
}

.wallet-master-card button {
  border: 0;
  border-radius: 999px;
  min-height: 34px;
  padding: 0 12px;
  background: #fff;
  color: #061d4f;
  font-size: 11px;
  font-weight: 950;
}

.premium-wallet-grid .metric-card {
  border-radius: 16px;
  box-shadow: 0 9px 20px rgba(10, 31, 68, 0.05);
}

.payment-flow-card,
.weekly-privacy-note,
.fee-breakdown-card {
  margin: 0 14px 12px;
  border: 1px solid rgba(83, 103, 130, 0.13);
  border-radius: 20px;
  background: #fff;
  padding: 13px;
  box-shadow: 0 10px 24px rgba(10, 31, 68, 0.05);
}

.fee-breakdown-card {
  display: grid;
  gap: 8px;
  background: linear-gradient(145deg, #ffffff, #f8fbff);
}

.fee-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(83, 103, 130, 0.1);
  border-radius: 14px;
  background: #fff;
  padding: 9px 10px;
}

.fee-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.fee-row strong {
  color: #b42318;
  font-size: 13px;
}

.fee-breakdown-card p {
  margin: 0;
  border-radius: 14px;
  background: #eefaf1;
  color: #15803d;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 900;
}

.fee-breakdown-card > small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 760;
}

.payment-flow-steps {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.payment-flow-steps span {
  position: relative;
  min-height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 30px;
  border-radius: 999px;
  background: #f5f8fc;
  color: #46546e;
  font-size: 11px;
  font-weight: 900;
}

.payment-flow-steps span::before {
  content: "";
  position: absolute;
  left: 11px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #cbd5e1;
}

.payment-flow-steps span.complete {
  background: #edf8f1;
  color: #17613c;
}

.payment-flow-steps span.complete::before {
  background: #16a34a;
}

.weekly-privacy-note {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 800;
  background: linear-gradient(145deg, #ffffff, #f7fbff);
}

.weekly-privacy-note svg {
  width: 20px;
  height: 20px;
  color: var(--brand);
}

.wallet-action-row {
  padding: 0 14px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9px;
}

.agency-finance-dashboard {
  display: grid;
  gap: 14px;
  padding-bottom: 16px;
}

.agency-finance-hero {
  margin: 0 14px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(145deg, #061d4f, #145fd6 58%, #6d4df7);
  box-shadow: 0 18px 40px rgba(6, 25, 54, 0.2);
}

.agency-finance-hero > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.agency-finance-hero svg {
  width: 22px;
  height: 22px;
}

.agency-finance-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
}

.agency-finance-hero p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  line-height: 1.42;
  font-weight: 760;
}

.agency-finance-tabs {
  margin: 0 14px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 6px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(239, 246, 255, 0.8);
}

.agency-finance-tabs button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  background: transparent;
  color: #53627b;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.agency-finance-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.agency-finance-grid {
  margin: 0 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.agency-finance-card {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.065);
}

.agency-finance-card:first-child {
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at top right, rgba(31, 132, 229, 0.12), transparent 36%),
    #fff;
}

.agency-finance-card span,
.agency-payment-flow .section-mini-header span,
.finance-trend-card .section-mini-header span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agency-finance-card strong {
  color: #081a35;
  font-size: 19px;
  line-height: 1.12;
}

.agency-finance-card small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.agency-finance-card button,
.finance-row button,
.agency-invoice-card button,
.agency-plan-grid button {
  justify-self: start;
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  padding: 0 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.agency-payment-flow,
.finance-trend-card {
  margin: 0 14px;
  display: grid;
  gap: 10px;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.agency-flow span {
  border-radius: 14px;
}

.finance-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.09);
}

.finance-row span {
  min-width: 0;
  color: #53627b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 820;
  overflow-wrap: anywhere;
}

.finance-row span strong {
  display: block;
  color: #081a35;
  font-size: 12px;
}

.finance-row b {
  color: #081a35;
  font-size: 12px;
}

.agency-invoice-list,
.agency-plan-grid {
  margin: 0 14px;
  display: grid;
  gap: 10px;
}

.agency-invoice-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.agency-invoice-card h3 {
  margin: 3px 0;
  color: #081a35;
  font-size: 15px;
}

.agency-invoice-card p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 780;
}

.agency-invoice-card > button {
  grid-column: 1 / -1;
}

.agency-plan-grid {
  grid-template-columns: 1fr;
}

.agency-plan-grid article {
  display: grid;
  gap: 6px;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: #fff;
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.agency-plan-grid article.active {
  color: #fff;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(135deg, #071f5f, #1238b6 56%, #6d5dfc);
}

.agency-plan-grid article.active span,
.agency-plan-grid article.active strong,
.agency-plan-grid article.active small {
  color: #fff;
}

.finance-bars {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  min-height: 148px;
  padding-top: 8px;
}

.finance-bars span {
  position: relative;
  display: grid;
  align-items: end;
  min-height: 130px;
  border-radius: 999px;
  background: #eef6ff;
  overflow: hidden;
}

.finance-bars span::before {
  content: "";
  display: block;
  height: var(--bar);
  border-radius: 999px;
  background: linear-gradient(180deg, #6d5dfc, #1238b6);
}

.finance-bars i {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

.escrow-dashboard {
  overflow: hidden;
}

.escrow-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.28), transparent 28%),
    radial-gradient(circle at 8% 0%, rgba(132, 92, 255, 0.45), transparent 34%),
    linear-gradient(145deg, #061638, #1238b6 52%, #6d5dfc);
}

.escrow-hero::after {
  content: "";
  position: absolute;
  inset: auto -32px -56px auto;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
  filter: blur(2px);
  z-index: -1;
}

.escrow-explainer-card,
.release-logic-note {
  margin: 0 14px;
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.11), transparent 36%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.escrow-explainer-card strong,
.release-logic-note strong {
  display: block;
  color: #081a35;
  font-size: 14px;
  line-height: 1.2;
}

.escrow-explainer-card small,
.release-logic-note p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 800;
}

.escrow-example-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 7px;
  align-items: stretch;
}

.escrow-example-split span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px;
  border-radius: 16px;
  color: #53627b;
  background: #f6f9ff;
  border: 1px solid rgba(31, 132, 229, 0.1);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 850;
}

.escrow-example-split b {
  display: block;
  color: #081a35;
  font-size: 14px;
}

.escrow-example-split i {
  align-self: center;
  color: #94a3b8;
  font-style: normal;
  font-weight: 950;
}

.escrow-kpis .agency-finance-card:first-child {
  grid-column: auto;
}

.funding-card-list,
.release-card-list {
  margin: 0 14px;
  display: grid;
  gap: 12px;
}

.funding-booking-card,
.release-worker-card,
.compact-funding-invoice {
  min-width: 0;
  display: grid;
  gap: 13px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98));
  box-shadow: 0 18px 36px rgba(6, 25, 54, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.funding-booking-card:active,
.release-worker-card:active,
.compact-funding-invoice:active {
  transform: translateY(1px) scale(0.995);
}

.funding-card-top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.funding-card-top span,
.compact-funding-invoice span,
.release-worker-card span {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.funding-card-top h3,
.release-worker-card h3 {
  margin: 3px 0;
  color: #081a35;
  font-size: 17px;
  line-height: 1.16;
}

.funding-card-top p,
.release-worker-card p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.funding-card-top > div:last-child {
  display: grid;
  gap: 7px;
  justify-items: end;
}

.funding-card-top strong,
.compact-funding-invoice strong {
  color: #081a35;
  font-size: 17px;
  line-height: 1;
  white-space: nowrap;
}

.finance-status-chip {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.finance-status-chip.green {
  color: #087047;
  background: #e8fff5;
}

.finance-status-chip.yellow {
  color: #8a5a00;
  background: #fff7dd;
}

.finance-status-chip.red {
  color: #b42318;
  background: #fff0ef;
}

.finance-status-chip.blue {
  color: #1238b6;
  background: #eef5ff;
}

.finance-status-chip.grey {
  color: #53627b;
  background: #f1f5f9;
}

.funding-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.funding-split-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 16px;
  color: #64748b;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.09);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 820;
}

.funding-split-grid strong {
  min-width: 0;
  color: #081a35;
  font-size: 12px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.funding-progress-stack {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(239, 246, 255, 0.7);
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.funding-progress {
  display: grid;
  gap: 6px;
}

.funding-progress span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #53627b;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
}

.funding-progress b,
.funding-progress em {
  color: #081a35;
  font-style: normal;
}

.funding-progress > i {
  display: block;
  height: 7px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.22);
}

.funding-progress > i::before {
  content: "";
  display: block;
  width: var(--progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc);
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.22);
}

.funding-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.funding-action-row button {
  min-height: 32px;
  border: 1px solid rgba(18, 56, 182, 0.12);
  border-radius: 999px;
  padding: 0 10px;
  color: #1238b6;
  background: #f1f7ff;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(18, 56, 182, 0.08);
}

.funding-action-row button:active {
  transform: scale(0.98);
}

.visual-fund-flow {
  margin: 0 14px;
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(31, 132, 229, 0.11);
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.06);
}

.visual-fund-flow span {
  position: relative;
  min-width: 0;
  display: grid;
  align-items: center;
  min-height: 34px;
  padding: 0 12px 0 36px;
  border-radius: 16px;
  color: #53627b;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
  font-size: 11px;
  font-weight: 900;
}

.visual-fund-flow span::before {
  content: "";
  position: absolute;
  left: 12px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #cbd5e1;
  box-shadow: 0 0 0 4px rgba(203, 213, 225, 0.28);
}

.visual-fund-flow span.complete {
  color: #081a35;
}

.visual-fund-flow span.complete::before {
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.14);
}

.release-worker-card {
  grid-template-columns: minmax(0, 1fr);
}

.release-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.release-split span {
  display: block;
  padding: 10px;
  border-radius: 16px;
  color: #53627b;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.09);
  font-size: 11px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.compact-invoice-list {
  gap: 10px;
}

.compact-funding-invoice {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.compact-funding-invoice .funding-action-row {
  grid-column: 1 / -1;
}

.compact-funding-invoice h3 {
  margin: 3px 0;
  color: #081a35;
  font-size: 15px;
  line-height: 1.2;
}

.compact-funding-invoice p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 820;
}

@media (max-width: 380px) {
  .escrow-example-split {
    grid-template-columns: 1fr;
  }

  .escrow-example-split i {
    display: none;
  }

  .funding-card-top,
  .compact-funding-invoice {
    grid-template-columns: minmax(0, 1fr);
  }

  .funding-card-top > div:last-child {
    justify-items: start;
  }

  .funding-split-grid,
  .release-split {
    grid-template-columns: 1fr;
  }
}

.payment-prototype-page {
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

.payment-hero-card,
.payment-status-hero {
  margin: 0 0 2px;
  padding: 18px;
  border-radius: 26px;
  color: #fff;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(145deg, #061d4f, #145fd6 56%, #6d4df7);
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.18);
}

.payment-status-hero {
  margin-bottom: 0;
}

.payment-hero-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.payment-hero-icon svg {
  width: 24px;
  height: 24px;
}

.payment-hero-card h2,
.payment-status-hero h2 {
  margin: 3px 0 7px;
  color: #fff;
  font-size: 22px;
  line-height: 1.08;
}

.payment-hero-card p:not(.eyebrow),
.payment-status-hero p:not(.eyebrow) {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.payment-flow-visual {
  background:
    radial-gradient(circle at 92% 0%, rgba(31, 132, 229, 0.13), transparent 32%),
    #fff;
}

.payment-timeline {
  display: grid;
  gap: 10px;
  padding: 0 16px 16px;
}

.payment-timeline-step {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(83, 103, 130, 0.12);
  border-radius: 18px;
  background: #f8fbff;
}

.payment-timeline-step span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: #e8eef7;
  color: #526174;
  font-size: 12px;
  font-weight: 950;
}

.payment-timeline-step strong {
  display: block;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
}

.payment-timeline-step p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.payment-timeline-step.done span,
.payment-timeline-step.active span {
  background: #e5f7ee;
  color: #17613c;
}

.payment-timeline-step.active {
  border-color: rgba(31, 132, 229, 0.22);
  background: linear-gradient(145deg, #fff, #f0f7ff);
  box-shadow: 0 12px 26px rgba(31, 132, 229, 0.09);
}

.payment-route-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.payment-route-card {
  min-width: 0;
  border: 1px solid rgba(83, 103, 130, 0.13);
  border-radius: 20px;
  background: #fff;
  padding: 13px;
  text-align: left;
  display: grid;
  gap: 6px;
  box-shadow: 0 10px 24px rgba(10, 31, 68, 0.06);
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.payment-route-card:hover {
  transform: translateY(-2px);
  border-color: rgba(31, 132, 229, 0.2);
  box-shadow: 0 16px 30px rgba(10, 31, 68, 0.1);
}

.payment-route-card span,
.payment-route-card em {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 7px;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.payment-route-card span {
  background: #edf4ff;
  color: #145eb0;
}

.payment-route-card strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.15;
}

.payment-route-card p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.payment-route-card em {
  background: #eefaf1;
  color: #17613c;
}

.payment-detail-card {
  padding: 14px;
  border-radius: 22px;
}

.payment-detail-card.protected {
  background:
    radial-gradient(circle at 92% 0%, rgba(21, 165, 107, 0.12), transparent 28%),
    #fff;
}

.payment-info-list {
  display: grid;
  gap: 9px;
}

.payment-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid rgba(83, 103, 130, 0.1);
  border-radius: 15px;
  background: #f8fbff;
}

.payment-info-row span {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.payment-info-row strong {
  color: var(--ink);
  font-size: 13px;
  text-align: right;
}

.payment-action-row,
.payment-action-stack {
  display: grid;
  gap: 9px;
}

.payment-action-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-action-row .button,
.payment-action-row .ghost-button,
.payment-action-stack .button,
.payment-action-stack .ghost-button {
  min-height: 42px;
  border-radius: 999px;
}

.ghost-button.danger {
  color: #9f1d1d;
  border-color: rgba(220, 38, 38, 0.2);
  background: #fff7f7;
}

@media (max-width: 370px) {
  .payment-route-grid,
  .payment-action-row {
    grid-template-columns: 1fr;
  }

  .payment-info-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .payment-info-row strong {
    text-align: left;
  }
}

.premium-training-payment-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 8%, rgba(31, 132, 229, 0.08), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.96));
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.09);
}

.training-payment-icon {
  width: 44px;
  height: 44px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: linear-gradient(145deg, #e8f3ff, #f8fbff);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.08);
}

.training-payment-icon svg {
  width: 20px;
  height: 20px;
}

.training-payment-copy {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.training-payment-copy > span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.training-payment-copy strong {
  display: block;
  color: #07182f;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 950;
}

.training-payment-copy b {
  display: block;
  margin-top: 4px;
  color: #0b376d;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
}

.training-payment-copy small {
  display: block;
  max-width: 28ch;
  margin-top: 7px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 760;
  overflow-wrap: normal;
}

.training-payment-action {
  justify-self: end;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  white-space: nowrap;
  border-color: rgba(31, 132, 229, 0.2);
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.05);
}

.tax-pot-layout {
  padding: 18px 14px 14px;
  display: grid;
  gap: 12px;
}

.tax-pot-balance,
.tax-rate-control {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  padding: 13px;
}

.tax-pot-balance span,
.tax-rate-control small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.tax-pot-balance strong {
  display: block;
  margin: 6px 0;
  color: var(--brand-dark);
  font-size: 28px;
}

.tax-pot-balance p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.tax-rate-control div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  font-weight: 950;
}

.tax-rate-presets {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.tax-rate-presets button {
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.tax-rate-presets button.active {
  border-color: rgba(31, 132, 229, 0.42);
  background: var(--brand);
  color: #fff;
}

.tax-slider-control {
  display: block;
  position: relative;
  margin: 12px 0 10px;
}

.tax-slider-control input {
  position: absolute;
  inset: -8px 0;
  z-index: 2;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.tax-rate-track {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #dbe7f5;
  overflow: hidden;
}

.tax-rate-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--brand));
}

.tax-savings-preview {
  margin: 6px 0 9px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 14px;
  background: linear-gradient(145deg, #f4f9ff, #fff);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tax-savings-preview span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.tax-savings-preview strong {
  color: var(--brand-dark);
  font-size: 17px;
}

.compact-list {
  padding-top: 12px;
}

.verification-stack.in-profile {
  padding: 0 18px;
}

.verification-principle-card,
.rtw-flow-card,
.internal-audit-card {
  border-color: rgba(31, 132, 229, 0.12);
  background: linear-gradient(145deg, #ffffff, #f5f9ff);
}

.verification-principle-grid {
  display: grid;
  gap: 10px;
}

.verification-principle-grid article {
  border: 1px solid rgba(83, 103, 130, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.84);
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: start;
}

.verification-principle-grid svg {
  width: 19px;
  height: 19px;
  color: var(--brand);
  padding: 7px;
  border-radius: 12px;
  background: rgba(0, 102, 255, 0.09);
  box-sizing: content-box;
}

.verification-principle-grid strong {
  color: var(--ink);
  font-size: 14px;
}

.verification-principle-grid p {
  grid-column: 2;
  margin: -5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.rtw-route-grid {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.rtw-route-grid button {
  width: 100%;
  border: 1px solid rgba(83, 103, 130, 0.18);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  text-align: left;
  display: grid;
  gap: 3px;
  color: var(--ink);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.04);
}

.rtw-route-grid button strong {
  font-size: 13px;
}

.rtw-route-grid button span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.rtw-route-grid button.active {
  border-color: rgba(0, 102, 255, 0.62);
  background: linear-gradient(145deg, #eef6ff, #ffffff);
  box-shadow: 0 12px 28px rgba(0, 102, 255, 0.12);
}

.rtw-route-panel {
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 19px;
  background: #fff;
  padding: 13px;
  display: grid;
  gap: 10px;
}

.rtw-route-panel h3 {
  margin: 0;
  font-size: 15px;
}

.rtw-route-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.rtw-upload-grid {
  display: grid;
  gap: 8px;
}

.rtw-secure-note {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 15px;
  background: #f4f9ff;
  padding: 10px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.38;
}

.rtw-secure-note svg {
  width: 18px;
  height: 18px;
  color: var(--brand);
}

.audit-trail-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.audit-trail-list article {
  border: 1px solid rgba(83, 103, 130, 0.14);
  border-radius: 15px;
  background: #fff;
  padding: 10px;
  display: grid;
  gap: 3px;
}

.audit-trail-list strong {
  font-size: 12px;
  color: var(--ink);
}

.audit-trail-list span,
.audit-trail-list small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.compliance-banner {
  margin: 0 18px;
  border-radius: 20px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid transparent;
}

.compliance-banner span {
  display: block;
  color: inherit;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.compliance-banner h3 {
  margin: 4px 0 3px;
  font-size: 18px;
}

.compliance-banner p {
  margin: 0;
  color: currentColor;
  opacity: 0.82;
  font-size: 12px;
  line-height: 1.35;
}

.compliance-banner > strong {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  display: grid;
  place-items: center;
  font-size: 18px;
}

.compliance-score-card {
  background: linear-gradient(145deg, #ffffff, #f3f8ff);
}

.compliance-score-ring {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.compliance-score-ring strong {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: conic-gradient(var(--brand) 0 96%, #e5edf7 96% 100%);
  color: var(--brand-dark);
  display: grid;
  place-items: center;
  border: 6px solid #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.08);
}

.compliance-score-ring span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.compliance-card-grid {
  margin: 0 18px;
  display: grid;
  gap: 9px;
}

.compliance-card {
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #fff;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

.compliance-card.wide {
  grid-template-columns: minmax(0, 1fr);
}

.compliance-card span:not(.badge) {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.compliance-card h3 {
  margin: 4px 0 3px;
  font-size: 15px;
}

.compliance-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.compliance-card .ghost-button {
  min-height: 34px;
  justify-self: start;
  font-size: 11px;
  border-radius: 999px;
}

.trust-badge-panel {
  background: linear-gradient(145deg, #ffffff, #f4f8ff);
}

.trust-badge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.trust-badge-grid span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(14, 96, 226, 0.13);
  border-radius: 999px;
  background: #eef5ff;
  color: #063b88;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 16px rgba(10, 31, 68, 0.04);
}

.trust-badge-grid svg {
  width: 13px;
  height: 13px;
}

.employment-verification-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(14, 96, 226, 0.09), transparent 34%),
    #fff;
}

.employment-verification-card ul {
  margin: 9px 0 7px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

.employment-verification-card li {
  position: relative;
  padding-left: 18px;
  color: #23314c;
  font-size: 12px;
  font-weight: 820;
}

.employment-verification-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}

.compliance-tracker {
  display: grid;
  gap: 7px;
}

.compliance-tracker span {
  position: relative;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--soft);
  padding: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.premium-tracker span {
  padding: 10px;
  background: #fff;
  border-color: rgba(83, 103, 130, 0.13);
  box-shadow: 0 8px 16px rgba(10, 31, 68, 0.04);
}

.compliance-tracker strong {
  font-size: 12px;
}

.compliance-tracker em {
  border-radius: 999px;
  background: #d8efe3;
  color: #17613c;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.compliance-tracker em.review {
  background: #fff2cc;
  color: #8c5c00;
}

.compliance-tracker em.expiring {
  background: #fff7ed;
  color: #b45309;
}

.agency-compliance-profile {
  display: grid;
  gap: 13px;
}

.candidate-compliance-profile {
  padding-bottom: 14px;
}

.agency-compliance-status-card {
  margin: 0 18px;
  border-radius: 24px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(34, 197, 94, 0.22);
  background:
    radial-gradient(circle at 92% 4%, rgba(34, 197, 94, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(240, 253, 244, 0.98), rgba(255, 255, 255, 0.96));
  box-shadow: 0 18px 42px rgba(22, 101, 52, 0.1);
}

.agency-compliance-status-card.tier-purple {
  border-color: rgba(124, 58, 237, 0.2);
  background:
    radial-gradient(circle at 92% 4%, rgba(124, 58, 237, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(245, 243, 255, 0.98), rgba(255, 255, 255, 0.96));
  box-shadow: 0 18px 42px rgba(88, 28, 135, 0.09);
}

.agency-compliance-eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #166534;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agency-compliance-eyebrow svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
}

.agency-compliance-status-card.tier-purple .agency-compliance-eyebrow {
  color: #5b21b6;
}

.candidate-compliance-summary {
  margin-top: 0;
}

.agency-compliance-status-card h3 {
  margin: 5px 0 5px;
  color: #0f1f38;
  font-size: 17px;
  line-height: 1.16;
  letter-spacing: 0;
}

.agency-compliance-status-card p {
  margin: 0;
  max-width: 34ch;
  color: #5f6f85;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.38;
}

.agency-compliance-status-stack {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.agency-compliance-status-stack strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  border-radius: 999px;
  padding: 0 11px;
  background: #dcfce7;
  color: #166534;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(22, 163, 74, 0.12);
}

.agency-compliance-status-stack strong.review {
  background: #fef3c7;
  color: #92400e;
}

.agency-compliance-status-stack i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);
}

.agency-compliance-status-stack span {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.agency-compliance-breakdown {
  margin: 0 18px;
  display: grid;
  gap: 9px;
}

.candidate-compliance-card-grid {
  margin: 0 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.candidate-compliance-card {
  appearance: none;
  width: 100%;
  text-align: left;
  font: inherit;
  cursor: pointer;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 20px;
  padding: 13px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.055), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: 0 15px 34px rgba(15, 23, 42, 0.065);
}

.candidate-compliance-card:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.24);
  outline-offset: 3px;
}

.candidate-compliance-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #2563eb;
  background: linear-gradient(145deg, #edf5ff, #f8fbff);
  border: 1px solid rgba(37, 99, 235, 0.12);
}

.candidate-compliance-card-icon svg {
  width: 19px;
  height: 19px;
}

.candidate-compliance-card-copy {
  min-width: 0;
}

.candidate-compliance-card-copy small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 1.22;
  text-transform: uppercase;
}

.candidate-compliance-card-copy small i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.candidate-compliance-card.status-verified .candidate-compliance-card-copy small i {
  background: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.13);
}

.candidate-compliance-card.status-pending .candidate-compliance-card-copy small i {
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.candidate-compliance-card.status-not-done .candidate-compliance-card-copy small i {
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.candidate-compliance-card-copy h3 {
  margin: 4px 0 5px;
  color: #0b1d38;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.14;
  letter-spacing: 0;
}

.candidate-compliance-card-copy p {
  margin: 0;
  color: #5d6e86;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.34;
}

.candidate-compliance-card-copy em {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-top: 9px;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.candidate-compliance-card-copy em.valid {
  background: #dcfce7;
  color: #166534;
}

.candidate-compliance-card-copy em.not-done {
  background: #fee2e2;
  color: #991b1b;
}

.candidate-compliance-card-copy em.review,
.candidate-compliance-card-copy em.pending {
  background: #fef3c7;
  color: #92400e;
}

.candidate-compliance-card-support {
  margin-top: 8px !important;
  color: #718096 !important;
  font-size: 11px !important;
  line-height: 1.32 !important;
}

.candidate-compliance-card-copy button {
  margin-top: 10px;
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  color: #1165e8;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.candidate-compliance-card-copy button svg {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
}

.candidate-compliance-card-spacer {
  visibility: hidden;
  min-height: 1px;
}

.candidate-compliance-info-strip {
  margin: 0 18px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 18px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #285da8;
  background: linear-gradient(145deg, rgba(239, 246, 255, 0.98), rgba(248, 251, 255, 0.98));
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.candidate-compliance-info-strip svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.candidate-compliance-info-strip span {
  color: #345d96;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* AVyntro Workforce Network approved compact experience */
.content.people-page.agency-workforce-page {
  background: #f5f8fd;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector {
  margin: 10px 12px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector button {
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid #d8e6fb !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 12px !important;
  background: #fff !important;
  color: #314467 !important;
  box-shadow: 0 10px 22px rgba(7, 22, 51, 0.055) !important;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector button.active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #075cff, #127cff) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(7, 92, 255, 0.22) !important;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector i {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  color: currentColor !important;
  box-shadow: none !important;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2 !important;
}

.content.people-page.agency-workforce-page > .workforce-mode-selector strong {
  color: currentColor !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.shortlist-workspace.workforce-network-page {
  margin: 0 !important;
  padding: 10px 12px 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px !important;
}

.workforce-network-sentinel {
  display: block;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.workforce-network-summary-card {
  position: relative;
  overflow: hidden;
  min-height: 188px;
  border: 1px solid rgba(95, 172, 255, 0.28);
  border-radius: 17px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 96% 8%, rgba(33, 133, 255, 0.42), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(55, 199, 255, 0.12), transparent 32%),
    linear-gradient(135deg, #041a38 0%, #062a5c 56%, #075cff 100%);
  box-shadow: 0 16px 32px rgba(4, 26, 56, 0.2);
}

.workforce-network-summary-card .workforce-network-art {
  opacity: 0.58;
  inset: -28px -18px auto auto;
  width: 190px;
  height: 145px;
}

.workforce-network-copy {
  position: relative;
  z-index: 1;
  max-width: 300px;
}

.workforce-network-copy span {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  line-height: 14px;
  font-weight: 750;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.workforce-network-copy h2 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 720;
  letter-spacing: 0;
}

.workforce-network-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}

.workforce-network-metric-grid {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  background: rgba(2, 18, 42, 0.22);
}

.workforce-network-metric-grid span {
  min-width: 0;
  min-height: 50px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 9px;
  padding: 9px 11px;
}

.workforce-network-metric-grid span:nth-child(1),
.workforce-network-metric-grid span:nth-child(2) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.workforce-network-metric-grid span:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.workforce-network-metric-grid i {
  grid-row: 1 / span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #fff;
}

.workforce-network-metric-grid svg {
  width: 23px;
  height: 23px;
  stroke-width: 1.9;
}

.workforce-network-metric-grid strong {
  min-width: 0;
  color: #fff;
  font-size: 23px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0;
}

.workforce-network-metric-grid small {
  min-width: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

.workforce-network-compact-context {
  display: none;
  position: sticky;
  top: 42px;
  z-index: 12;
  min-height: 42px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 1px auto;
  gap: 12px;
  border: 1px solid rgba(220, 231, 247, 0.9);
  border-radius: 14px;
  padding: 0 10px;
  background: rgba(245, 248, 253, 0.96);
  backdrop-filter: blur(14px);
}

.workforce-network-page.is-compact .workforce-network-compact-context {
  display: grid;
}

.workforce-network-compact-context > span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #52627e;
  font-size: 13px;
  font-weight: 650;
}

.workforce-network-compact-context svg {
  width: 18px;
  height: 18px;
  color: #52627e;
}

.workforce-network-compact-context > i {
  height: 22px;
  background: #d8e3f3;
}

.workforce-network-compact-context label {
  position: relative;
  display: block;
}

.workforce-network-compact-context select {
  min-height: 38px;
  max-width: 156px;
  border: 0;
  border-radius: 12px;
  padding: 0 25px 0 8px;
  background: transparent;
  color: #075cff;
  font-size: 13px;
  font-weight: 750;
  appearance: none;
}

.workforce-network-compact-context label::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid #075cff;
  border-bottom: 2px solid #075cff;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}

.preferred-network-controls {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  gap: 8px !important;
}

.preferred-network-controls .network-search-field {
  min-height: 44px !important;
  border: 1px solid #d6e5f9 !important;
  border-radius: 15px !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  padding: 0 10px 0 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 20px rgba(7, 22, 51, 0.045) !important;
}

.preferred-network-controls .network-search-field > span {
  display: grid;
  place-items: center;
  color: #075cff;
}

.preferred-network-controls .network-search-field input {
  color: #071633 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.preferred-network-controls .network-search-field input::placeholder {
  color: #7f8da7 !important;
}

.preferred-network-controls .network-search-field button {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #075cff !important;
}

.network-filter-button {
  width: 44px;
  height: 44px;
  border: 1px solid #b9d5ff;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #fff;
  color: #075cff;
  box-shadow: 0 10px 20px rgba(7, 22, 51, 0.045);
}

.network-filter-button svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

.workforce-network-tabs-section {
  margin: 0 !important;
  display: grid;
  gap: 8px;
}

.workforce-network-tabs-section h3,
.network-section-heading h3 {
  margin: 0;
  color: #071633;
  font-size: 16px;
  line-height: 21px;
  font-weight: 720;
  letter-spacing: 0;
}

.workforce-network-tabs {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.workforce-network-tabs button {
  grid-column: span 2;
  min-height: 43px !important;
  min-width: 0 !important;
  border: 1px solid #cfe0f7 !important;
  border-radius: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  background: #fff !important;
  color: #071633 !important;
  box-shadow: 0 8px 18px rgba(7, 22, 51, 0.045) !important;
}

.workforce-network-tabs button:nth-child(4),
.workforce-network-tabs button:nth-child(5) {
  grid-column: span 3;
}

.workforce-network-tabs button span {
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

.workforce-network-tabs button.active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #075cff, #127cff) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(7, 92, 255, 0.2) !important;
}

.preferred-industry-accordion {
  margin: 0 !important;
  display: grid !important;
  gap: 9px !important;
}

.preferred-industry-accordion .network-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 2px;
}

.preferred-industry-accordion .network-section-heading strong {
  flex: 0 0 auto;
  min-height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  background: #e6f6ef;
  color: #176b51;
  font-size: 12px;
  font-weight: 650;
}

.preferred-industry-card {
  border: 1px solid #dce7f7 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(7, 22, 51, 0.055) !important;
}

.preferred-industry-summary {
  min-height: 68px !important;
  grid-template-columns: 44px minmax(0, 1fr) 54px 16px !important;
  gap: 10px !important;
  padding: 10px 12px !important;
}

.preferred-industry-summary > span {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #edf4ff !important;
  color: #075cff !important;
}

.preferred-industry-summary > span svg {
  width: 26px !important;
  height: 26px !important;
  stroke-width: 1.9 !important;
}

.preferred-industry-summary > div {
  min-width: 0;
}

.preferred-industry-summary strong {
  color: #071633 !important;
  font-size: 17px !important;
  line-height: 21px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.preferred-industry-summary small {
  margin-top: 2px !important;
  color: #637493 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.preferred-industry-summary em {
  min-width: 0;
  color: #071633;
  font-style: normal;
  text-align: right;
}

.preferred-industry-summary em b,
.preferred-industry-summary em small {
  display: block;
}

.preferred-industry-summary em b {
  font-size: 17px;
  line-height: 20px;
  font-weight: 720;
}

.preferred-industry-summary em small {
  color: #637493;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.preferred-industry-summary > i {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #075cff !important;
  transform: rotate(180deg) !important;
}

.preferred-industry-card.open .preferred-industry-summary > i {
  transform: rotate(90deg) !important;
}

.preferred-industry-summary > i svg {
  width: 16px !important;
  height: 16px !important;
}

.preferred-industry-metrics {
  margin: 0 12px 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.preferred-industry-metrics span {
  border: 1px solid #dce7f7 !important;
  border-radius: 13px !important;
  background: #f8fbff !important;
  color: #637493 !important;
}

.preferred-industry-metrics strong {
  color: #071633 !important;
}

.compact-sector-workers {
  margin: 0 10px 10px;
  display: grid;
  gap: 8px;
}

.network-manage-teams-row {
  min-height: 58px;
  border: 1px solid #b9d5ff;
  border-radius: 15px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #edf4ff;
  color: #075cff;
  text-align: left;
}

.network-manage-teams-row > span {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #fff;
}

.network-manage-teams-row strong {
  color: #071633;
  font-size: 14px;
  font-weight: 720;
}

.network-manage-teams-row svg {
  width: 22px;
  height: 22px;
}

.network-manage-teams-row > svg:last-child {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.workforce-network-empty-state,
.workforce-network-view-empty {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 16px;
}

.workforce-network-empty-state > span,
.workforce-network-view-empty > span {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #edf4ff;
  color: #075cff;
}

.workforce-network-empty-state h3,
.workforce-network-view-empty h3 {
  margin: 0 0 5px;
  color: #071633;
  font-size: 17px;
  line-height: 22px;
  font-weight: 720;
}

.workforce-network-empty-state p,
.workforce-network-view-empty p {
  margin: 0;
  color: #637493;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}

.workforce-network-empty-state > div:last-child,
.workforce-network-view-empty > button {
  grid-column: 1 / -1;
}

.workforce-network-empty-state button,
.workforce-network-view-empty button {
  min-height: 42px;
  border: 1px solid #075cff;
  border-radius: 14px;
  background: #fff;
  color: #075cff;
  font-size: 13px;
  font-weight: 720;
}

@media (max-width: 370px) {
  .preferred-industry-summary {
    grid-template-columns: 40px minmax(0, 1fr) 48px 14px !important;
    gap: 8px !important;
    padding: 9px 10px !important;
  }

  .workforce-network-tabs button {
    padding: 0 11px !important;
  }

  .workforce-network-copy h2 {
    font-size: 21px;
    line-height: 27px;
  }
}

.candidate-compliance-card {
  cursor: pointer;
}

.candidate-compliance-journey {
  display: grid;
  gap: 12px;
  padding-inline: 0 !important;
}

.compliance-journey-topline {
  min-height: 40px;
  margin: 0 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #12315a;
  font-size: 13px;
  font-weight: 850;
}

.compliance-journey-topline button {
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #12315a;
  background: transparent;
  font: inherit;
}

.compliance-journey-topline svg {
  width: 17px;
  height: 17px;
}

.compliance-journey-topline em {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1474ff, #5949d7);
  box-shadow: 0 10px 22px rgba(20, 116, 255, 0.18);
  font-style: normal;
  font-weight: 900;
}

.compliance-journey-heading {
  margin: 0 18px;
}

.compliance-journey-heading h2 {
  margin: 0;
  color: #081d3b;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
}

.compliance-journey-heading p {
  margin: 7px 0 0;
  color: #5d6d84;
  font-size: 14px;
  line-height: 1.38;
  font-weight: 720;
}

.compliance-soft-card,
.compliance-progress-card,
.compliance-review-list,
.compliance-consent-row {
  margin-inline: 18px;
}

.compliance-soft-card {
  border: 1px solid rgba(179, 197, 221, 0.7);
  border-radius: 18px;
  padding: 13px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.055);
}

.compliance-soft-card.success {
  border-color: rgba(47, 184, 128, 0.22);
  background: linear-gradient(145deg, rgba(239, 253, 246, 0.98), rgba(255, 255, 255, 0.98));
}

.compliance-soft-card > span {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #1468e8;
  background: #eef6ff;
  border: 1px solid rgba(37, 99, 235, 0.1);
}

.compliance-soft-card.success > span {
  color: #119564;
  background: #ecfdf5;
}

.compliance-soft-card svg {
  width: 20px;
  height: 20px;
}

.compliance-soft-card strong {
  display: block;
  color: #0a1f3d;
  font-size: 15px;
  line-height: 1.2;
}

.compliance-soft-card p {
  margin: 4px 0 0;
  color: #5c6d85;
  font-size: 13px;
  line-height: 1.36;
  font-weight: 690;
}

.compliance-form {
  margin: 0 18px;
  display: grid;
  gap: 10px;
}

.compliance-field {
  display: grid;
  gap: 7px;
}

.compliance-field label {
  color: #102846;
  font-size: 13px;
  font-weight: 850;
}

.compliance-field input:not([type="file"]),
.compliance-field select {
  width: 100%;
  min-height: 48px;
  border: 1px solid #cbd8e8;
  border-radius: 13px;
  padding: 0 14px;
  color: #0a1d39;
  background: #f8fbff;
  font-size: 15px;
  font-weight: 720;
  outline: none;
}

.compliance-field input:focus,
.compliance-field select:focus {
  border-color: #2377f5;
  box-shadow: 0 0 0 3px rgba(35, 119, 245, 0.12);
}

.compliance-field.has-error input,
.compliance-field.has-error select,
.compliance-field.has-error .compliance-file-card {
  border-color: #d97706;
  background: #fffaf1;
}

.compliance-field > small {
  color: #9a4a00;
  font-size: 12px;
  font-weight: 800;
}

.compliance-choice-list,
.compliance-segmented {
  display: grid;
  gap: 8px;
}

.compliance-segmented {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compliance-choice-list button,
.compliance-segmented button {
  min-height: 48px;
  border: 1px solid #d7e1ee;
  border-radius: 14px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 16px;
  gap: 10px;
  align-items: center;
  color: #0d2544;
  background: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: 760;
}

.compliance-segmented button {
  display: flex;
  justify-content: center;
  text-align: center;
}

.compliance-choice-list button > i,
.compliance-segmented button > i {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid #c5d2e2;
  background: #fff;
}

.compliance-choice-list button.selected,
.compliance-segmented button.selected {
  border-color: rgba(34, 115, 245, 0.36);
  background: #eef6ff;
}

.compliance-choice-list button.selected > i,
.compliance-segmented button.selected > i {
  border-color: #1468f2;
  box-shadow: inset 0 0 0 5px #fff;
  background: #1468f2;
}

.compliance-choice-list button svg {
  width: 14px;
  height: 14px;
  color: #1165e8;
  transform: rotate(180deg);
}

.compliance-file-card {
  min-height: 64px;
  border: 1px solid #cbd8e8;
  border-radius: 16px;
  padding: 10px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  background: #f8fbff;
}

.compliance-file-card > span {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1478ff, #594bd8);
}

.compliance-file-card svg {
  width: 20px;
  height: 20px;
}

.compliance-file-card strong,
.compliance-file-card small {
  display: block;
  min-width: 0;
}

.compliance-file-card strong {
  color: #0b203e;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compliance-file-card small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-weight: 740;
}

.compliance-file-card button {
  min-height: 38px;
  border: 1px solid #cbdcf2;
  border-radius: 999px;
  padding: 0 13px;
  color: #0e64d9;
  background: #f4f9ff;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.compliance-file-card button[aria-label] {
  width: 38px;
  padding: 0;
  color: #526176;
  background: #fff;
}

.compliance-review-list {
  border: 1px solid #dbe5f0;
  border-radius: 18px;
  padding: 6px 14px;
  list-style: none;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.compliance-review-list li {
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid #edf2f7;
}

.compliance-review-list li:last-child {
  border-bottom: 0;
}

.compliance-review-list span {
  color: #66758c;
  font-size: 12px;
  font-weight: 800;
}

.compliance-review-list strong {
  min-width: 0;
  color: #0b203e;
  font-size: 14px;
  text-align: right;
}

.compliance-consent-row {
  border: 1px solid #d7e1ee;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  color: #234365;
  background: #fff;
  font-size: 13px;
  font-weight: 740;
  line-height: 1.35;
}

.compliance-progress-card {
  border: 1px solid rgba(47, 184, 128, 0.22);
  border-radius: 18px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(145deg, #effdf6, #fff);
}

.compliance-progress-card h3 {
  margin: 0;
  color: #0b203e;
  font-size: 19px;
  line-height: 1.15;
}

.compliance-progress-card p {
  margin: 5px 0 0;
  color: #5d6d84;
  font-size: 13px;
  font-weight: 720;
}

.compliance-progress-card em {
  border-radius: 999px;
  padding: 9px 12px;
  color: #166534;
  background: #dcfce7;
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.compliance-timeline {
  margin: 0 18px;
  border: 1px solid #dbe5f0;
  border-radius: 18px;
  padding: 14px 14px 14px 22px;
  list-style: none;
  background: #fff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.055);
}

.compliance-timeline li {
  position: relative;
  min-height: 52px;
  padding-left: 28px;
}

.compliance-timeline li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 22px;
  bottom: -10px;
  width: 2px;
  background: #d8e2ef;
}

.compliance-timeline li:last-child::before {
  display: none;
}

.compliance-timeline i {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #cbd5e1;
  box-shadow: 0 0 0 5px #f8fafc;
}

.compliance-timeline li.done i {
  background: #31aa78;
}

.compliance-timeline li.active i {
  background: #2274f5;
}

.compliance-timeline span,
.compliance-timeline small {
  display: block;
}

.compliance-timeline span {
  color: #0d2544;
  font-size: 14px;
  font-weight: 850;
}

.compliance-timeline small {
  margin-top: 3px;
  color: #5d6d84;
  font-size: 12px;
  font-weight: 700;
}

.compliance-journey-actions {
  margin: 2px 18px 0;
  display: grid;
  gap: 9px;
}

.compliance-journey-actions .button,
.compliance-journey-actions .ghost-button {
  width: 100%;
  min-height: 49px;
  border-radius: 14px;
}

.compliance-journey-actions .text-button {
  min-height: 36px;
  color: #1267e8;
  font-size: 13px;
  font-weight: 850;
}

.verification-readiness-page {
  gap: 14px;
  padding-bottom: 20px !important;
}

.verification-readiness-summary,
.readiness-group,
.readiness-detail-page .readiness-step-list {
  margin-inline: 18px;
}

.verification-readiness-summary {
  border: 1px solid rgba(195, 211, 232, 0.82);
  border-radius: 22px;
  padding: 16px;
  display: grid;
  gap: 14px;
  background:
    radial-gradient(circle at 95% 12%, rgba(37, 99, 235, 0.11), transparent 34%),
    linear-gradient(145deg, rgba(241, 253, 247, 0.96), rgba(255, 255, 255, 0.98));
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07);
}

.verification-readiness-summary-copy span,
.readiness-group-heading span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #104fba;
  font-size: 12px;
  font-weight: 880;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.verification-readiness-summary-copy svg {
  width: 18px;
  height: 18px;
}

.verification-readiness-summary-copy h3 {
  margin: 8px 0 0;
  color: #081d3b;
  font-size: 23px;
  line-height: 1.08;
  letter-spacing: 0;
}

.verification-readiness-summary-copy p {
  margin: 8px 0 0;
  max-width: 58ch;
  color: #536783;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 700;
}

.verification-readiness-status-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.verification-readiness-status-row strong {
  min-height: 54px;
  border: 1px solid rgba(196, 212, 232, 0.82);
  border-radius: 16px;
  padding: 10px 12px;
  display: grid;
  align-content: center;
  gap: 3px;
  background: rgba(255, 255, 255, 0.78);
}

.verification-readiness-status-row small {
  color: #6a7b91;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.verification-readiness-status-row em {
  color: #092144;
  font-size: 15px;
  font-style: normal;
  font-weight: 850;
}

.readiness-group {
  display: grid;
  gap: 9px;
}

.readiness-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-inline: 2px;
}

.readiness-group-heading small {
  border-radius: 999px;
  padding: 5px 9px;
  color: #45617e;
  background: #eef5ff;
  font-size: 11px;
  font-weight: 830;
}

.readiness-card-grid {
  margin: 0;
  border: 1px solid rgba(196, 212, 232, 0.82);
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.readiness-card-grid .candidate-compliance-card {
  min-height: 76px;
  border: 0;
  border-radius: 0;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) max-content 18px;
  gap: 12px;
  align-items: center;
  background: transparent;
  box-shadow: none;
}

.readiness-card-grid .candidate-compliance-card + .candidate-compliance-card {
  border-top: 1px solid rgba(196, 212, 232, 0.76);
}

.readiness-card-grid .candidate-compliance-card:hover,
.readiness-card-grid .candidate-compliance-card:focus-visible {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.045), rgba(255, 255, 255, 0));
}

.readiness-card-grid .candidate-compliance-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.readiness-card-grid .candidate-compliance-card-icon svg {
  width: 19px;
  height: 19px;
}

.readiness-card-grid .candidate-compliance-card-copy h3 {
  margin: 0;
  color: #071d3c;
  font-size: 16px;
  font-weight: 820;
  line-height: 1.16;
  letter-spacing: 0;
}

.readiness-card-grid .candidate-compliance-card-copy p {
  margin: 4px 0 0;
  color: #5c6f89;
  font-size: 13px;
  font-weight: 620;
  line-height: 1.28;
}

.readiness-card-grid .candidate-compliance-card > em {
  min-height: 34px;
  margin: 0;
  border-radius: 999px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
  background: #fee2e2;
  color: #991b1b;
}

.readiness-card-grid .candidate-compliance-card > em i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.11);
}

.readiness-card-grid .candidate-compliance-card.status-verified > em {
  background: #dff8ea;
  color: #09663f;
}

.readiness-card-grid .candidate-compliance-card.status-verified > em i {
  background: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.13);
}

.readiness-card-grid .candidate-compliance-card.status-pending > em {
  background: #eaf2ff;
  color: #1c5cc7;
}

.readiness-card-grid .candidate-compliance-card.status-pending > em i {
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
}

.candidate-compliance-row-chevron {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #1267e8;
}

.candidate-compliance-row-chevron svg {
  width: 17px;
  height: 17px;
  transform: rotate(180deg);
}

@media (max-width: 374px) {
  .readiness-card-grid .candidate-compliance-card {
    grid-template-columns: 36px minmax(0, 1fr) 18px;
    gap: 10px;
  }

  .readiness-card-grid .candidate-compliance-card > em {
    grid-column: 2 / 3;
    justify-self: start;
    min-height: 28px;
    margin-top: 8px;
  }

  .candidate-compliance-row-chevron {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
  }
}

.readiness-detail-heading h2 {
  font-size: 25px;
}

.readiness-detail-page .compliance-soft-card {
  grid-template-columns: 44px minmax(0, 1fr) auto;
}

.readiness-detail-page .compliance-soft-card em {
  border-radius: 999px;
  padding: 7px 10px;
  color: #27516f;
  background: #eef5ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 860;
  white-space: nowrap;
}

.readiness-detail-page .compliance-soft-card em.valid {
  color: #166534;
  background: #dcfce7;
}

.readiness-detail-page .compliance-soft-card em.review {
  color: #92400e;
  background: #fef3c7;
}

.readiness-step-list {
  display: grid;
  gap: 9px;
}

.readiness-step-list article {
  border: 1px solid rgba(210, 221, 236, 0.9);
  border-radius: 18px;
  padding: 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: start;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
}

.readiness-step-list i {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #1267e8;
  background: #eef6ff;
  border: 1px solid #d9e7fb;
  font-style: normal;
  font-size: 13px;
  font-weight: 850;
}

.readiness-step-list strong {
  display: block;
  color: #0b203e;
  font-size: 15px;
  line-height: 1.2;
}

.readiness-step-list p {
  margin: 4px 0 0;
  color: #5e7088;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 690;
}

.readiness-step-list span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #52647a;
  background: #f1f5f9;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

.readiness-step-list span.valid {
  color: #047857;
  background: #dcfce7;
}

.readiness-step-list span.review {
  color: #92400e;
  background: #fef3c7;
}

.readiness-step-list span.pending {
  color: #b91c1c;
  background: #fee2e2;
}

.readiness-owner-note {
  margin-top: 0;
}

.agency-compliance-row {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  padding: 11px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.055), transparent 36%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.agency-compliance-row:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.18);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.09);
}

.agency-compliance-row-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #14532d;
  background: linear-gradient(145deg, #ecfdf5, #f8fafc);
  border: 1px solid rgba(34, 197, 94, 0.16);
}

.agency-compliance-row-icon svg {
  width: 17px;
  height: 17px;
}

.agency-compliance-row strong {
  display: block;
  min-width: 0;
  color: #102033;
  font-size: 13px;
  line-height: 1.2;
}

.agency-compliance-row small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.28;
}

.agency-compliance-row em {
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.agency-compliance-row em.valid {
  background: #dcfce7;
  color: #166534;
}

.agency-compliance-row em.warning {
  background: #fef3c7;
  color: #92400e;
}

.agency-compliance-row em.conditional {
  background: #ede9fe;
  color: #5b21b6;
}

.agency-compliance-row em.pending {
  background: #e2e8f0;
  color: #334155;
}

.agency-compliance-row em.hold {
  background: #fee2e2;
  color: #991b1b;
}

.agency-compliance-timeline,
.booking-confidence-panel {
  margin-top: 0;
  background:
    radial-gradient(circle at 100% 0%, rgba(80, 87, 255, 0.06), transparent 34%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}

.agency-compliance-timeline > div:last-child {
  display: grid;
  gap: 9px;
}

.agency-compliance-timeline article {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.agency-compliance-timeline article > i {
  position: relative;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12);
}

.agency-compliance-timeline article:not(:last-child) > i::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 1px;
  height: 26px;
  background: rgba(148, 163, 184, 0.26);
}

.agency-compliance-timeline strong {
  display: block;
  color: #102033;
  font-size: 12px;
}

.agency-compliance-timeline small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.booking-confidence-grid {
  display: grid;
  gap: 9px;
}

.booking-confidence-grid span {
  min-width: 0;
  border: 1px solid rgba(34, 197, 94, 0.13);
  border-radius: 16px;
  padding: 10px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  background: #f8fffb;
}

.booking-confidence-grid svg {
  width: 15px;
  height: 15px;
  color: #16a34a;
  margin-top: 1px;
}

.booking-confidence-grid strong {
  display: block;
  color: #0f1f38;
  font-size: 12px;
  line-height: 1.2;
}

.booking-confidence-grid small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.premium-tracker button {
  grid-column: 1 / -1;
  justify-self: start;
  border: 0;
  border-radius: 999px;
  min-height: 28px;
  padding: 0 10px;
  background: #061d4f;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
}

.privacy-access-card {
  background: linear-gradient(145deg, #ffffff, #f8fbff);
  border-color: rgba(83, 103, 130, 0.14);
}

.privacy-permission-grid {
  display: grid;
  gap: 7px;
}

.privacy-permission-grid span {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(83, 103, 130, 0.12);
  border-radius: 13px;
  background: #fff;
  padding: 9px;
}

.privacy-permission-grid strong {
  color: var(--ink);
  font-size: 12px;
}

.privacy-permission-grid em {
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}

.worker-id-card {
  margin: 0 18px;
  border: 1px solid rgba(83, 103, 130, 0.2);
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(145deg, #ffffff, #f5f8fc);
  box-shadow: var(--shadow);
}

.profile-manager-page {
  gap: 14px;
}

.profile-manager-hero {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 5%, rgba(63, 137, 255, 0.24), transparent 35%),
    linear-gradient(145deg, #ffffff 0%, #f4f8ff 100%);
  border: 1px solid rgba(14, 96, 226, 0.12);
  box-shadow: 0 18px 44px rgba(10, 31, 68, 0.11);
}

.profile-manager-hero h2 {
  margin: 4px 0 5px;
  color: var(--ink);
  font-size: 25px;
  line-height: 1.1;
}

.profile-manager-hero span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 760;
}

.qualification-manager-list {
  display: grid;
  gap: 9px;
}

.qualification-manager-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(83, 103, 130, 0.13);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(10, 31, 68, 0.04);
}

.qualification-manager-list strong {
  display: block;
  color: var(--ink);
  font-size: 13px;
}

.qualification-manager-list span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.qualification-row-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.qualification-row-actions button {
  border: 1px solid rgba(14, 96, 226, 0.13);
  border-radius: 999px;
  min-height: 30px;
  padding: 0 9px;
  background: #f4f8ff;
  color: #0e60e2;
  font-size: 10px;
  font-weight: 950;
}

.certificate-upload-box {
  border: 1px dashed rgba(14, 96, 226, 0.28);
  border-radius: 18px;
  background: #f5f9ff;
  padding: 14px;
  display: grid;
  justify-items: start;
  gap: 5px;
}

.certificate-upload-box svg {
  width: 22px;
  height: 22px;
  color: var(--brand);
}

.certificate-upload-box strong {
  color: var(--ink);
  font-size: 14px;
}

.certificate-upload-box span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.qualification-actions {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 9px;
}

.skill-toggle-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.skill-toggle-grid button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(83, 103, 130, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 8px 16px rgba(10, 31, 68, 0.04);
}

.skill-toggle-grid button.active {
  border-color: rgba(14, 96, 226, 0.28);
  background: #eef5ff;
  color: #0e60e2;
}

.skill-toggle-grid svg {
  width: 13px;
  height: 13px;
}

.worker-id-top {
  padding: 16px;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  background: linear-gradient(135deg, #061936, #243b57);
  color: #fff;
}

.public-id-top {
  position: relative;
  padding-top: 44px;
}

.id-brand-lockup {
  position: absolute;
  top: 13px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.id-brand-lockup img {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #fff;
  padding: 3px;
}

.worker-id-top span {
  display: block;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.worker-id-top h3 {
  margin: 0 0 3px;
  font-size: 18px;
}

.worker-id-top p {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-weight: 900;
}

.profile-photo.id-photo {
  width: 74px;
  height: 74px;
  border-radius: 24px;
  border-color: rgba(255, 255, 255, 0.5);
  background: #fff;
  font-size: 21px;
}

.public-id-status {
  margin: 13px 16px 0;
  border: 1px solid rgba(83, 103, 130, 0.2);
  border-radius: 999px;
  background: #fff;
  color: #25364a;
  min-height: 36px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  font-size: 12px;
  font-weight: 950;
}

.public-id-status svg {
  width: 16px;
  height: 16px;
  color: #40566f;
}

.worker-id-details {
  padding: 14px 16px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.worker-id-details span {
  min-width: 0;
  border: 1px solid rgba(83, 103, 130, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  padding: 10px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.worker-id-details strong {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.verification-code-card {
  margin: 12px 16px 0;
  border: 1px dashed rgba(83, 103, 130, 0.34);
  border-radius: 17px;
  background: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.qr-code {
  width: 66px;
  height: 66px;
  border: 6px solid #eef3f8;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  padding: 5px;
}

.qr-code i {
  background: #d8e0ea;
}

.qr-code i.filled {
  background: #203348;
}

.verification-code-card strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
}

.verification-code-card p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.worker-id-card > p {
  margin: 0;
  padding: 13px 16px 16px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.statement-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 13px;
  display: grid;
  gap: 12px;
}

.statement-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.statement-top h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.statement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.statement-grid span {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  font-size: 11px;
  padding: 8px;
}

.statement-grid strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.statement-panel-header {
  align-items: flex-start;
}

.statement-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 14px;
}

.statement-overview-card {
  background: linear-gradient(145deg, #ffffff 0%, #f5f8ff 100%);
  border: 1px solid rgba(14, 96, 226, 0.12);
  border-radius: 18px;
  padding: 13px;
  box-shadow: 0 12px 28px rgba(10, 31, 68, 0.06);
}

.statement-overview-card span,
.statement-detail-item span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.statement-overview-card strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 20px;
  font-weight: 900;
}

.statement-overview-card small {
  display: block;
  margin-top: 3px;
  color: #6b7894;
  font-size: 11px;
  font-weight: 750;
}

.statement-download-alert {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 4px 0 12px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(14, 96, 226, 0.14);
  background: #f3f7ff;
  color: #0e60e2;
  font-size: 12px;
  font-weight: 850;
}

.statement-download-alert svg {
  width: 16px;
  height: 16px;
}

.statement-download-alert p {
  margin: 0;
}

.statement-download-alert.success {
  background: #eefaf1;
  border-color: rgba(22, 163, 74, 0.2);
  color: #15803d;
}

.statement-download-alert.error {
  background: #fff1f2;
  border-color: rgba(220, 38, 38, 0.18);
  color: #dc2626;
}

.premium-statement-list {
  display: grid;
  gap: 10px;
}

.statement-card.premium-statement-card {
  border-radius: 20px;
  padding: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 12px 30px rgba(10, 31, 68, 0.07);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.statement-card.premium-statement-card:active {
  transform: scale(0.99);
}

.statement-card.premium-statement-card:hover,
.statement-card.premium-statement-card:focus-visible {
  border-color: rgba(14, 96, 226, 0.28);
  box-shadow: 0 16px 34px rgba(10, 31, 68, 0.11);
  outline: none;
}

.statement-card-main {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.statement-file-icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #0e60e2;
  background: linear-gradient(145deg, #edf5ff 0%, #ffffff 100%);
  border: 1px solid rgba(14, 96, 226, 0.12);
}

.statement-file-icon svg {
  width: 20px;
  height: 20px;
}

.statement-copy {
  min-width: 0;
}

.statement-copy h3 {
  margin: 0 0 3px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 900;
}

.statement-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.statement-meta-line {
  display: block;
  margin-top: 5px;
  color: #46546e;
  font-size: 12px;
  font-weight: 800;
}

.statement-meta-line strong {
  color: var(--ink);
}

.statement-status-pill {
  justify-self: end;
  white-space: nowrap;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.statement-status-pill.processed {
  background: #eaf8ef;
  color: #15803d;
}

.statement-status-pill.pending {
  background: #fff7ed;
  color: #b45309;
}

.statement-status-pill.failed {
  background: #fff1f2;
  color: #dc2626;
}

.statement-status-pill.paid {
  background: #eaf1ff;
  color: #053b8c;
}

.statement-status-pill.instant {
  background: #f5edff;
  color: #7e22ce;
}

.statement-status-pill.awaiting {
  background: #f1f5f9;
  color: #475569;
}

.statement-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.statement-view-button,
.statement-icon-button {
  border: 0;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}

.statement-view-button {
  min-height: 34px;
  padding: 0 14px;
  background: #061d4f;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 10px 22px rgba(6, 29, 79, 0.16);
}

.statement-icon-button {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #0e60e2;
  background: #eef5ff;
  border: 1px solid rgba(14, 96, 226, 0.12);
}

.statement-icon-button svg {
  width: 17px;
  height: 17px;
}

.tiny-spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(14, 96, 226, 0.25);
  border-top-color: #0e60e2;
  animation: spin 0.75s linear infinite;
}

.statement-detail-page {
  gap: 14px;
}

.statement-detail-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 16px;
  padding: 18px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 82% 8%, rgba(63, 137, 255, 0.24), transparent 35%),
    linear-gradient(145deg, #ffffff 0%, #f4f8ff 100%);
  border: 1px solid rgba(14, 96, 226, 0.12);
  box-shadow: 0 18px 44px rgba(10, 31, 68, 0.12);
}

.compact-back-button {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(14, 96, 226, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: #0e60e2;
  font-size: 12px;
  font-weight: 900;
}

.compact-back-button svg {
  width: 15px;
  height: 15px;
}

.statement-detail-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.statement-detail-title-row h2 {
  margin: 4px 0 4px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.statement-detail-title-row span:not(.statement-status-pill) {
  color: var(--muted);
  font-size: 13px;
  font-weight: 780;
}

.statement-hero-net {
  display: grid;
  gap: 3px;
  padding: 14px;
  border-radius: 20px;
  background: #061d4f;
  color: #fff;
  box-shadow: 0 18px 34px rgba(6, 29, 79, 0.2);
}

.statement-hero-net span,
.statement-hero-net small {
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  font-weight: 820;
}

.statement-hero-net strong {
  font-size: 30px;
  line-height: 1;
}

.statement-detail-section {
  display: grid;
  gap: 12px;
  padding: 15px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 12px 30px rgba(10, 31, 68, 0.07);
}

.statement-section-heading {
  display: flex;
  align-items: center;
  gap: 9px;
}

.statement-section-heading span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #0e60e2;
  background: #eef5ff;
}

.statement-section-heading svg {
  width: 17px;
  height: 17px;
}

.statement-section-heading h3 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
}

.statement-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.statement-detail-item {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 11px;
  border-radius: 15px;
  background: #f8fbff;
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.statement-detail-item.wide {
  grid-column: 1 / -1;
}

.statement-detail-item strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.35;
}

.statement-action-grid {
  display: grid;
  gap: 9px;
}

.statement-action-grid button {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid rgba(14, 96, 226, 0.12);
  border-radius: 16px;
  background: #f8fbff;
  color: #061d4f;
  font-weight: 900;
  text-align: left;
}

.statement-action-grid svg {
  width: 18px;
  height: 18px;
  color: #0e60e2;
  flex: 0 0 auto;
}

.weekly-statement-card .statement-card-main {
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.weekly-detail-hero {
  background:
    radial-gradient(circle at 90% 4%, rgba(14, 96, 226, 0.2), transparent 36%),
    linear-gradient(145deg, #ffffff, #f4f8ff);
}

.weekly-shift-table {
  display: grid;
  gap: 8px;
}

.weekly-shift-table article {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) 70px 82px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(83, 103, 130, 0.11);
  border-radius: 16px;
  background: #f8fbff;
  padding: 10px;
}

.weekly-shift-table strong,
.weekly-shift-table b {
  display: block;
  color: var(--ink);
  font-size: 12px;
}

.weekly-shift-table span,
.weekly-shift-table small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.instant-payout-page {
  gap: 14px;
}

.instant-payout-hero {
  background:
    radial-gradient(circle at 90% 8%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(145deg, #061d4f, #0e60e2);
  color: #fff;
}

.instant-payout-hero h2,
.instant-payout-hero .eyebrow {
  color: #fff;
}

.instant-payout-hero > div > span,
.instant-payout-hero .eyebrow {
  color: rgba(255, 255, 255, 0.76);
}

.instant-summary-card .panel-subtitle {
  margin: 0;
  border-radius: 14px;
  background: #fff7ed;
  color: #9a5b00;
  padding: 10px;
  font-weight: 850;
}

.instant-action-row {
  padding: 0;
}

@media (max-width: 390px) {
  .weekly-hero-actions,
  .weekly-payout-preview,
  .instant-action-row {
    grid-template-columns: 1fr;
  }

  .weekly-shift-table article {
    grid-template-columns: minmax(0, 1fr);
  }

  .weekly-shift-table article > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.verification-stack {
  padding: 14px;
  display: grid;
  gap: 9px;
}

.verification-item {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.verification-item span,
.verification-item small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
}

.verification-item strong {
  display: block;
  margin: 3px 0;
  font-size: 14px;
}

.verification-item svg {
  width: 20px;
  height: 20px;
  color: var(--green);
}

.trusted-worker-card,
.offer-row {
  padding: 13px;
  display: grid;
  gap: 12px;
}

.compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.compare-grid span {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  font-size: 11px;
  padding: 8px;
}

.compare-grid strong {
  display: block;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
}

.lightning-panel {
  border-color: rgba(31, 132, 229, 0.28);
}

.lightning-controls {
  padding: 14px 14px 0;
}

.filter-grid {
  padding: 14px 14px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.filter-field {
  display: grid;
  gap: 5px;
}

.filter-field span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.filter-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--ink);
  padding: 9px;
  outline: 0;
}

.workflow-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.workflow-step {
  min-height: 0;
  box-shadow: none;
  background: var(--soft);
  padding: 11px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.workflow-step span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

.workflow-step strong {
  font-size: 14px;
  line-height: 1.25;
}

.deal-meta,
.row-meta {
  color: var(--muted);
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  line-height: 1.35;
}

.project-row,
.task-row,
.invoice-row {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 12px;
  padding: 13px;
}

.worker-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px;
}

.project-row h3,
.worker-row h3,
.task-row h3,
.invoice-row h3,
.client-card h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.worker-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.worker-kpis span {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--muted);
  font-size: 11px;
  padding: 8px;
}

.worker-kpis strong {
  color: var(--ink);
  display: block;
  font-size: 15px;
}

.progress {
  height: 8px;
  background: #e2edf9;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
}

.progress span {
  display: block;
  height: 100%;
  background: var(--brand);
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: #13231b;
  background: #e7eadf;
  white-space: nowrap;
}

.badge.green {
  background: #d8efe3;
  color: #17613c;
}

.badge.yellow {
  background: #fbebbe;
  color: #815713;
}

.badge.red {
  background: #f5d7d7;
  color: #8c2626;
}

.badge.blue {
  background: #dbe3ff;
  color: #2c438f;
}

.toolbar {
  justify-content: space-between;
}

.segmented {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 4px;
  overflow-x: auto;
}

.segmented button {
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  min-height: 34px;
  padding: 0 7px;
  border-radius: 14px;
}

.segmented button.active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 5px 14px rgba(26, 33, 28, 0.1);
}

.client-card {
  padding: 14px;
}

.client-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  background: var(--brand);
  flex: 0 0 auto;
}

.avatar.mini {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  font-size: 12px;
}

.avatar.large {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  font-size: 18px;
}

.field {
  display: grid;
  gap: 6px;
}

.field.full {
  grid-column: 1 / -1;
}

.field label,
.field span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.field input,
.field select,
.field textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  min-height: 46px;
  padding: 11px 12px;
  outline: 0;
}

.field textarea {
  min-height: 92px;
  resize: vertical;
}

.form-actions {
  padding: 0 14px 14px;
  justify-content: flex-end;
}

.empty {
  padding: 24px 14px;
  color: var(--muted);
  text-align: center;
}

.toast {
  position: fixed;
  left: 50%;
  bottom: calc(84px + env(safe-area-inset-bottom));
  z-index: 60;
  width: max-content;
  max-width: min(330px, calc(100% - 36px));
  transform: translate(-50%, 12px);
  background: rgba(11, 31, 60, 0.94);
  color: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 28px rgba(7, 18, 38, 0.24);
  font-size: 13px;
  line-height: 1.15;
  font-weight: 760;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 160ms ease;
}

.toast.success {
  background: rgba(7, 116, 76, 0.96);
  border-color: rgba(116, 239, 181, 0.42);
  box-shadow: 0 12px 26px rgba(6, 95, 70, 0.24);
}

.toast.error {
  background: rgba(172, 32, 45, 0.96);
  border-color: rgba(255, 147, 147, 0.42);
  box-shadow: 0 12px 26px rgba(127, 29, 29, 0.24);
}

.toast.warning {
  background: rgba(139, 92, 24, 0.96);
  border-color: rgba(252, 211, 77, 0.42);
  box-shadow: 0 12px 26px rgba(120, 53, 15, 0.22);
}

.toast.visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.training-summary-card,
.training-hero-card,
.training-session-card,
.training-detail-hero,
.training-payment-card,
.training-builder-panel {
  position: relative;
  overflow: hidden;
}

.training-summary-card {
  width: 100%;
  border: 1px solid rgba(31, 132, 229, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 247, 255, 0.94)),
    #fff;
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.09);
  text-align: left;
  color: var(--ink);
  display: grid;
  gap: 14px;
  margin: 16px 0;
}

.training-summary-top {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
}

.training-summary-top > span,
.training-session-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: linear-gradient(135deg, #e8f3ff, #f5f9ff);
}

.training-summary-top svg,
.training-session-icon svg,
.training-payment-notice svg {
  width: 20px;
  height: 20px;
}

.training-summary-top strong,
.training-session-main h3,
.training-detail-hero h2 {
  display: block;
  color: #07182f;
  font-weight: 900;
  letter-spacing: 0;
}

.training-summary-top small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.training-summary-top i {
  color: #1f84e5;
  transform: rotate(180deg);
}

.clearance-ops-module {
  gap: 16px;
  padding: 18px;
  border-color: rgba(21, 165, 107, 0.16);
  background:
    radial-gradient(circle at 92% 8%, rgba(21, 165, 107, 0.15), transparent 32%),
    radial-gradient(circle at 6% 0%, rgba(31, 132, 229, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 248, 0.95));
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.1);
}

.clearance-ops-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.clearance-ops-icon {
  width: 44px;
  height: 44px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  color: #047857;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.9), transparent 32%),
    linear-gradient(135deg, #dcfce7, #eef6ff);
  box-shadow: inset 0 0 0 1px rgba(21, 165, 107, 0.1);
}

.clearance-ops-icon svg {
  width: 20px;
  height: 20px;
}

.clearance-ops-top strong {
  display: block;
  color: #07182f;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 950;
}

.clearance-ops-top small {
  display: block;
  margin-top: 3px;
  color: #047857;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 950;
}

.clearance-ops-top p {
  margin: 6px 0 0;
  color: #53627b;
  font-size: 12px;
  line-height: 1.38;
  font-weight: 760;
}

.clearance-live-chip {
  justify-self: end;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: #047857;
  background: rgba(21, 165, 107, 0.1);
  border: 1px solid rgba(21, 165, 107, 0.16);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.clearance-ops-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.clearance-ops-metrics span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px 9px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(6, 25, 54, 0.055);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.045);
}

.clearance-ops-metrics strong {
  color: #07182f;
  font-size: 17px;
  line-height: 1.05;
  font-weight: 950;
}

.clearance-ops-metrics small {
  color: #66758d;
  font-size: 9.5px;
  line-height: 1.15;
  font-weight: 900;
}

.clearance-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.clearance-status-row span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: #30435f;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(6, 25, 54, 0.06);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.clearance-status-row span:first-child {
  color: #047857;
  background: rgba(21, 165, 107, 0.1);
}

.clearance-status-row span:nth-child(2) {
  color: #8a5a10;
  background: rgba(251, 235, 190, 0.72);
}

.clearance-ops-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.clearance-ops-actions button {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 0 12px;
  color: #fff;
  background: linear-gradient(135deg, #0f3499, #5b5cf6);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18);
  font-size: 12px;
  font-weight: 950;
}

.clearance-ops-actions button:nth-child(odd) {
  color: #0f66d6;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(31, 132, 229, 0.14);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.055);
}

@media (max-width: 370px) {
  .clearance-ops-top,
  .clearance-ops-metrics,
  .clearance-ops-actions {
    grid-template-columns: 1fr;
  }

  .clearance-live-chip {
    justify-self: start;
  }
}

.training-mini-stats,
.training-dashboard-metrics,
.training-admin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.training-mini-stats span,
.training-dashboard-metrics article,
.training-admin-grid article {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.9);
  background: rgba(255, 255, 255, 0.72);
  border-radius: 16px;
  padding: 10px 8px;
  text-align: center;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.training-mini-stats strong,
.training-dashboard-metrics strong,
.training-admin-grid strong {
  display: block;
  color: #07182f;
  font-size: 17px;
  line-height: 1;
  margin-bottom: 4px;
}

.training-dashboard-metrics span,
.training-dashboard-metrics small,
.training-admin-grid span,
.training-admin-grid small {
  display: block;
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
}

.training-page,
.agency-training-page,
.training-detail-page {
  display: grid;
  gap: 16px;
}

.agency-training-page {
  padding-bottom: 132px;
}

.training-hero-card,
.training-detail-hero {
  border-radius: 28px;
  padding: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(89, 169, 255, 0.45), transparent 34%),
    linear-gradient(145deg, #07182f 0%, #0b4ca6 58%, #1677e8 100%);
  box-shadow: 0 22px 50px rgba(6, 25, 54, 0.22);
}

.training-hero-card h2,
.training-detail-hero h2 {
  margin: 8px 0;
  font-size: 26px;
  line-height: 1.05;
  color: #fff;
}

.training-hero-card p,
.training-detail-hero p,
.training-detail-hero span {
  color: rgba(255, 255, 255, 0.78);
}

.training-hero-card .eyebrow,
.training-detail-hero .eyebrow {
  color: rgba(255, 255, 255, 0.74);
}

.training-hero-card .compact-back-button,
.training-detail-hero .compact-back-button {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.1);
}

.training-hero-card .compact-back-button {
  margin-bottom: 18px;
}

.training-detail-hero .compact-back-button {
  margin-bottom: 12px;
}

.training-hero-actions,
.training-session-actions,
.training-action-bar,
.training-session-actions.wide {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.training-hero-actions {
  margin-top: 16px;
}

.training-section-panel {
  border-radius: 24px;
}

.training-card-list,
.training-expiry-list,
.training-requirement-list {
  display: grid;
  gap: 10px;
}

.training-session-card {
  border: 1px solid rgba(216, 229, 244, 0.92);
  background: #fff;
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 12px 30px rgba(6, 25, 54, 0.07);
  display: grid;
  gap: 12px;
}

.training-session-main {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.training-session-main h3 {
  margin: 0 0 4px;
  font-size: 16px;
}

.training-session-main p,
.training-session-main small,
.training-session-meta,
.training-payment-row span,
.training-payment-row small {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.training-session-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.training-session-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f4f8fd;
  color: #475569;
  font-weight: 800;
}

.training-compact-info,
.training-detail-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.training-compact-info span,
.training-detail-overview span {
  min-width: 0;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 15px;
  background: #f8fbff;
  padding: 9px 10px;
}

.training-compact-info i,
.training-detail-overview i {
  grid-row: span 2;
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: #e9f3ff;
}

.training-compact-info svg,
.training-detail-overview svg {
  width: 13px;
  height: 13px;
}

.training-compact-info small,
.training-detail-overview small {
  color: #64748b;
  font-size: 9px;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.training-compact-info strong,
.training-detail-overview strong {
  min-width: 0;
  color: #07182f;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.training-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  white-space: nowrap;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.training-status.green {
  color: #087044;
  background: #dff8ec;
}

.training-status.blue {
  color: #0a55c6;
  background: #e6f0ff;
}

.training-status.yellow {
  color: #9a5b00;
  background: #fff3d6;
}

.training-status.red {
  color: #b91c1c;
  background: #ffe4e6;
}

.training-status.grey {
  color: #475569;
  background: #edf2f7;
}

.training-expiry-list article,
.training-requirement-list article,
.training-rule-stack article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 18px;
  background: #fff;
}

.training-requirement-list article {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.training-requirement-list article > span:first-child {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: #eef6ff;
}

.training-expiry-list strong,
.training-requirement-list strong,
.training-rule-stack strong,
.training-payment-row strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  font-weight: 900;
}

.training-expiry-list small,
.training-requirement-list small,
.training-rule-stack p {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  margin: 2px 0 0;
}

.clearance-badge-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.clearance-badge-grid span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #d8e5f4;
  background: #f8fbff;
  color: #0b376d;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 900;
}

.clearance-badge-grid svg {
  width: 14px;
  height: 14px;
  color: #15a56b;
}

.training-detail-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.training-detail-pills span {
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.training-detail-hero-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.training-detail-overview {
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 22px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.08);
}

.training-payment-card > div,
.training-payment-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.training-payment-card > div > span,
.training-payment-notice .statement-section-heading span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #0f66d6;
  background: #eef6ff;
}

.training-payment-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.training-detail-section h3,
.training-payment-card h3 {
  margin: 0 0 10px;
  color: #07182f;
  font-size: 16px;
  line-height: 1.25;
}

.training-detail-section {
  overflow: visible;
  padding: 18px;
  border-radius: 22px;
}

.training-detail-section p,
.training-section-copy {
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 12px;
  overflow-wrap: anywhere;
}

.training-detail-section ul {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #334155;
  line-height: 1.55;
}

.training-detail-section li {
  margin-bottom: 6px;
  overflow-wrap: anywhere;
}

.training-rule-stack article {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.training-rule-stack p {
  overflow-wrap: anywhere;
}

.training-location-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.training-location-row > span {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: #eef6ff;
}

.training-location-row svg {
  width: 18px;
  height: 18px;
}

.training-location-row strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  font-weight: 900;
}

.training-action-bar {
  position: sticky;
  bottom: calc(74px + env(safe-area-inset-bottom));
  z-index: 12;
  padding: 10px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 40px rgba(6, 25, 54, 0.12);
}

.training-action-bar button {
  flex: 1 1 46%;
}

.training-detail-page {
  padding-bottom: 126px;
}

.training-deployment-hero {
  position: relative;
  display: grid;
  gap: 12px;
  overflow: hidden;
  border-radius: 30px;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.14), transparent 24%, rgba(255, 255, 255, 0.08) 46%, transparent 68%),
    linear-gradient(145deg, #04112f 0%, #08256a 36%, #1238b6 66%, #5b54f2 100%);
  box-shadow: 0 28px 70px rgba(6, 25, 54, 0.28);
  isolation: isolate;
}

.training-deployment-hero::before,
.training-deployment-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

.training-deployment-hero::before {
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.11), transparent),
    radial-gradient(ellipse at 92% 8%, rgba(125, 211, 252, 0.36), transparent 32%),
    radial-gradient(ellipse at 8% 100%, rgba(21, 165, 107, 0.18), transparent 36%);
  opacity: 0.9;
  animation: trainingLightSweep 8s ease-in-out infinite alternate;
}

.training-deployment-hero::after {
  inset: 1px;
  border-radius: 29px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

@keyframes trainingLightSweep {
  from { transform: translateX(-2%); opacity: 0.72; }
  to { transform: translateX(2%); opacity: 1; }
}

.training-deployment-hero .compact-back-button {
  justify-self: start;
  margin-bottom: 6px;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.12);
}

.training-hero-kicker {
  display: grid;
  gap: 6px;
}

.training-hero-kicker > span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-hero-kicker strong {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  border-radius: 999px;
  padding: 7px 10px;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 11px;
}

.training-hero-kicker i,
.training-hero-status-row i,
.training-sync-bar i {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 6px rgba(52, 211, 153, 0.12);
  animation: livePulse 1.8s ease-in-out infinite;
}

.training-deployment-hero h2 {
  margin: 0;
  max-width: 100%;
  color: #fff;
  font-size: 30px;
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.training-deployment-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.training-hero-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.training-hero-status-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  border-radius: 999px;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.13);
  font-size: 10px;
  font-weight: 900;
}

.training-live-strip,
.training-intel-row,
.training-deploy-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.training-live-strip span {
  min-width: 0;
  padding: 9px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  font-weight: 850;
}

.training-live-strip strong {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.05;
}

.training-engine-shell {
  display: grid;
  gap: 20px;
  overflow: hidden;
  border-radius: 32px;
  padding: 18px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92)),
    linear-gradient(135deg, rgba(31, 132, 229, 0.11), rgba(109, 93, 252, 0.08));
  box-shadow: 0 24px 60px rgba(6, 25, 54, 0.13);
}

.training-sync-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  scrollbar-width: none;
}

.training-sync-bar::-webkit-scrollbar {
  display: none;
}

.training-sync-bar span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: #475569;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(216, 229, 244, 0.9);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.training-engine-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.training-mobile-step-overview {
  display: none;
}

.training-engine-progress div {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.1);
}

.training-engine-progress div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #15a56b);
  transition: width 280ms ease;
}

.training-engine-progress strong {
  color: #1238b6;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.training-stepper,
.training-management-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(76px, 1fr);
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 3px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.training-stepper {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-flow: initial;
  grid-auto-columns: initial;
  overflow-x: hidden;
}

.training-stepper::-webkit-scrollbar,
.training-management-tabs::-webkit-scrollbar {
  display: none;
}

.training-stepper button,
.training-management-tabs button {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 19px;
  background: linear-gradient(180deg, #fff, #f6f9ff);
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.training-stepper button:hover,
.training-management-tabs button:hover {
  transform: translateY(-1px);
  border-color: rgba(31, 132, 229, 0.2);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.08);
}

.training-stepper button {
  min-height: 64px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  padding: 7px 5px;
}

.training-stepper span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: rgba(31, 132, 229, 0.1);
}

.training-stepper strong {
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.training-stepper button.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.34);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 42%),
    linear-gradient(135deg, #071f5f, #1238b6 48%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.26);
}

.training-stepper button.active span {
  color: #1238b6;
  background: #fff;
}

.training-stepper button.complete {
  color: #087044;
  background: linear-gradient(180deg, #fff, #f0fdf4);
  border-color: rgba(21, 165, 107, 0.2);
}

.training-stepper button.complete span {
  color: #064e3b;
  background: #bbf7d0;
}

.training-engine-stage {
  min-width: 0;
  animation: dispatchModuleIn 180ms ease both;
  order: 1;
}

.training-engine-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 168px;
  gap: 18px;
  align-items: start;
}

.training-engine-card {
  position: relative;
  display: grid;
  gap: 22px;
  min-width: 0;
  overflow: hidden;
  border-radius: 28px;
  padding: 24px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 251, 255, 0.92)),
    linear-gradient(160deg, rgba(31, 132, 229, 0.1), rgba(109, 93, 252, 0.06));
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.08);
}

.training-engine-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 27px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  pointer-events: none;
}

.training-engine-heading {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.training-engine-heading > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.2);
}

.training-engine-heading svg {
  width: 20px;
  height: 20px;
}

.training-engine-heading h3,
.training-engine-heading p {
  margin: 0;
}

.training-engine-heading h3 {
  color: #07182f;
  font-size: 22px;
  line-height: 1.1;
}

.training-engine-heading p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 780;
}

.training-control-grid,
.training-eligibility-grid,
.training-unlock-grid,
.training-preview-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.training-field {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.training-field span {
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.training-field input,
.training-field select {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.12);
  background:
    linear-gradient(180deg, #fff, #fbfdff);
  color: #07182f;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.05);
}

.training-field select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #1238b6 50%),
    linear-gradient(135deg, #1238b6 50%, transparent 50%),
    linear-gradient(180deg, #fff, #fbfdff);
  background-position:
    calc(100% - 18px) 21px,
    calc(100% - 12px) 21px,
    0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.training-ops-summary {
  position: sticky;
  top: 12px;
  order: 2;
  display: grid;
  gap: 14px;
  min-width: 0;
  border-radius: 26px;
  padding: 14px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(4, 17, 47, 0.96), rgba(8, 37, 106, 0.94) 58%, rgba(18, 56, 182, 0.92)),
    #061936;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 22px 46px rgba(6, 25, 54, 0.24);
  overflow: hidden;
}

.training-ops-summary summary {
  display: grid;
  gap: 5px;
  cursor: pointer;
  list-style: none;
}

.training-ops-summary summary::-webkit-details-marker {
  display: none;
}

.training-ops-summary summary::after {
  content: "Expand details";
  width: fit-content;
  margin-top: 7px;
  border-radius: 999px;
  padding: 7px 10px;
  color: #061936;
  background: rgba(255, 255, 255, 0.86);
  font-size: 10px;
  font-weight: 950;
}

.training-ops-summary[open] summary::after {
  content: "Collapse details";
}

.training-ops-summary summary > strong {
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

.training-ops-summary summary > small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
}

.training-summary-expanded {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.training-summary-eyebrow {
  color: rgba(255, 255, 255, 0.64);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-ops-summary h3,
.training-ops-summary p {
  margin: 0;
}

.training-ops-summary h3 {
  margin-top: 6px;
  color: #fff;
  font-size: 15px;
  line-height: 1.12;
}

.training-ops-summary p {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
}

.training-summary-meter {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 114px;
  border-radius: 22px;
  background:
    conic-gradient(from -90deg, #34d399 var(--value), rgba(255, 255, 255, 0.14) 0),
    rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}

.training-summary-meter::after {
  content: "";
  position: absolute;
  inset: 11px;
  border-radius: 17px;
  background: rgba(6, 25, 54, 0.92);
}

.training-summary-meter strong,
.training-summary-meter small {
  position: relative;
  z-index: 1;
}

.training-summary-meter strong {
  color: #fff;
  font-size: 25px;
  line-height: 1;
}

.training-summary-meter small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 9px;
  font-weight: 900;
}

.training-summary-list {
  display: grid;
  gap: 7px;
}

.training-summary-list span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.training-summary-list small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 9px;
  font-weight: 850;
}

.training-summary-list strong {
  color: #fff;
  font-size: 10px;
  text-align: right;
}

.training-live-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  border-radius: 18px;
  padding: 10px 12px;
  color: #065f46;
  background: linear-gradient(135deg, #f0fdf4, #ecfeff);
  border: 1px solid rgba(21, 165, 107, 0.18);
}

.training-live-status.amber {
  color: #92400e;
  background: linear-gradient(135deg, #fffbeb, #fff7ed);
  border-color: rgba(245, 158, 11, 0.24);
}

.training-live-status span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
  font-size: 11px;
  font-weight: 950;
}

.training-live-status b {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 6px rgba(21, 165, 107, 0.12);
  animation: livePulse 1.8s ease-in-out infinite;
}

.training-live-status strong {
  color: inherit;
  font-size: 11px;
  white-space: nowrap;
}

.training-smart-row,
.training-preview-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.training-template-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.training-template-grid button {
  min-width: 0;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  padding: 11px;
  text-align: left;
  color: #07182f;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.04);
}

.training-template-grid strong,
.training-template-grid small {
  display: block;
}

.training-template-grid strong {
  font-size: 12px;
  line-height: 1.2;
}

.training-template-grid small {
  margin-top: 4px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 850;
}

.training-smart-row span,
.training-unlock-grid span {
  min-width: 0;
  border-radius: 999px;
  padding: 8px 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
}

.training-eligibility-grid button {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 4px 8px;
  text-align: left;
  padding: 10px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  border-radius: 18px;
  background: #fff;
  color: #07182f;
}

.training-eligibility-grid button span {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #64748b;
  background: #edf2f7;
  font-size: 12px;
  font-weight: 950;
}

.training-eligibility-grid button.active span {
  color: #064e3b;
  background: #bbf7d0;
}

.training-eligibility-grid strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.2;
}

.training-eligibility-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 780;
}

.training-intel-row span,
.training-deploy-summary span,
.training-cost-breakdown span,
.training-telemetry-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
}

.training-intel-row strong,
.training-deploy-summary strong,
.training-cost-breakdown strong,
.training-telemetry-grid strong {
  color: #07182f;
  font-size: 18px;
  line-height: 1.05;
}

.training-intel-row small,
.training-deploy-summary small,
.training-cost-breakdown small,
.training-telemetry-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 850;
}

.training-candidate-pipeline,
.training-job-unlocks,
.training-telemetry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.training-candidate-pipeline article,
.training-job-unlocks article {
  min-width: 0;
  border-radius: 18px;
  padding: 12px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: rgba(255, 255, 255, 0.82);
}

.training-candidate-pipeline span,
.training-job-unlocks span {
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  height: 28px;
  margin-bottom: 8px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 12px;
  font-weight: 950;
}

.training-candidate-pipeline strong,
.training-job-unlocks strong {
  display: block;
  color: #07182f;
  font-size: 12px;
  line-height: 1.18;
}

.training-candidate-pipeline small,
.training-job-unlocks small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 780;
}

.training-live-note {
  border-radius: 18px;
  padding: 11px;
  color: #475569;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 820;
}

.training-live-note.positive {
  color: #087044;
  background: #f0fdf4;
  border-color: rgba(21, 165, 107, 0.18);
}

.training-cost-breakdown {
  display: grid;
  gap: 8px;
}

.training-funding-progress {
  display: grid;
  gap: 7px;
}

.training-funding-progress div {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 132, 229, 0.1);
}

.training-funding-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #15a56b);
}

.training-funding-progress strong {
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
  text-align: right;
}

.training-cost-breakdown span.strong {
  color: #fff;
  background: linear-gradient(135deg, #071f5f, #1238b6);
}

.training-cost-breakdown span.strong small,
.training-cost-breakdown span.strong strong {
  color: #fff;
}

.training-secure-button {
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #087044, #15a56b);
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(21, 165, 107, 0.22);
}

.training-escrow-badge {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 18px;
  background: #f0fdf4;
  border: 1px solid rgba(21, 165, 107, 0.18);
}

.training-escrow-badge span {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #15a56b;
  box-shadow: 0 0 0 8px rgba(21, 165, 107, 0.12);
}

.training-escrow-badge.secured span {
  animation: securedGlow 1.8s ease-in-out infinite;
}

@keyframes securedGlow {
  0%, 100% { box-shadow: 0 0 0 8px rgba(21, 165, 107, 0.12), 0 0 0 0 rgba(21, 165, 107, 0.2); }
  50% { box-shadow: 0 0 0 8px rgba(21, 165, 107, 0.08), 0 0 0 10px rgba(21, 165, 107, 0.08); }
}

.training-escrow-badge strong,
.training-escrow-badge small {
  display: block;
}

.training-escrow-badge strong {
  color: #065f46;
  font-size: 13px;
}

.training-escrow-badge small {
  color: #087044;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 780;
}

.training-attendance-flow {
  display: grid;
  gap: 8px;
}

.training-attendance-flow span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.08);
  background: #f8fbff;
}

.training-attendance-flow i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.training-attendance-flow strong {
  color: #07182f;
  font-size: 12px;
}

.training-lifecycle-rail,
.training-activity-feed {
  display: grid;
  gap: 8px;
}

.training-lifecycle-rail span {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.09);
  background: #fff;
}

.training-lifecycle-rail i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #64748b;
  background: #edf2f7;
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.training-lifecycle-rail span.done i,
.training-lifecycle-rail span.active i {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.training-lifecycle-rail span.active {
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.1);
}

.training-lifecycle-rail strong {
  color: #07182f;
  font-size: 12px;
}

.training-activity-feed article {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.09);
  background: #fff;
}

.training-activity-feed span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  font-weight: 950;
}

.training-activity-feed strong,
.training-activity-feed small {
  display: block;
}

.training-activity-feed strong {
  color: #07182f;
  font-size: 12px;
}

.training-activity-feed small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.training-worker-preview-card {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 14px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 94% 0%, rgba(31, 132, 229, 0.13), transparent 34%),
    #fff;
  border: 1px solid rgba(31, 132, 229, 0.12);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08);
}

.training-worker-preview-card h3,
.training-worker-preview-card p {
  margin: 0;
}

.training-worker-preview-card h3 {
  color: #07182f;
  font-size: 21px;
  line-height: 1.08;
}

.training-worker-preview-card p {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
}

.training-preview-meta span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid rgba(31, 132, 229, 0.08);
}

.training-preview-meta small {
  color: #64748b;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 950;
}

.training-preview-meta strong {
  color: #07182f;
  font-size: 13px;
}

.training-preview-actions button {
  flex: 1 1 42%;
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 999px;
  background: #fff;
  color: #07182f;
  font-size: 11px;
  font-weight: 950;
}

.training-preview-actions button:first-child,
.training-preview-actions.wide button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071f5f, #1238b6);
}

.training-engine-actions {
  display: grid;
  grid-template-columns: 0.8fr 0.9fr 1.1fr;
  gap: 8px;
}

.training-engine-actions button {
  min-width: 0;
  min-height: 42px;
  border-radius: 999px;
  padding-inline: 10px;
  white-space: normal;
}

.training-management-tabs {
  margin-bottom: 12px;
}

.training-management-tabs button {
  min-height: 38px;
  padding: 0 12px;
}

.training-management-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
}

.live-training-hero .training-dashboard-metrics {
  margin-top: 14px;
}

.training-live-table {
  display: grid;
  gap: 9px;
  margin: 10px 0 12px;
}

.training-live-table article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 18px;
  border: 1px solid rgba(31, 132, 229, 0.1);
  background: #fff;
}

.training-live-table strong,
.training-live-table small,
.training-live-table span {
  display: block;
}

.training-live-table strong {
  color: #07182f;
  font-size: 13px;
}

.training-live-table small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 780;
}

.training-live-table span {
  color: #1238b6;
  font-size: 12px;
  font-weight: 950;
  text-align: right;
}

@media@media (max-width: 430px) {
  .agency-training-page {
    gap: 18px;
    width: 100%;
    max-width: 100%;
    padding: 0 12px 170px;
    box-sizing: border-box;
  }

  .training-deployment-hero {
    display: none;
  }

  .training-deployment-hero h2 {
    display: none;
  }

  .training-deployment-hero p {
    display: none;
  }

  .training-deployment-hero .compact-back-button {
    min-height: 38px;
    margin-bottom: 2px;
    padding: 0 13px;
    font-size: 12px;
  }

  .training-hero-kicker {
    gap: 8px;
  }

  .training-hero-kicker > span {
    font-size: 9px;
  }

  .training-live-strip {
    display: none;
  }

  .training-hero-status-row {
    display: none;
  }

  .training-hero-kicker strong {
    width: 100%;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    font-size: 11px;
  }

  .training-engine-shell {
    width: 100%;
    max-width: 100%;
    gap: 28px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .training-sync-bar {
    display: none;
  }

  .training-engine-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .training-ops-summary {
    position: static;
    order: -1;
    width: 100%;
    border-radius: 28px;
    padding: 24px;
  }

  .training-mobile-step-overview {
    display: grid;
    gap: 10px;
    width: 100%;
    padding: 24px;
    border: 1px solid rgba(216, 229, 244, 0.92);
    border-radius: 28px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 16px 34px rgba(6, 25, 54, 0.06);
    box-sizing: border-box;
  }

  .training-mobile-step-overview span {
    color: #1238b6;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .training-mobile-step-overview strong {
    color: #07182f;
    font-size: 30px;
    line-height: 1.08;
  }

  .training-ops-summary summary > strong {
    font-size: 24px;
  }

  .training-summary-meter {
    min-height: 96px;
  }

  .training-summary-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .training-summary-list span {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .training-summary-list strong {
    text-align: left;
  }

  .training-dashboard-metrics,
  .training-admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .training-intel-row,
  .training-deploy-summary,
  .training-control-grid,
  .training-eligibility-grid,
  .training-unlock-grid,
  .training-preview-meta,
  .training-template-grid,
  .training-candidate-pipeline,
  .training-job-unlocks,
  .training-telemetry-grid {
    grid-template-columns: 1fr;
  }

  .training-intel-row,
  .training-deploy-summary,
  .training-preview-meta,
  .training-candidate-pipeline,
  .training-job-unlocks,
  .training-telemetry-grid {
    gap: 12px;
  }

  .training-live-status {
    align-items: flex-start;
    flex-direction: column;
  }

  .training-stepper {
    display: none;
  }

  .training-management-tabs {
    gap: 5px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    overflow-x: hidden;
  }

  .training-management-tabs button {
    min-height: 42px;
    border-radius: 15px;
    padding: 0 2px;
    font-size: 8.5px;
    white-space: nowrap;
  }

  .training-stepper button {
    min-height: 62px;
  }

  .training-stepper span {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .training-live-strip strong {
    font-size: 15px;
  }

  .training-engine-actions {
    position: sticky;
    bottom: calc(74px + env(safe-area-inset-bottom));
    z-index: 30;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
    margin: 0 -2px;
    border: 1px solid rgba(216, 229, 244, 0.92);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 44px rgba(6, 25, 54, 0.16);
    backdrop-filter: blur(16px);
  }

  .training-engine-actions button:first-child {
    display: none;
  }

  .training-engine-actions button {
    min-height: 54px;
    font-size: 14px;
  }

  .training-preview-actions button {
    flex-basis: 100%;
  }

  .training-engine-card {
    width: 100%;
    gap: 30px;
    padding: 28px 24px;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .training-engine-heading {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
  }

  .training-engine-heading > span {
    width: 48px;
    height: 48px;
    border-radius: 18px;
  }

  .training-engine-heading h3 {
    font-size: 26px;
    line-height: 1.08;
  }

  .training-engine-heading p {
    font-size: 13px;
    line-height: 1.5;
  }

  .training-field {
    gap: 11px;
  }

  .training-field input,
  .training-field select {
    width: 100%;
    min-height: 64px;
    border-radius: 22px;
    padding-inline: 18px;
    font-size: 16px;
  }

  .training-field span {
    font-size: 11px;
  }

  .training-template-grid button,
  .training-candidate-pipeline article,
  .training-job-unlocks article,
  .training-intel-row span,
  .training-deploy-summary span,
  .training-cost-breakdown span,
  .training-telemetry-grid span,
  .training-eligibility-grid button {
    padding: 16px;
    border-radius: 22px;
  }
}

.quick-actions button {
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.quick-actions button:hover {
  border-color: rgba(31, 132, 229, 0.28);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.08);
}

.quick-actions button:active {
  transform: translateY(1px) scale(0.98);
}

.worker-tools-page {
  padding-bottom: 120px;
}

.worker-tool-hero {
  background:
    radial-gradient(circle at 88% 0%, rgba(89, 169, 255, 0.18), transparent 34%),
    linear-gradient(145deg, #07182f 0%, #0b4ca6 65%, #1677e8 100%);
}

.document-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.document-status-grid article {
  border: 1px solid #d8e5f4;
  border-radius: 16px;
  background: #f8fbff;
  padding: 12px 10px;
  text-align: center;
}

.document-status-grid strong {
  display: block;
  color: #07182f;
  font-size: 18px;
  font-weight: 900;
}

.document-status-grid span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.compact-document-list article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #edf2f7;
}

.compact-document-list article:first-of-type {
  border-top: 0;
}

.document-row-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: #eef6ff;
}

.document-row-icon svg {
  width: 16px;
  height: 16px;
}

.compact-document-list strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  font-weight: 900;
}

.compact-document-list small {
  color: #64748b;
  font-size: 12px;
}

.availability-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.availability-option-grid button,
.compact-preference-grid button {
  min-width: 0;
  border: 1px solid #d8e5f4;
  border-radius: 16px;
  background: #fff;
  color: #07182f;
  padding: 12px;
  text-align: left;
  transition: 150ms ease;
}

.availability-option-grid button.active,
.availability-option-grid button:hover,
.compact-preference-grid button.active,
.compact-preference-grid button:hover {
  border-color: #0f66d6;
  background: #f0f7ff;
}

.availability-option-grid strong {
  display: block;
  font-size: 13px;
  font-weight: 900;
}

.availability-option-grid span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.availability-page {
  gap: 16px;
}

.availability-editor-card {
  padding: 17px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 24px;
  background:
    radial-gradient(circle at 94% 8%, rgba(31, 132, 229, 0.06), transparent 34%),
    #fff;
  box-shadow: 0 14px 32px rgba(6, 25, 54, 0.065);
}

.sector-selector-card,
.pay-expectation-card {
  display: grid;
  gap: 14px;
}

.sector-search-box {
  min-height: 46px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(216, 229, 244, 0.95);
  border-radius: 17px;
  background: #f8fbff;
  padding: 0 13px;
}

.sector-search-box svg {
  width: 18px;
  height: 18px;
  color: #64748b;
}

.sector-search-box input,
.currency-input-shell input,
.pay-input-row select,
.premium-select-field select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #07182f;
  font-weight: 850;
}

.sector-search-box input::placeholder {
  color: #94a3b8;
}

.selected-sector-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.selected-sector-chips button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 999px;
  background: #eef6ff;
  color: #0b4ca6;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 950;
}

.selected-sector-chips svg {
  width: 12px;
  height: 12px;
}

.selected-sector-chips > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.sector-multi-select {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 18px;
  background: #fbfdff;
  overflow: hidden;
}

.sector-multi-select summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  list-style: none;
  padding: 0 13px;
  color: #07182f;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.sector-multi-select summary::-webkit-details-marker {
  display: none;
}

.sector-multi-select summary svg {
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  color: #64748b;
}

.sector-option-list {
  max-height: 238px;
  overflow: auto;
  display: grid;
  gap: 7px;
  padding: 10px;
  border-top: 1px solid #edf2f7;
}

.sector-option-list button {
  min-height: 38px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 14px;
  background: #fff;
  color: #334155;
  padding: 0 11px;
  text-align: left;
  font-size: 12px;
  font-weight: 850;
  transition: 150ms ease;
}

.sector-option-list button.active,
.sector-option-list button:hover {
  border-color: rgba(31, 132, 229, 0.32);
  background: #f0f7ff;
  color: #0b4ca6;
}

.sector-option-list button span {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #0f66d6;
  background: #eef6ff;
}

.sector-option-list svg {
  width: 13px;
  height: 13px;
}

.pay-expectation-stack {
  display: grid;
  gap: 12px;
}

.pay-expectation-field {
  display: grid;
  gap: 8px;
}

.pay-expectation-field > span,
.premium-select-field > span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pay-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  gap: 9px;
}

.currency-input-shell,
.pay-input-row select,
.premium-select-field > div {
  min-height: 46px;
  border: 1px solid rgba(216, 229, 244, 0.95);
  border-radius: 17px;
  background: #f8fbff;
}

.currency-input-shell {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  padding: 0 12px;
}

.currency-input-shell em {
  color: #0b4ca6;
  font-style: normal;
  font-size: 16px;
  font-weight: 950;
}

.currency-input-shell input {
  font-size: 18px;
}

.pay-input-row select,
.premium-select-field select {
  height: 46px;
  padding: 0 11px;
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) calc(100% - 15px) 19px / 5px 5px no-repeat,
    linear-gradient(135deg, #64748b 50%, transparent 50%) calc(100% - 10px) 19px / 5px 5px no-repeat,
    #f8fbff;
}

.pay-equivalent-note {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 16px;
  background: #f3f8ff;
  padding: 11px;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.pay-equivalent-note svg {
  width: 18px;
  height: 18px;
  color: #0f66d6;
}

.premium-select-field {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.work-type-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.work-type-chip-grid button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(216, 229, 244, 0.95);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 900;
  transition: 150ms ease;
}

.work-type-chip-grid button.active,
.work-type-chip-grid button:hover {
  border-color: rgba(31, 132, 229, 0.32);
  background: #eef6ff;
  color: #0b4ca6;
}

.work-type-chip-grid svg,
.compact-preference-grid svg {
  width: 13px;
  height: 13px;
}

.training-builder-panel .schedule-form-grid,
.training-builder-panel .schedule-toggle-grid {
  margin-top: 14px;
}

.agency-training-entry {
  margin-bottom: 0;
}

.attendance-review-list article {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

@media (max-width: 370px) {
  .training-mini-stats,
  .training-dashboard-metrics,
  .training-admin-grid,
  .training-compact-info,
  .training-detail-overview,
  .availability-option-grid,
  .document-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .training-session-main,
  .training-expiry-list article,
  .training-rule-stack article,
  .compact-document-list article,
  .attendance-review-list article {
    grid-template-columns: 1fr;
  }

  .compact-document-list .ghost-button {
    width: 100%;
  }

  .premium-training-payment-card {
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
  }

  .training-payment-action {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .training-payment-copy small {
    max-width: none;
  }

  .pay-input-row {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 760px) {
  body {
    padding: 24px 0;
  }

  .app-shell {
    min-height: calc(100svh - 48px);
    border-radius: 34px;
  }

  .sidebar {
    border-radius: 34px 34px 0 0;
  }

  .nav {
    bottom: 24px;
    border-radius: 0 0 34px 34px;
  }

  .sidebar-card {
    bottom: 100px;
  }

  .job-flow-actions {
    bottom: 24px;
    border-radius: 0 0 34px 34px;
  }

  .offer-detail-actions {
    bottom: 24px;
    border-radius: 0 0 34px 34px;
  }
}

@media (max-width: 370px) {
  .main {
    padding-left: 10px;
    padding-right: 10px;
  }

  h1 {
    font-size: 22px;
  }

  .hero-panel h2 {
    font-size: 27px;
  }

  .stat-grid,
  .worker-kpis,
  .job-metrics,
  .compare-grid,
  .filter-grid {
    grid-template-columns: 1fr;
  }

  .nav-button span {
    font-size: 9.2px;
  }

  .job-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .app-shell,
  .main,
  .content,
  .content > *,
  section,
  article,
  form,
  .panel,
  .agency-schedules-page,
  .schedule-command-hero,
  .builder-step-card,
  .modal-backdrop,
  .schedule-action-drawer,
  .modal-backdrop > *,
  .time-sheet {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .builder-timetable-grid,
  .advanced-rota-table,
  .timeline-grid,
  .planner-command-bar > div:last-child {
    overflow-x: hidden;
    max-width: 100%;
  }

  .builder-timetable-head,
  .advanced-rota-head,
  .timeline-head {
    display: none;
  }

  .builder-timetable-grid article,
  .advanced-rota-table article,
  .timeline-row {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .timeline-row article,
  .timeline-empty,
  .timeline-row > strong {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .drawer-title-row,
  .drawer-action-row {
    width: 100%;
    min-width: 0;
  }

  .booking-chat-shortcut {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .booking-chat-shortcut button {
    grid-column: 1 / -1;
    width: 100%;
  }

  button,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .agency-offers-switcher,
  .schedule-context-bar {
    position: static;
    top: auto;
    z-index: auto;
  }

  .agency-offers-switcher {
    margin-bottom: 12px;
  }

  .schedule-context-bar {
    margin-bottom: 10px;
  }

  .content > .profile-section-card,
  .content > .worker-id-card,
  .content > .settings-list,
  .content > .settings-group,
  .profile-manager-page > .profile-section-card,
  .worker-tools-page > .profile-section-card,
  .shift-documents-page > .panel {
    width: auto;
    max-width: calc(100% - 28px);
  }

  .agency-settings-page > .settings-group {
    width: 100%;
    max-width: none;
  }

  .profile-section-card,
  .worker-id-card {
    margin-left: 14px;
    margin-right: 14px;
  }

  .compact-document-list article,
  .qualification-manager-list article,
  .settings-row,
  .agency-info-row,
  .worker-select-row,
  .smart-match-top,
  .funding-card-top,
  .compact-funding-invoice {
    min-width: 0;
    max-width: 100%;
  }

  .compact-document-list article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .compact-document-list article .badge,
  .compact-document-list article .ghost-button,
  .compact-document-list article .button {
    justify-self: start;
  }

  .document-status-grid,
  .shift-doc-summary-grid,
  .quick-actions,
  .home-shift-details,
  .agency-finance-grid,
  .funding-split-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .app-header-row {
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .app-avatar-button {
    width: 46px;
    height: 46px;
  }

  .app-avatar {
    width: 44px;
    height: 44px;
  }

  .agency-premium-header .header-icon-button {
    width: 36px;
    height: 36px;
  }

  .header-icon-group {
    gap: 5px;
  }

  .notification-badge {
    right: -2px;
  }

  .schedule-command-tabs,
  .agency-finance-tabs,
  .schedule-view-tabs,
  .schedule-flow-tabs,
  .workforce-pool-tabs,
  .schedule-filter-bar,
  .planner-toolbar,
  .rota-premium-actions,
  .smart-match-actions,
  .funding-action-row {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .schedule-command-tabs button,
  .agency-finance-tabs button,
  .schedule-view-tabs button,
  .workforce-pool-tabs button,
  .schedule-filter-bar button,
  .planner-toolbar button,
  .rota-premium-actions button,
  .smart-match-actions button,
  .funding-action-row button {
    flex-shrink: 0;
  }
}

/* Mobile-first dispatch campaign hard reset. Kept late in the cascade so
   desktop-style grids cannot squeeze the modal inside Android/iPhone widths. */
@media (max-width: 768px) {
  .dispatch-workflow-backdrop {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    overflow: hidden;
  }

  .dispatch-workflow-sheet,
  html.native-android .dispatch-workflow-sheet {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
  }

  .dispatch-workflow-sheet *,
  html.native-android .dispatch-workflow-sheet * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .dispatch-workflow-hero {
    gap: 10px;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 16px 14px;
  }

  .dispatch-workflow-hero h2 {
    font-size: 26px;
    line-height: 1.06;
  }

  .dispatch-workflow-hero p {
    max-width: 100%;
    font-size: 12px;
    line-height: 1.45;
  }

  .dispatch-step-nav {
    display: flex;
    gap: 8px;
    margin: 8px -2px 0;
    padding: 2px 2px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
  }

  .dispatch-step-nav button {
    flex: 0 0 104px;
    min-width: 104px;
    min-height: 56px;
    border-radius: 18px;
    padding: 7px 8px;
    scroll-snap-align: start;
  }

  .dispatch-step-nav strong {
    font-size: 10px;
  }

  .dispatch-workflow-body {
    overflow-x: hidden;
    padding: 16px 16px 128px;
  }

  .dispatch-step-card {
    width: 100%;
    max-width: 100%;
    gap: 16px;
    padding: 16px;
    border-radius: 24px;
  }

  .dispatch-step-heading {
    gap: 6px;
  }

  .dispatch-step-heading h3 {
    font-size: 20px;
    line-height: 1.12;
  }

  .dispatch-step-heading p {
    font-size: 12px;
    line-height: 1.5;
  }

  .dispatch-shift-grid,
  .dispatch-funding-preview,
  .dispatch-queue-controls,
  .dispatch-pipeline-visual,
  .candidate-offer-time {
    grid-template-columns: 1fr;
  }

  .dispatch-shift-grid span,
  .dispatch-funding-preview span,
  .dispatch-queue-controls span,
  .candidate-offer-time span {
    min-height: 58px;
    padding: 13px;
    border-radius: 18px;
  }

  .dispatch-shift-grid small,
  .dispatch-funding-preview small,
  .dispatch-queue-controls small,
  .dispatch-queue-controls em,
  .candidate-offer-time small {
    font-size: 10px;
    line-height: 1.25;
  }

  .dispatch-shift-grid strong,
  .dispatch-funding-preview strong,
  .dispatch-queue-controls strong,
  .candidate-offer-time strong {
    font-size: 15px;
    line-height: 1.25;
  }

  .dispatch-strategy-grid,
  .dispatch-urgency-grid,
  .dispatch-wave-stack,
  .dispatch-live-feed,
  .funding-timeline-live {
    gap: 10px;
  }

  .dispatch-strategy-grid button,
  .dispatch-urgency-grid button {
    gap: 7px;
    padding: 15px;
    border-radius: 20px;
  }

  .dispatch-strategy-grid strong,
  .dispatch-urgency-grid strong {
    font-size: 15px;
  }

  .dispatch-strategy-grid small,
  .dispatch-urgency-grid small,
  .dispatch-urgency-grid em {
    font-size: 12px;
    line-height: 1.45;
  }

  .dispatch-wave {
    padding: 12px;
    border-radius: 22px;
  }

  .dispatch-wave-heading {
    grid-template-columns: 1fr;
  }

  .dispatch-wave-heading span {
    justify-self: start;
  }

  .dispatch-wave-row {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .dispatch-wave-row .lightning-status {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .dispatch-wave-row i {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .dispatch-pipeline-visual article,
  .dispatch-live-feed article,
  .funding-timeline-live article {
    border-radius: 18px;
    padding: 12px;
  }

  .dispatch-live-feed article {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .dispatch-live-feed article small {
    grid-column: 2;
  }

  .candidate-offer-real-card {
    padding: 16px;
    border-radius: 26px;
    overflow: hidden;
  }

  .candidate-offer-topline {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .candidate-offer-hero h3 {
    font-size: 21px;
  }

  .candidate-offer-countdown {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .dispatch-module-actions,
  .dispatch-response-actions,
  .dispatch-wave-actions {
    grid-template-columns: 1fr;
  }

  .dispatch-module-actions .button,
  .dispatch-module-actions .ghost-button,
  .dispatch-response-actions .button,
  .dispatch-response-actions .ghost-button {
    min-height: 46px;
    font-size: 12px;
  }

  .dispatch-sticky-actions {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .dispatch-sticky-actions .button,
  .dispatch-sticky-actions .ghost-button {
    min-height: 50px;
    border-radius: 999px;
    font-size: 13px;
  }
}

.agency-training-page .training-engine-actions {
  grid-template-columns: 0.72fr 0.98fr 1fr !important;
}

.agency-training-page .training-engine-actions button:first-child {
  display: flex !important;
}
/* End-of-file Training Command Header overrides */
.agency-training-page .training-command-header {
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 24px !important;
}

.agency-training-page .training-command-sheen {
  inset: 0 !important;
  width: 100% !important;
  height: 88px !important;
  transform: none !important;
}

.agency-training-page .training-command-identity h2 {
  font-size: 18px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.agency-training-page .training-command-identity p {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

.agency-training-page .training-command-identity small,
.agency-training-page .training-command-progress-copy small {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.agency-training-page .training-command-progress-copy strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.agency-training-page .training-command-summary:not([open]) > div,
.agency-training-page .training-command-checklist:not([open]) > div {
  display: none !important;
}
/* Final compact mobile geometry for the command header. */
.agency-training-page .training-command-header {
  gap: 9px !important;
  padding: 14px !important;
}

.agency-training-page .training-command-top {
  position: relative !important;
  display: block !important;
  min-height: 64px !important;
  padding-right: 106px !important;
}

.agency-training-page .training-command-actions {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  justify-self: auto !important;
}

.agency-training-page .training-command-back,
.agency-training-page .training-command-type-icon,
.agency-training-page .training-command-actions button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
}

.agency-training-page .training-command-back svg,
.agency-training-page .training-command-type-icon svg,
.agency-training-page .training-command-actions svg {
  width: 15px !important;
  height: 15px !important;
}

.agency-training-page .training-command-identity {
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  gap: 8px !important;
}

.agency-training-page .training-command-progress {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
}

.agency-training-page .training-command-progress-bar {
  height: 6px !important;
}

.agency-training-page .training-command-chip-row {
  gap: 6px !important;
}

.agency-training-page .training-command-chip-row span {
  min-height: 28px !important;
  padding: 0 9px !important;
}

.agency-training-page .training-command-summary summary,
.agency-training-page .training-command-checklist summary {
  min-height: 32px !important;
}

/* Create Training mobile refinement */
.agency-training-page {
  padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.agency-training-page .training-engine-shell {
  gap: 18px !important;
}

.agency-training-page .training-command-header {
  margin-top: 0 !important;
}

.agency-training-page .training-command-identity {
  grid-template-columns: auto auto minmax(0, 1fr) !important;
}

.agency-training-page .training-command-home {
  width: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  gap: 0 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.agency-training-page .training-command-home span {
  display: none !important;
  color: #eef6ff !important;
  line-height: 1 !important;
}

.agency-training-page .training-command-identity em {
  display: block;
  margin: 0 0 3px;
  color: rgba(167, 243, 208, 0.92);
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-setup-flow {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.training-setup-card {
  position: relative;
  display: grid;
  gap: 15px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 24px;
  padding: 16px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  background:
    radial-gradient(circle at 94% 0%, rgba(109, 93, 252, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 14px 32px rgba(6, 25, 54, 0.075);
}

.training-setup-card .training-engine-heading {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.training-setup-card .training-engine-heading > span {
  width: 34px;
  height: 34px;
  border-radius: 14px;
}

.training-setup-card .training-engine-heading svg {
  width: 16px;
  height: 16px;
}

.training-setup-card .training-engine-heading h3 {
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: 0;
}

.training-setup-card .training-engine-heading p {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.35;
}

.training-setup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.training-setup-grid .training-field.wide {
  grid-column: 1 / -1;
}

.training-setup-card .training-field {
  gap: 6px;
  min-width: 0;
}

.training-setup-card .training-field span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: 0.02em;
  text-transform: none;
}

.training-setup-card .training-field input,
.training-setup-card .training-field select {
  min-height: 48px;
  border-radius: 16px;
  padding: 0 12px;
  color: #07182f;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 820;
  background-color: #ffffff;
  border-color: rgba(216, 229, 244, 0.95);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
}

.training-setup-card .training-field select {
  padding-right: 28px;
  background-position:
    calc(100% - 15px) 20px,
    calc(100% - 10px) 20px,
    0 0;
  background-size: 5px 5px, 5px 5px, 100% 100%;
}

.training-setup-templates {
  gap: 9px;
}

.training-setup-templates button {
  min-height: 58px;
  border-radius: 18px;
  padding: 12px;
}

.training-setup-templates strong {
  font-size: 12px;
}

.training-setup-templates small,
.training-setup-smart-row span {
  font-size: 11px;
}

.training-setup-smart-row {
  margin-top: 0;
  gap: 8px;
}

.agency-training-page .training-engine-actions {
  width: min(374px, calc(100vw - 28px)) !important;
  grid-template-columns: 0.78fr 1fr 1.04fr !important;
  gap: 7px !important;
  padding: 8px !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(216, 229, 244, 0.82) !important;
  box-shadow: 0 16px 38px rgba(6, 25, 54, 0.13) !important;
  backdrop-filter: blur(20px) !important;
}

.agency-training-page .training-engine-actions button {
  min-height: 50px !important;
  border-radius: 16px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.agency-training-page .training-engine-actions .ghost-button {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #0f172a !important;
  border: 1px solid rgba(203, 213, 225, 0.9) !important;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045) !important;
}

.agency-training-page .training-engine-actions .button {
  background: linear-gradient(135deg, #1238b6, #1f84e5 48%, #6d5dfc) !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24) !important;
}

@media (max-width: 370px) {
  .training-setup-grid {
    gap: 9px;
  }

  .training-setup-card {
    padding: 14px;
  }

  .training-setup-card .training-field input,
  .training-setup-card .training-field select {
    font-size: 12px;
    padding-left: 10px;
  }

  .agency-training-page .training-command-home {
    min-width: 56px !important;
  }

  .agency-training-page .training-command-home span {
    display: none !important;
  }
}

/* Compact create-training header for faster setup flow */
.agency-training-page .training-command-chip-row,
.agency-training-page .training-command-summary,
.agency-training-page .training-command-checklist {
  display: none !important;
}

.agency-training-page .training-command-header {
  gap: 10px !important;
}

.agency-training-page .training-command-top {
  min-height: 92px !important;
}

.agency-training-page .training-command-identity {
  align-items: start !important;
}

.agency-training-page .training-command-identity h2 {
  max-width: 100% !important;
}

/* Create Training v2: separated header, compact step hero and requirements */
.agency-training-page .training-command-header {
  display: grid !important;
  gap: 12px !important;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 14px 14px !important;
  min-height: 0 !important;
  border-radius: 24px !important;
}

.agency-training-page .training-command-nav-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.agency-training-page .training-command-agency-button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  padding: 0 11px;
  color: #eef6ff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px);
  font-size: 11px;
  font-weight: 950;
}

.agency-training-page .training-command-agency-button svg {
  width: 15px;
  height: 15px;
}

.agency-training-page .training-command-actions {
  position: static !important;
  display: flex !important;
  gap: 7px !important;
  flex: 0 0 auto;
}

.agency-training-page .training-command-title-stack {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agency-training-page .training-command-title-stack > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(167, 243, 208, 0.92);
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agency-training-page .training-command-title-stack svg {
  width: 13px;
  height: 13px;
}

.agency-training-page .training-command-title-stack em {
  font-style: normal;
}

.agency-training-page .training-command-title-stack h2,
.agency-training-page .training-command-title-stack p {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.agency-training-page .training-command-title-stack h2 {
  color: #fff;
  font-size: 19px;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: 0;
}

.agency-training-page .training-command-title-stack p {
  color: rgba(226, 232, 240, 0.78);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 740;
}

.agency-training-page .training-step-hero-card {
  display: grid;
  gap: 11px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.95));
  border: 1px solid rgba(216, 229, 244, 0.9);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.07);
}

.agency-training-page .training-step-hero-card .training-command-chip-row,
.agency-training-page .training-step-hero-card .training-command-checklist {
  display: flex !important;
}

.agency-training-page .training-step-hero-card .training-command-checklist {
  display: block !important;
  background: #f6f9ff !important;
  border-color: rgba(216, 229, 244, 0.9) !important;
  box-shadow: none !important;
}

.agency-training-page .training-step-hero-card .training-command-status,
.agency-training-page .training-step-hero-card .training-step-count-pill {
  color: #1238b6 !important;
  background: #eef6ff !important;
  border-color: rgba(31, 132, 229, 0.13) !important;
}

.agency-training-page .training-step-hero-card .training-command-progress-copy strong {
  color: #07182f !important;
}

.agency-training-page .training-step-hero-card .training-command-progress-copy small {
  color: #64748b !important;
}

.agency-training-page .training-step-hero-card .training-command-progress > span {
  color: #1238b6 !important;
}

.agency-training-page .training-step-hero-card .training-command-chip-row span {
  color: #07182f !important;
  background: #fff !important;
  border-color: rgba(216, 229, 244, 0.9) !important;
}

.agency-training-page .training-step-hero-card .training-command-chip-row strong {
  color: #07182f !important;
}

.agency-training-page .training-step-hero-card .training-command-chip-row small {
  color: #64748b !important;
}

.agency-training-page .training-step-hero-card .training-command-checklist summary {
  color: #1238b6 !important;
}

.agency-training-page .training-step-hero-card .training-command-checklist button {
  color: #07182f !important;
  background: #fff !important;
  border-color: rgba(216, 229, 244, 0.9) !important;
}

.agency-training-page .training-step-hero-card .training-command-checklist strong {
  color: #07182f !important;
}

.agency-training-page .training-step-hero-card .training-command-checklist small {
  color: #64748b !important;
  background: #f8fbff !important;
}

.training-requirements-flow {
  display: grid;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.training-compact-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.training-compact-section-heading span {
  color: #1238b6;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-compact-section-heading h3,
.training-compact-section-heading p {
  margin: 0;
}

.training-compact-section-heading h3 {
  margin-top: 5px;
  color: #07182f;
  font-size: 17px;
  line-height: 1.16;
}

.training-compact-section-heading p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 740;
}

.training-compact-section-heading .training-link-button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 0 10px;
  white-space: nowrap;
}

.training-compact-section-heading .training-link-button svg {
  width: 13px;
  height: 13px;
}

.training-requirement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.training-requirement-grid button {
  min-height: 78px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.95);
  border-radius: 17px;
  padding: 9px;
  background: #fff;
  text-align: left;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
}

.training-requirement-grid button span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #64748b;
  background: #f1f5f9;
  font-size: 11px;
  font-weight: 950;
}

.training-requirement-grid button.active {
  border-color: rgba(31, 132, 229, 0.28);
  background: linear-gradient(180deg, #fff, #f4f9ff);
}

.training-requirement-grid button.active span {
  color: #064e3b;
  background: #bbf7d0;
}

.training-requirement-grid strong {
  display: block;
  color: #07182f;
  font-size: 11.5px;
  line-height: 1.22;
  font-weight: 920;
}

.training-requirement-grid small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 760;
}

.training-compact-accordion {
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 17px;
  background: #f8fbff;
}

.training-compact-accordion summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  color: #1238b6;
  font-size: 12px;
  font-weight: 950;
  list-style: none;
  cursor: pointer;
}

.training-compact-accordion summary::-webkit-details-marker {
  display: none;
}

.training-compact-accordion summary::after {
  content: "⌄";
}

.training-compact-accordion > div {
  padding: 0 12px 12px;
}

.training-form-config-list {
  display: grid;
  gap: 8px;
}

.training-form-config-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 34px;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-form-config-list.preview article {
  grid-template-columns: minmax(0, 1fr) auto;
}

.training-form-config-list strong,
.training-form-config-list small {
  display: block;
  min-width: 0;
}

.training-form-config-list strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 920;
}

.training-form-config-list small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 760;
}

.training-form-config-list article > span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-form-config-list article > button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 12px;
  color: #1238b6;
  background: #fff;
}

.training-form-config-list article > button svg {
  width: 14px;
  height: 14px;
}

.training-form-config-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.training-form-config-actions button {
  min-height: 46px;
  border-radius: 16px;
  font-size: 12px;
  white-space: normal;
}

.training-modal-form {
  display: grid;
  gap: 12px;
}

.training-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.training-modal-grid .training-field,
.training-modal-form .training-field {
  gap: 6px;
}

.training-modal-grid .training-field input,
.training-modal-grid .training-field select,
.training-modal-form .training-field input,
.training-modal-form .training-field select {
  min-height: 48px;
  border-radius: 16px;
}

.training-modal-rule-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.training-modal-rule-list span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 0 10px;
  color: #065f46;
  background: #ecfdf5;
  font-size: 11px;
  font-weight: 900;
}

.training-modal-rule-list svg {
  width: 12px;
  height: 12px;
}

.training-worker-form-preview {
  display: grid;
  gap: 12px;
}

.training-worker-form-preview > article {
  border-radius: 20px;
  padding: 14px;
  color: #fff;
  background: linear-gradient(135deg, #071225, #1238b6 58%, #6d5dfc);
}

.training-worker-form-preview h3,
.training-worker-form-preview p {
  margin: 0;
}

.training-worker-form-preview h3 {
  margin-top: 8px;
  font-size: 18px;
}

.training-worker-form-preview p {
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
}

/* Step 3 Capacity & Funding compact finance redesign */
.training-funding-redesign {
  gap: 14px !important;
}

.training-funding-summary-card,
.training-fintech-card {
  border-radius: 22px !important;
  padding: 15px !important;
  box-shadow: 0 12px 28px rgba(6, 25, 54, 0.065) !important;
}

.training-funding-title {
  gap: 4px !important;
}

.training-funding-title span,
.training-fintech-card > div > span {
  font-size: 10px !important;
  line-height: 1 !important;
}

.training-funding-title h3,
.training-fintech-card h3 {
  font-size: 17px !important;
  line-height: 1.18 !important;
}

.training-funding-kpi-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.training-funding-kpi-row article,
.training-risk-kpi-grid article {
  min-height: 72px !important;
  border-radius: 17px !important;
  padding: 10px !important;
  gap: 3px !important;
}

.training-funding-kpi-row small,
.training-risk-kpi-grid span,
.training-funding-money-row small,
.training-financial-breakdown-grid small {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.training-funding-kpi-row strong {
  font-size: 24px !important;
  line-height: 1.06 !important;
  overflow-wrap: anywhere;
}

.training-funding-kpi-row span {
  font-size: 11px !important;
}

.training-funding-progress-card {
  gap: 13px !important;
  border-radius: 24px !important;
}

.training-funding-progress-card > div > strong {
  font-size: 28px !important;
  line-height: 1.05 !important;
}

.training-fintech-progress {
  height: 9px !important;
}

.training-funding-money-row {
  gap: 8px !important;
}

.training-funding-money-row span {
  border-radius: 16px !important;
  padding: 10px !important;
}

.training-funding-money-row strong {
  font-size: 17px !important;
}

.training-funding-progress-note {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.training-funding-card-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.training-funding-card-actions .training-escrow-secured-pill,
.training-funding-card-actions button {
  width: 100%;
  min-height: 42px;
  justify-content: center;
}

.training-funding-card-actions button {
  border-radius: 16px;
  color: #07182f;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 12px;
  font-weight: 950;
}

.training-cert-outcome-accordion {
  display: grid;
  gap: 8px;
}

.training-cert-outcome-accordion details {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-cert-outcome-accordion summary {
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
  list-style: none;
}

.training-cert-outcome-accordion summary::-webkit-details-marker {
  display: none;
}

.training-cert-outcome-accordion summary strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.2;
}

.training-cert-outcome-accordion summary span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-cert-outcome-accordion details.done summary span {
  color: #065f46;
  background: #dcfce7;
}

.training-cert-outcome-accordion details.active summary span {
  color: #92400e;
  background: #fef3c7;
}

.training-cert-outcome-accordion p {
  margin: 0;
  padding: 0 12px 12px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 760;
}

.training-risk-kpi-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.training-risk-kpi-grid strong {
  font-size: 18px !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere;
}

.training-financial-breakdown-grid.compact {
  gap: 9px;
}

.training-financial-breakdown-grid.compact span {
  border-radius: 16px;
  padding: 11px;
}

.training-financial-breakdown-grid.compact strong {
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.training-escrow-breakdown-sheet {
  display: grid;
  gap: 12px;
}

.training-escrow-breakdown-hero {
  border-radius: 22px;
  padding: 15px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(52, 211, 153, 0.24), transparent 34%),
    linear-gradient(145deg, #04112f, #08256a 56%, #1238b6);
}

.training-escrow-breakdown-hero h3,
.training-escrow-breakdown-hero p {
  margin: 0;
}

.training-escrow-breakdown-hero h3 {
  margin-top: 9px;
  font-size: 28px;
  line-height: 1.05;
}

.training-escrow-breakdown-hero p {
  margin-top: 5px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 12px;
  line-height: 1.35;
}

@media (max-width: 370px) {
  .training-requirement-grid,
  .training-modal-grid {
    grid-template-columns: 1fr;
  }

  .training-form-config-actions {
    grid-template-columns: 1fr;
  }
}

/* Step 3 premium finance refinement */
.training-funding-redesign {
  gap: 10px !important;
}

.training-funding-summary-card,
.training-fintech-card {
  border-radius: 20px !important;
  padding: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96)),
    radial-gradient(circle at 92% 0%, rgba(31, 132, 229, 0.08), transparent 34%) !important;
  border: 1px solid rgba(216, 229, 244, 0.86) !important;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055) !important;
}

.training-funding-title h3,
.training-fintech-card h3 {
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.training-funding-title span,
.training-fintech-card > div > span {
  font-size: 9.5px !important;
  letter-spacing: 0.07em !important;
}

.training-funding-kpi-row {
  gap: 7px !important;
}

.training-funding-kpi-row article {
  min-height: 62px !important;
  border-radius: 15px !important;
  padding: 8px 9px !important;
  box-shadow: 0 7px 16px rgba(6, 25, 54, 0.035) !important;
}

.training-funding-kpi-row small {
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.training-funding-kpi-row strong {
  font-size: 21px !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.training-funding-kpi-row span {
  font-size: 10px !important;
  line-height: 1.15 !important;
}

.training-funding-progress-card {
  gap: 11px !important;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(109, 93, 252, 0.3), transparent 32%),
    linear-gradient(145deg, #071225 0%, #0b1b3a 54%, #112e82 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 18px 42px rgba(7, 18, 37, 0.2) !important;
}

.training-funding-status-top {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.training-funding-status-top span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #dbeafe !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.training-funding-status-top svg {
  width: 14px;
  height: 14px;
  color: #a7f3d0;
}

.training-funding-status-top strong {
  border-radius: 999px;
  padding: 6px 9px;
  color: #064e3b;
  background: #dcfce7;
  border: 1px solid rgba(187, 247, 208, 0.72);
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.04em;
}

.training-funding-secured-value {
  display: grid;
  gap: 5px;
}

.training-funding-secured-value strong {
  color: #fff;
  font-size: 27px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.training-funding-secured-value small {
  color: rgba(226, 232, 240, 0.76);
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 780;
}

.training-funding-secured-value b {
  color: #fff;
  font-weight: 950;
}

.training-fintech-progress {
  height: 6px !important;
  background: rgba(255, 255, 255, 0.13) !important;
}

.training-fintech-progress span {
  background: linear-gradient(90deg, #1f84e5, #6d5dfc, #34d399) !important;
  box-shadow: 0 0 16px rgba(109, 93, 252, 0.34) !important;
}

.training-funding-card-actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.training-funding-card-actions button {
  min-height: 42px !important;
  width: 100% !important;
  border-radius: 15px !important;
  color: #07182f !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.training-funding-card-actions button + button {
  background: rgba(255, 255, 255, 0.82) !important;
}

.training-risk-kpi-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

.training-risk-kpi-grid article {
  min-height: 38px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  border-radius: 14px !important;
  padding: 9px 10px !important;
  background:
    linear-gradient(180deg, #fff, #fbfdff) !important;
  box-shadow: 0 6px 14px rgba(6, 25, 54, 0.032) !important;
}

.training-risk-kpi-grid article span {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

.training-risk-kpi-grid article strong {
  justify-self: end;
  color: #07182f !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  text-align: right;
  white-space: normal;
}

.training-cert-outcome-accordion {
  gap: 6px !important;
}

.training-cert-outcome-accordion details {
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(6, 25, 54, 0.032) !important;
}

.training-cert-outcome-accordion summary {
  min-height: 40px !important;
  padding: 0 10px !important;
}

.training-cert-outcome-accordion summary strong {
  font-size: 12px !important;
}

.training-cert-outcome-accordion p {
  padding: 0 10px 10px !important;
  font-size: 11.5px !important;
}

/* Step 3 final premium SaaS sizing pass */
.training-funding-redesign {
  gap: 9px !important;
}

.training-funding-summary-card,
.training-fintech-card {
  padding: 12px !important;
  border-radius: 18px !important;
}

.training-funding-title span,
.training-fintech-card > div > span {
  font-size: 11px !important;
  line-height: 1 !important;
}

.training-funding-title h3,
.training-fintech-card h3 {
  font-size: 18px !important;
  line-height: 1.16 !important;
}

.training-funding-kpi-row {
  gap: 6px !important;
}

.training-funding-kpi-row article {
  min-height: 58px !important;
  padding: 8px !important;
  border-radius: 14px !important;
}

.training-funding-kpi-row small {
  font-size: 11px !important;
}

.training-funding-kpi-row strong {
  font-size: 22px !important;
}

.training-funding-kpi-row span {
  font-size: 10.5px !important;
}

.training-funding-progress-card {
  gap: 9px !important;
}

.training-funding-status-top span {
  font-size: 12px !important;
}

.training-funding-status-top strong {
  font-size: 10px !important;
}

.training-funding-secured-value strong {
  font-size: 26px !important;
}

.training-funding-secured-value small {
  font-size: 12px !important;
}

.training-funding-card-actions button {
  min-height: 40px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
}

.training-risk-kpi-grid article {
  min-height: 34px !important;
  padding: 8px 10px !important;
}

.training-risk-kpi-grid article span {
  font-size: 11.5px !important;
}

.training-risk-kpi-grid article strong {
  font-size: 13px !important;
}

.training-funding-history-sheet {
  display: grid;
  gap: 8px;
}

.training-funding-history-sheet article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  padding: 10px;
  background: linear-gradient(180deg, #fff, #fbfdff);
  box-shadow: 0 7px 16px rgba(6, 25, 54, 0.04);
}

.training-funding-history-sheet article i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
}

.training-funding-history-sheet article.complete i {
  color: #065f46;
  background: #dcfce7;
}

.training-funding-history-sheet article.current i {
  color: #92400e;
  background: #fef3c7;
}

.training-funding-history-sheet svg {
  width: 14px;
  height: 14px;
}

.training-funding-history-sheet strong,
.training-funding-history-sheet small {
  display: block;
}

.training-funding-history-sheet strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.2;
}

.training-funding-history-sheet small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 760;
}

.training-funding-history-sheet article > span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

/* Step 3 final typography polish: compact enterprise finance scale */
.training-funding-title span,
.training-fintech-card > div > span {
  font-size: 11px !important;
  line-height: 1 !important;
}

.training-funding-title h3,
.training-fintech-card h3 {
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 920 !important;
}

.training-funding-kpi-row article {
  min-height: 60px !important;
  padding: 8px 9px !important;
}

.training-funding-kpi-row small {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.training-funding-kpi-row strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
  font-weight: 940 !important;
}

.training-funding-kpi-row span {
  font-size: 12px !important;
  line-height: 1.18 !important;
}

.training-funding-progress-card {
  gap: 10px !important;
  padding: 13px !important;
}

.training-funding-status-top span {
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.training-funding-status-top strong {
  padding: 5px 9px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #064e3b !important;
  background: #dcfce7 !important;
}

.training-funding-secured-value strong {
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 940 !important;
}

.training-funding-secured-value small {
  font-size: 12.5px !important;
  line-height: 1.3 !important;
}

.training-fintech-progress {
  height: 6px !important;
}

.training-funding-card-actions button {
  min-height: 40px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.training-funding-progress-card .training-funding-status-top > strong {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.training-funding-progress-card .training-funding-secured-value > strong {
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 940 !important;
}

/* Step 3 final hierarchy correction: balanced enterprise finance scale */
.training-funding-redesign .training-funding-title h3,
.training-funding-redesign .training-fintech-card h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.training-funding-redesign .training-funding-title span,
.training-funding-redesign .training-fintech-card > div > span {
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 860 !important;
}

.training-funding-redesign .training-funding-kpi-row article {
  min-height: 76px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.training-funding-redesign .training-funding-kpi-row strong {
  order: 1 !important;
  color: #07182f !important;
  font-size: 28px !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.training-funding-redesign .training-funding-kpi-row span {
  order: 2 !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
}

.training-funding-redesign .training-funding-kpi-row small {
  order: 3 !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.training-funding-redesign .training-funding-progress-card {
  gap: 12px !important;
  padding: 14px !important;
}

.training-funding-redesign .training-funding-status-top span {
  color: #e0f2fe !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 820 !important;
}

.training-funding-redesign .training-funding-status-top > strong {
  color: #064e3b !important;
  background: #dcfce7 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 880 !important;
  padding: 5px 9px !important;
}

.training-funding-redesign .training-funding-secured-value {
  display: grid !important;
  gap: 3px !important;
}

.training-funding-redesign .training-funding-secured-value > strong {
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.training-funding-redesign .training-funding-secured-value > small {
  color: rgba(226, 232, 240, 0.82) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
}

.training-funding-redesign .training-funding-secured-value > em {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  color: #dbeafe;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 820;
}

/* Step 4 Attendance Logic: compact premium workforce operations layout */
.agency-training-page .training-attendance-redesign {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.agency-training-page .training-attendance-settings-card,
.agency-training-page .training-attendance-metric-card,
.agency-training-page .training-attendance-actions-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 22px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.075);
}

.agency-training-page .training-attendance-settings-card .training-compact-section-heading {
  grid-template-columns: 1fr;
  gap: 0;
}

.agency-training-page .training-compact-section-heading h3,
.agency-training-page .training-funding-title h3,
.agency-training-page .training-section-heading h3 {
  margin: 3px 0 0;
  color: #07182f;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  font-weight: 920;
}

.agency-training-page .training-compact-section-heading p,
.agency-training-page .training-section-heading p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px !important;
  line-height: 1.38;
  font-weight: 720;
}

.training-attendance-rule-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.training-attendance-rule-row {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(92px, auto);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 17px;
  padding: 10px;
  color: #07182f;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
  text-align: left;
}

.training-attendance-rule-row:active {
  transform: translateY(1px);
}

.training-attendance-rule-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #1238b6;
  background: linear-gradient(135deg, #eef6ff, #f6f1ff);
}

.training-attendance-rule-icon svg {
  width: 15px;
  height: 15px;
}

.training-attendance-rule-copy {
  min-width: 0;
}

.training-attendance-rule-copy strong,
.training-attendance-rule-copy small,
.training-attendance-rule-value strong {
  display: block;
  min-width: 0;
}

.training-attendance-rule-copy strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
}

.training-attendance-rule-copy small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 720;
}

.training-attendance-rule-value {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  color: #1238b6;
}

.training-attendance-rule-value strong {
  max-width: 112px;
  color: #1238b6;
  font-size: 12.5px;
  line-height: 1.15;
  font-weight: 900;
  text-align: right;
  overflow-wrap: anywhere;
}

.training-attendance-rule-value i {
  color: #64748b;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
}

.training-attendance-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.training-attendance-stat-grid article {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 16px;
  padding: 10px 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.035);
  text-align: center;
}

.training-attendance-stat-grid strong {
  display: block;
  color: #07182f;
  font-size: 23px;
  line-height: 1;
  font-weight: 940;
  letter-spacing: 0;
}

.training-attendance-stat-grid small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 760;
}

.training-attendance-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.training-attendance-toggle-grid button {
  min-height: 58px !important;
  border-radius: 16px !important;
  padding: 9px !important;
}

.training-attendance-toggle-grid button strong {
  font-size: 12.5px !important;
  line-height: 1.15 !important;
}

.training-attendance-toggle-grid button small {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

.training-attendance-premium-timeline {
  position: relative;
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.training-attendance-premium-timeline::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  bottom: 18px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #15a56b, #1f84e5, #d8e5f4);
}

.training-attendance-premium-timeline article {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 17px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-attendance-premium-timeline i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #64748b;
  background: #eef2f7;
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.training-attendance-premium-timeline article.complete i {
  color: #064e3b;
  background: #dcfce7;
}

.training-attendance-premium-timeline article.active i {
  color: #1238b6;
  background: #eef6ff;
  box-shadow: 0 0 0 5px rgba(31, 132, 229, 0.08);
}

.training-attendance-premium-timeline strong {
  display: block;
  color: #07182f;
  font-size: 13.5px;
  line-height: 1.2;
  font-weight: 900;
}

.training-attendance-premium-timeline small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.26;
  font-weight: 720;
}

.training-attendance-actions-card .training-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.training-attendance-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.training-attendance-action-grid button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 15px;
  color: #0f172a;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
  font-size: 12px;
  line-height: 1.15;
  font-weight: 880;
}

.training-attendance-action-grid button:nth-child(1),
.training-attendance-action-grid button:nth-child(3),
.training-attendance-action-grid button:nth-child(5) {
  color: #1238b6;
  background: linear-gradient(180deg, #fff, #f6f9ff);
}

.training-attendance-setting-sheet {
  display: grid;
  gap: 12px;
}

.training-attendance-setting-current {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 18px;
  padding: 12px;
  background: linear-gradient(135deg, #f8fbff, #f5f0ff);
}

.training-attendance-setting-current span,
.training-attendance-custom-box span {
  display: block;
  color: #1238b6;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.training-attendance-setting-current strong {
  display: block;
  margin-top: 5px;
  color: #07182f;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 940;
}

.training-attendance-setting-current small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.32;
  font-weight: 720;
}

.training-attendance-option-list {
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
}

.training-attendance-option-list button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 15px;
  padding: 10px;
  color: #07182f;
  background: #fff;
  text-align: left;
  font-size: 13px;
  font-weight: 880;
}

.training-attendance-option-list button span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 950;
}

.training-attendance-option-list button.active {
  border-color: rgba(31, 132, 229, 0.42);
  background: linear-gradient(180deg, #f8fbff, #eef6ff);
  box-shadow: 0 10px 22px rgba(31, 132, 229, 0.09);
}

.training-attendance-custom-box {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
}

.training-attendance-custom-box label {
  display: grid;
  gap: 8px;
}

.training-attendance-custom-box input {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 14px;
  padding: 0 12px;
  color: #07182f;
  background: #f8fbff;
  font-size: 14px;
  font-weight: 780;
}

.agency-training-page .training-engine-shell {
  padding-bottom: 112px !important;
}

.agency-training-page .training-engine-actions {
  grid-template-columns: 0.82fr 1fr 1.02fr !important;
  align-items: center !important;
}

.agency-training-page .training-engine-actions button {
  min-width: 0 !important;
  min-height: 48px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Step 5 Certification & Clearance Outcome */
.training-clearance-outcome-flow {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.training-clearance-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.075);
}

.training-clearance-main-card {
  background:
    radial-gradient(circle at 92% 0%, rgba(109, 93, 252, 0.1), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.training-clearance-setting-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.training-clearance-setting-row {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(98px, auto);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 17px;
  padding: 10px;
  color: #07182f;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
  text-align: left;
}

.training-clearance-setting-row:active {
  transform: translateY(1px);
}

.training-clearance-setting-row .training-attendance-rule-value strong {
  max-width: 122px;
}

.training-agency-eligibility-card {
  background:
    linear-gradient(135deg, rgba(238, 246, 255, 0.94), rgba(246, 241, 255, 0.92));
}

.training-agency-eligibility-card p {
  margin: 8px 0 10px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 740;
}

.training-clearance-role-list {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}

.training-clearance-role-list span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 15px;
  padding: 9px 10px;
  color: #0b376d;
  background: rgba(255, 255, 255, 0.86);
  font-size: 12.5px;
  line-height: 1.2;
  font-weight: 880;
}

.training-clearance-role-list svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: #15a56b;
}

.training-trainer-method-grid {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.training-trainer-method-grid button {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 16px;
  padding: 10px;
  color: #07182f;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
  text-align: left;
}

.training-trainer-method-grid strong {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

.training-trainer-method-grid small {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 720;
}

.training-trainer-access-button {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
  border-radius: 15px !important;
  font-size: 13px !important;
}

.training-trainer-access-button svg {
  width: 15px;
  height: 15px;
}

.training-candidate-visible-list {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.training-candidate-visible-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 15px;
  padding: 9px 10px;
  background: #fff;
}

.training-candidate-visible-list span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 850;
}

.training-candidate-visible-list strong {
  min-width: 0;
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.22;
  font-weight: 900;
  text-align: right;
  overflow-wrap: anywhere;
}

.training-trainer-access-sheet {
  display: grid;
  gap: 12px;
}

.training-trainer-access-hero {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 20px;
  padding: 13px;
  background:
    radial-gradient(circle at 92% 6%, rgba(31, 132, 229, 0.16), transparent 34%),
    linear-gradient(145deg, #07182f, #102b73);
  color: #fff;
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.16);
}

.training-trainer-access-hero h3,
.training-trainer-access-hero p {
  margin: 0;
}

.training-trainer-access-hero h3 {
  margin-top: 9px;
  font-size: 18px;
  line-height: 1.18;
  font-weight: 940;
}

.training-trainer-access-hero p {
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 720;
}

.training-trainer-candidate-list {
  display: grid;
  gap: 9px;
  max-height: 330px;
  overflow: auto;
}

.training-trainer-candidate-list > article {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 18px;
  padding: 11px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-trainer-candidate-list > article > div:first-child {
  min-width: 0;
}

.training-trainer-candidate-list strong,
.training-trainer-candidate-list small {
  display: block;
}

.training-trainer-candidate-list strong {
  color: #07182f;
  font-size: 13.5px;
  line-height: 1.2;
  font-weight: 920;
}

.training-trainer-candidate-list small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 720;
}

.training-trainer-candidate-list > article > span {
  justify-self: start;
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 940;
}

.training-trainer-mini-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.training-trainer-mini-actions button,
.training-trainer-notes-card button {
  min-height: 34px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 12px;
  color: #0f172a;
  background: #f8fbff;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 880;
}

.training-trainer-notes-card {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
}

.training-trainer-notes-card label {
  display: grid;
  gap: 7px;
}

.training-trainer-notes-card label span {
  color: #1238b6;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.training-trainer-notes-card textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  box-sizing: border-box;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 14px;
  padding: 10px;
  color: #07182f;
  background: #f8fbff;
  font: inherit;
  font-size: 13px;
}

.training-trainer-notes-card > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.training-eligibility-compact-header,
.cert-vault-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.training-eligibility-compact-header span,
.cert-vault-section-head span,
.training-vault-route-card span {
  display: block;
  color: #1238b6;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.training-eligibility-compact-header h3,
.cert-vault-section-head h3,
.training-vault-route-card h3 {
  margin: 4px 0 0;
  color: #07182f;
  font-size: 18px;
  line-height: 1.18;
  font-weight: 920;
}

.cert-vault-section-head p {
  max-width: 500px;
  margin: 6px 0 0;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.38;
  font-weight: 720;
}

.training-eligibility-compact-header button,
.cert-vault-section-head button {
  min-height: 30px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 999px;
  padding: 0 11px;
  color: #1238b6;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 7px 16px rgba(6, 25, 54, 0.045);
  font-size: 12px;
  font-weight: 900;
}

.training-vault-route-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.training-vault-route-card p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 720;
}

.training-vault-route-card .button {
  min-height: 42px;
  border-radius: 15px;
  white-space: nowrap;
}

.certification-vault-page {
  display: grid;
  gap: 14px;
  padding-bottom: 104px;
}

.agency-ops-rail {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 2px 2px 6px;
  scrollbar-width: none;
}

.agency-ops-rail::-webkit-scrollbar {
  display: none;
}

.agency-ops-rail button {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 12px;
  color: #334155;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.agency-ops-rail button.active {
  color: #fff;
  border-color: rgba(31, 132, 229, 0.2);
  background: linear-gradient(135deg, #1238b6, #1f84e5 52%, #6d5dfc);
  box-shadow: 0 14px 28px rgba(31, 132, 229, 0.22);
}

.agency-ops-rail svg {
  width: 15px;
  height: 15px;
}

.cert-vault-hero,
.cert-vault-card {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 24px;
  padding: 15px;
  box-shadow: 0 16px 38px rgba(6, 25, 54, 0.085);
}

.cert-vault-hero {
  color: #fff;
  background:
    radial-gradient(circle at 92% 4%, rgba(109, 93, 252, 0.32), transparent 34%),
    linear-gradient(145deg, #061936, #1238b6 62%, #6d5dfc);
}

.cert-vault-hero span,
.cert-vault-hero h2,
.cert-vault-hero p {
  margin: 0;
}

.cert-vault-hero span {
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cert-vault-hero h2 {
  margin-top: 7px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 950;
}

.cert-vault-hero p {
  margin-top: 6px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 720;
}

.cert-vault-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.cert-vault-hero-metrics span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.1);
}

.cert-vault-hero-metrics strong,
.cert-vault-hero-metrics small {
  display: block;
}

.cert-vault-hero-metrics strong {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.cert-vault-hero-metrics small {
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 10.5px;
  line-height: 1.15;
}

.cert-vault-card {
  background: linear-gradient(180deg, #fff, #f8fbff);
}

.cert-vault-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 8px;
}

.cert-vault-search-row label {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 46px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  padding: 0 12px;
  background: #fff;
}

.cert-vault-search-row input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #07182f;
  font-size: 13px;
  font-weight: 760;
}

.cert-vault-search-row button {
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  color: #1238b6;
  background: #fff;
}

.cert-vault-filter-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.cert-vault-filter-grid details {
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.cert-vault-filter-grid summary {
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 0 11px;
  color: #07182f;
  cursor: pointer;
}

.cert-vault-filter-grid summary span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.cert-vault-filter-grid summary strong {
  color: #1238b6;
  font-size: 12px;
  font-weight: 900;
}

.cert-vault-filter-grid details > div,
.cert-vault-trainer-types,
.cert-vault-bulk-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 10px 10px;
}

.cert-vault-filter-grid button,
.cert-vault-trainer-types button,
.cert-vault-bulk-grid button {
  min-height: 34px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 10px;
  color: #334155;
  background: #f8fbff;
  font-size: 11.5px;
  font-weight: 860;
}

.cert-expiry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.cert-expiry-grid button {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  padding: 10px 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.cert-expiry-grid button.active {
  border-color: rgba(31, 132, 229, 0.32);
  background: #eef6ff;
}

.cert-expiry-grid strong,
.cert-expiry-grid span {
  display: block;
}

.cert-expiry-grid strong {
  color: #07182f;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}

.cert-expiry-grid span {
  margin-top: 5px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 800;
}

.cert-vault-bulk-grid {
  padding: 12px 0 0;
}

.cert-record-list,
.cert-history-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.cert-history-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 18px;
  padding: 11px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.cert-record-card small,
.cert-history-list strong,
.cert-history-list small {
  display: block;
}

.cert-history-list strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 920;
}

.cert-record-card small,
.cert-history-list small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 720;
}

/* Certification record detail: premium training history */
.certification-vault-page .cert-vault-card:has(.cert-history-list) {
  position: relative;
  overflow: hidden;
  border-color: rgba(184, 203, 230, 0.72);
  background:
    radial-gradient(circle at 100% 0%, rgba(88, 101, 242, 0.09), transparent 31%),
    radial-gradient(circle at 0% 100%, rgba(20, 184, 166, 0.06), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.95));
  box-shadow: 0 22px 48px rgba(8, 25, 55, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.certification-vault-page .cert-vault-card:has(.cert-history-list) .cert-vault-section-head {
  align-items: start;
  gap: 12px;
  margin-bottom: 14px;
}

.certification-vault-page .cert-vault-card:has(.cert-history-list) .cert-vault-section-head span {
  color: #1f49b6;
  font-size: 10px;
  font-weight: 880;
  letter-spacing: 0.13em;
}

.certification-vault-page .cert-vault-card:has(.cert-history-list) .cert-vault-section-head h3 {
  margin-top: 4px;
  color: #07182f;
  max-width: 245px;
  font-size: clamp(18px, 4.1vw, 22px);
  line-height: 1.08;
  font-weight: 780;
}

.certification-vault-page .cert-vault-card:has(.cert-history-list) .cert-vault-section-head button {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(180, 200, 228, 0.72);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #184fc2;
  box-shadow: 0 12px 24px rgba(10, 35, 75, 0.08);
  font-size: 12px;
  font-weight: 820;
}

.certification-vault-page .cert-history-list {
  gap: 10px;
}

.certification-vault-page .cert-history-list article {
  position: relative;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  min-height: 88px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(184, 203, 230, 0.78);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 12px 28px rgba(8, 25, 55, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.certification-vault-page .cert-history-list article::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #20c76f, #0c8f5f);
}

.certification-vault-page .cert-history-list article.expired::before {
  background: linear-gradient(180deg, #f87171, #b4232c);
}

.cert-history-mark {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #087443;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.92), transparent 35%),
    linear-gradient(145deg, #dcfce7, #bff5d3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 20px rgba(16, 185, 129, 0.13);
}

.cert-history-list article.expired .cert-history-mark {
  color: #a12228;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.92), transparent 35%),
    linear-gradient(145deg, #fee2e2, #ffd1d5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 20px rgba(220, 38, 38, 0.12);
}

.cert-history-mark svg {
  width: 18px;
  height: 18px;
}

.cert-history-copy {
  min-width: 0;
}

.cert-history-list .cert-history-copy strong {
  color: #07182f;
  font-size: 14.5px;
  line-height: 1.12;
  font-weight: 820;
  letter-spacing: 0;
}

.cert-history-list .cert-history-copy small {
  margin-top: 5px;
  color: #66758a;
  font-size: 11px;
  line-height: 1.22;
  font-weight: 700;
}

.cert-history-list .cert-history-copy em {
  display: inline-flex;
  width: fit-content;
  margin-top: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef6ff;
  color: #36577f;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.cert-history-status {
  align-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(13, 148, 86, 0.18);
  border-radius: 999px;
  background: linear-gradient(145deg, #dcfce7, #c8f7d8);
  color: #087443;
  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.12);
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0.01em;
}

.cert-history-list article.expired .cert-history-status {
  border-color: rgba(190, 18, 60, 0.18);
  background: linear-gradient(145deg, #fee2e2, #ffd0d6);
  color: #9f1d28;
  box-shadow: 0 8px 18px rgba(220, 38, 38, 0.1);
}

@media (max-width: 370px) {
  .certification-vault-page .cert-history-list article {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .cert-history-status {
    grid-column: 2;
    justify-self: start;
  }
}

.cert-vault-records-card {
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94)),
    radial-gradient(circle at 90% 8%, rgba(31, 132, 229, 0.08), transparent 30%);
}

.cert-record-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  border: 1px solid rgba(185, 205, 232, 0.88);
  border-radius: 18px;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
    radial-gradient(circle at 8% 100%, rgba(40, 199, 111, 0.08), transparent 34%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 14px 34px rgba(6, 25, 54, 0.07);
}

.cert-record-avatar {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 5px;
  min-height: 100%;
  border-radius: 15px;
  padding: 8px 5px;
  color: #083b78;
  background:
    linear-gradient(180deg, #eaf4ff, #ddecfb),
    radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.85), transparent 48%);
}

.cert-record-avatar span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 13px;
  color: #07356d;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 950;
}

.cert-record-avatar small {
  color: rgba(7, 53, 109, 0.72);
  font-size: 8.5px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cert-record-avatar em,
.cert-record-avatar b {
  display: block;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-record-avatar em {
  margin-top: 2px;
  color: rgba(7, 53, 109, 0.68);
  font-size: 8.5px;
  line-height: 1.05;
  font-style: normal;
  font-weight: 900;
}

.cert-record-avatar b {
  color: rgba(7, 53, 109, 0.8);
  font-size: 8.5px;
  line-height: 1.05;
  font-weight: 950;
}

.cert-record-main {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.cert-record-title-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
  align-items: start;
}

.cert-record-title-row > div {
  min-width: 0;
}

.cert-record-title-row strong {
  display: block;
  color: #07182f;
  font-size: 15.5px;
  line-height: 1.12;
  font-weight: 930;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-record-title-row small {
  margin-top: 3px;
  color: #66758c;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-record-intel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.cert-record-intel span {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.84);
  border-radius: 13px;
  padding: 7px 7px 6px;
  background: rgba(244, 248, 254, 0.84);
}

.cert-record-intel small,
.cert-record-intel b {
  display: block;
  min-width: 0;
}

.cert-record-intel small {
  color: #789;
  font-size: 8.5px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cert-record-intel b {
  margin-top: 3px;
  color: #07182f;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-record-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.cert-record-footer span {
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(18, 56, 182, 0.12);
  border-radius: 999px;
  padding: 0 9px;
  color: #1238b6;
  background: rgba(238, 246, 255, 0.92);
  font-size: 10px;
  line-height: 1;
  font-weight: 920;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cert-record-footer em {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  color: #64748b;
  font-size: 10px;
  line-height: 1.18;
  font-style: normal;
  font-weight: 760;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-record-footer button {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 32px;
  border: 1px solid rgba(7, 24, 47, 0.08);
  border-radius: 999px;
  padding: 0 11px;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1238b6 58%, #1f84e5);
  box-shadow: 0 10px 22px rgba(18, 56, 182, 0.18);
  font-size: 10.5px;
  font-weight: 920;
  white-space: nowrap;
}

.cert-record-title-row .badge {
  max-width: 122px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 390px) {
  .cert-record-card {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 8px;
    padding: 9px;
  }

  .cert-record-intel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cert-record-footer {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .cert-record-footer em {
    grid-column: 1;
  }
}

.cert-trainer-card p {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.38;
  font-weight: 720;
}

.cert-record-detail {
  display: grid;
  gap: 13px;
}

.cert-record-detail .compact-back-button {
  justify-self: start;
}

.cert-record-detail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.cert-record-detail-head span:first-child {
  color: #1238b6;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cert-record-detail-head h2,
.cert-record-detail-head p {
  margin: 0;
}

.cert-record-detail-head h2 {
  margin-top: 5px;
  color: #07182f;
  font-size: 23px;
  line-height: 1.1;
  font-weight: 950;
}

.cert-record-detail-head p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.32;
  font-weight: 740;
}

.cert-record-info-grid {
  display: grid;
  gap: 7px;
}

.cert-record-info-grid article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(126px, auto);
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 15px;
  padding: 9px 10px;
  background: #fff;
}

.cert-record-info-grid span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 850;
}

.cert-record-info-grid strong {
  min-width: 0;
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.22;
  font-weight: 920;
  text-align: right;
  overflow-wrap: anywhere;
}

/* Step 6 Worker Preview: premium worker-facing invitation */
.training-worker-invite-flow {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.training-worker-invite-hero,
.training-worker-benefit-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 24px;
  padding: 15px;
  box-shadow: 0 16px 38px rgba(6, 25, 54, 0.085);
}

.training-worker-invite-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(125, 211, 252, 0.28), transparent 31%),
    radial-gradient(circle at 12% 100%, rgba(52, 211, 153, 0.2), transparent 32%),
    linear-gradient(145deg, #061936 0%, #0b2b70 48%, #1238b6 74%, #6d5dfc 100%);
}

.training-worker-invite-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.14), transparent 28%, rgba(255, 255, 255, 0.07), transparent 70%);
}

.training-worker-invite-hero > * {
  position: relative;
  z-index: 1;
}

.training-worker-invite-topline {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.training-worker-invite-badge,
.training-worker-invite-spaces {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  border-radius: 999px;
  padding: 0 9px;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.training-worker-invite-badge {
  color: #064e3b;
  background: #dcfce7;
}

.training-worker-invite-spaces {
  color: #e0f2fe;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.training-worker-invite-title {
  margin-top: 18px;
}

.training-worker-invite-title span {
  color: rgba(226, 232, 240, 0.76);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.training-worker-invite-title h3,
.training-worker-invite-title p {
  margin: 0;
}

.training-worker-invite-title h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 950;
}

.training-worker-invite-title p {
  margin-top: 6px;
  color: rgba(226, 232, 240, 0.78);
  font-size: 13px;
  line-height: 1.38;
  font-weight: 760;
}

.training-worker-invite-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 15px;
}

.training-worker-invite-meta article {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
}

.training-worker-invite-meta span,
.training-worker-invite-meta strong {
  display: block;
}

.training-worker-invite-meta span {
  color: rgba(226, 232, 240, 0.68);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.training-worker-invite-meta strong {
  margin-top: 5px;
  color: #fff;
  font-size: 13px;
  line-height: 1.22;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.training-worker-invite-actions {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 8px;
  margin-top: 15px;
}

.training-worker-invite-actions button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  font-size: 13px;
  line-height: 1.1;
  font-weight: 920;
}

.training-worker-invite-actions button.primary {
  color: #07182f;
  border-color: rgba(255, 255, 255, 0.42);
  background: #fff;
}

.training-worker-benefit-card {
  background: linear-gradient(180deg, #fff, #f8fbff);
}

.training-worker-gain-grid {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.training-worker-gain-grid article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 17px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-worker-gain-grid article > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #1238b6;
  background: linear-gradient(135deg, #eef6ff, #f6f1ff);
}

.training-worker-gain-grid svg {
  width: 15px;
  height: 15px;
}

.training-worker-gain-grid strong,
.training-worker-gain-grid small {
  display: block;
}

.training-worker-gain-grid strong {
  color: #07182f;
  font-size: 13.5px;
  line-height: 1.2;
  font-weight: 920;
}

.training-worker-gain-grid small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.28;
  font-weight: 720;
}

.training-worker-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.training-worker-journey span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 6px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  padding: 9px 5px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.035);
}

.training-worker-journey i {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #64748b;
  background: #eef2f7;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}

.training-worker-journey span.active i {
  color: #064e3b;
  background: #dcfce7;
}

.training-worker-journey strong {
  color: #07182f;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 880;
  text-align: center;
}

.training-worker-why-card p {
  margin: 10px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 730;
}

.training-worker-status-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.training-worker-status-chips span {
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 999px;
  padding: 8px 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 900;
}

@media (max-width: 380px) {
  .training-worker-invite-title h3 {
    font-size: 22px;
  }

  .training-worker-journey {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Step 3 heading lock: keep section titles in the 20-22px enterprise range. */
.agency-training-page .training-funding-redesign .training-funding-title h3,
.agency-training-page .training-funding-redesign .training-fintech-card h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
}

/* Step 3 correction: quieter professional scale after visual review. */
.agency-training-page .training-funding-redesign .training-funding-title h3,
.agency-training-page .training-funding-redesign .training-fintech-card h3 {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

.agency-training-page .training-funding-redesign .training-funding-title span,
.agency-training-page .training-funding-redesign .training-fintech-card > div > span {
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row article {
  min-height: 62px !important;
  gap: 3px !important;
  padding: 8px !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row strong {
  font-size: 22px !important;
  line-height: 1.04 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row span {
  font-size: 11.5px !important;
  line-height: 1.12 !important;
  font-weight: 740 !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row small {
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
}

.agency-training-page .training-funding-redesign .training-funding-progress-card {
  gap: 9px !important;
  padding: 12px !important;
}

.agency-training-page .training-funding-redesign .training-funding-status-top span {
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 780 !important;
}

.agency-training-page .training-funding-redesign .training-funding-status-top > strong {
  font-size: 10.5px !important;
  padding: 5px 8px !important;
}

.agency-training-page .training-funding-redesign .training-funding-secured-value > strong {
  font-size: 24px !important;
  line-height: 1.04 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-funding-redesign .training-funding-secured-value > small {
  font-size: 12px !important;
  line-height: 1.12 !important;
}

.agency-training-page .training-funding-redesign .training-funding-secured-value > em {
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
}

/* Step 3 escrow premium card: high value without oversized typography. */
.agency-training-page .training-funding-redesign .training-funding-kpi-row article {
  min-height: 58px !important;
  padding: 8px !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row strong {
  font-size: 19px !important;
  line-height: 1.04 !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row span {
  font-size: 10.5px !important;
  line-height: 1.12 !important;
}

.agency-training-page .training-funding-redesign .training-funding-kpi-row small {
  font-size: 10px !important;
}

.agency-training-page .training-funding-redesign .training-funding-progress-card {
  position: relative;
  overflow: hidden;
  gap: 12px !important;
  padding: 15px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(255, 255, 255, 0.08), transparent 72%),
    radial-gradient(circle at 92% 10%, rgba(96, 165, 250, 0.28), transparent 32%),
    radial-gradient(circle at 8% 92%, rgba(52, 211, 153, 0.16), transparent 34%),
    linear-gradient(145deg, #08152d 0%, #0d2457 52%, #122f7f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 20px 46px rgba(6, 25, 54, 0.22) !important;
}

.agency-training-page .training-funding-redesign .training-funding-status-top span {
  color: #e0f2fe !important;
  font-size: 11.5px !important;
  font-weight: 820 !important;
}

.agency-training-page .training-funding-redesign .training-funding-status-top > strong {
  color: #064e3b !important;
  background: rgba(220, 252, 231, 0.96) !important;
  border: 1px solid rgba(187, 247, 208, 0.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.agency-training-page .training-funding-redesign .training-funding-secured-value > strong {
  font-size: 22px !important;
  line-height: 1.04 !important;
}

.agency-training-page .training-funding-redesign .training-funding-secured-value > small {
  color: rgba(226, 232, 240, 0.76) !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
}

.training-escrow-support-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.training-escrow-support-metrics span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 15px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(16px);
}

.training-escrow-support-metrics small {
  color: rgba(226, 232, 240, 0.66);
  font-size: 9.5px;
  line-height: 1.12;
  font-weight: 820;
}

.training-escrow-support-metrics strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.05;
  font-weight: 880;
}

.training-escrow-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.training-escrow-progress-copy span,
.training-escrow-progress-copy strong {
  color: rgba(226, 232, 240, 0.82);
  font-size: 11.5px;
  line-height: 1.15;
  font-weight: 820;
}

.training-escrow-progress-copy strong {
  color: #fff;
  text-align: right;
}

.agency-training-page .training-funding-redesign .training-funding-card-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.agency-training-page .training-funding-redesign .training-funding-card-actions button {
  min-height: 42px !important;
  padding: 0 8px !important;
  white-space: normal !important;
  color: #07182f !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  font-size: 11.5px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}

.agency-training-page .training-funding-redesign .training-escrow-progress-copy strong {
  color: rgba(226, 232, 240, 0.66) !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
}

@media (max-width: 380px) {
  .training-clearance-setting-row,
  .training-attendance-rule-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .training-clearance-setting-row .training-attendance-rule-value,
  .training-attendance-rule-row .training-attendance-rule-value {
    grid-column: 2;
    justify-content: space-between;
    margin-top: 2px;
  }

  .training-clearance-setting-row .training-attendance-rule-value strong,
  .training-attendance-rule-row .training-attendance-rule-value strong {
    max-width: none;
    text-align: left;
  }
}

/* Training Operations Dashboard: scalable command centre */
.agency-training-page .training-command-centre-hero {
  gap: 14px !important;
  border-radius: 24px !important;
  padding: 16px !important;
  box-shadow: 0 18px 44px rgba(6, 25, 54, 0.2) !important;
}

.agency-training-page .training-ops-hero-copy h2 {
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 880 !important;
}

.agency-training-page .training-ops-hero-copy p {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

.agency-training-page .training-ops-hero-metrics {
  gap: 8px !important;
}

.agency-training-page .training-ops-metric {
  gap: 3px !important;
  border-radius: 16px !important;
  padding: 10px !important;
}

.agency-training-page .training-ops-metric strong {
  font-size: 24px !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-ops-metric span {
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-ops-metric small {
  font-size: 10.5px !important;
  line-height: 1.18 !important;
}

.training-quick-action-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.training-quick-action-bar button {
  min-width: 0;
  min-height: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 16px;
  color: #1238b6;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.06);
  font-size: 12px;
  line-height: 1.1;
  font-weight: 900;
}

.training-quick-action-bar button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #1f84e5 52%, #6d5dfc);
  box-shadow: 0 14px 28px rgba(31, 132, 229, 0.2);
}

.training-quick-action-bar button:only-child {
  grid-column: 1 / -1;
}

.training-quick-action-bar svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.agency-training-page .training-ops-dashboard-card {
  gap: 14px !important;
  border-radius: 22px !important;
  padding: 14px !important;
  box-shadow: 0 14px 34px rgba(6, 25, 54, 0.07) !important;
}

.agency-training-page .training-section-heading {
  align-items: start;
  gap: 10px;
}

.agency-training-page .training-section-heading h3 {
  font-size: 19px !important;
  line-height: 1.16 !important;
  font-weight: 820 !important;
}

.agency-training-page .training-section-heading p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px !important;
  line-height: 1.35;
  font-weight: 720;
}

.training-clearance-funnel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.training-clearance-funnel button {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  padding: 10px 7px;
  color: #07182f;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-clearance-funnel button.active {
  border-color: rgba(31, 132, 229, 0.32);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.training-clearance-funnel span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.05;
  font-weight: 850;
}

.training-clearance-funnel strong {
  color: #07182f;
  font-size: 21px;
  line-height: 1;
  font-weight: 850;
}

.training-clearance-funnel small {
  color: #1238b6;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 820;
}

.training-clearance-funnel i {
  display: none;
}

.training-pipeline-worker-panel,
.training-pipeline-worker-list {
  display: grid;
  gap: 8px;
}

.training-pipeline-worker-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
}

.training-pipeline-worker-list strong,
.training-pipeline-worker-list small {
  display: block;
}

.training-pipeline-worker-list strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
}

.training-pipeline-worker-list small,
.training-pipeline-worker-list span,
.training-pipeline-worker-list em {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.22;
  font-style: normal;
  font-weight: 740;
}

.training-pipeline-worker-list em {
  justify-self: start;
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10.5px;
  font-weight: 900;
}

.training-session-centre-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.training-session-centre-tabs::-webkit-scrollbar {
  display: none;
}

.training-session-centre-tabs button {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 11px;
  color: #334155;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-session-centre-tabs button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #1f84e5 52%, #6d5dfc);
}

.training-session-centre-tabs span {
  font-size: 12px;
  font-weight: 880;
}

.training-session-centre-tabs strong {
  min-width: 23px;
  min-height: 23px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: inherit;
  background: rgba(100, 116, 139, 0.12);
  font-size: 11px;
  font-weight: 900;
}

.training-session-centre-tabs button.active strong {
  background: rgba(255, 255, 255, 0.16);
}

.training-session-search {
  min-width: 0;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 46px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  padding: 0 12px;
  background: #fff;
}

.training-session-search svg {
  width: 16px;
  height: 16px;
  color: #64748b;
}

.training-session-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #07182f;
  background: transparent;
  font-size: 13px;
  font-weight: 760;
}

.training-session-result-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.training-session-result-meta span,
.training-session-result-meta strong {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.25;
  font-weight: 760;
}

.training-session-result-meta strong {
  color: #1238b6;
  white-space: nowrap;
}

.training-session-compact-list {
  display: grid;
  gap: 9px;
}

.training-centre-session-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.055);
}

.training-centre-session-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.training-centre-session-main h3,
.training-centre-session-main p,
.training-centre-session-main small {
  display: block;
  margin: 0;
  min-width: 0;
}

.training-centre-session-main h3 {
  color: #07182f;
  font-size: 15px;
  line-height: 1.18;
  font-weight: 900;
}

.training-centre-session-main p {
  margin-top: 3px;
  color: #475569;
  font-size: 12px;
  line-height: 1.22;
  font-weight: 820;
}

.training-centre-session-main small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.26;
  font-weight: 720;
}

.training-centre-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.training-centre-badge-row span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 880;
}

.training-centre-session-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.training-centre-session-actions button {
  min-height: 38px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 13px;
  color: #0f172a;
  background: #f8fbff;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 860;
}

.training-centre-session-actions button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #1f84e5);
}

.training-watchlist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.training-watchlist-grid button {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
  text-align: left;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-watchlist-grid strong {
  color: #07182f;
  font-size: 20px;
  line-height: 1;
  font-weight: 840;
}

.training-watchlist-grid span {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.16;
  font-weight: 850;
}

.training-watchlist-grid small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 730;
}

.training-ops-filter-sheet {
  display: grid;
  gap: 10px;
}

.training-ops-filter-sheet details {
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.training-ops-filter-sheet summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  color: #07182f;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.training-ops-filter-sheet details > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 10px 10px;
}

.training-ops-filter-sheet button {
  min-height: 32px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 10px;
  color: #334155;
  background: #f8fbff;
  font-size: 11.5px;
  font-weight: 840;
}

@media (max-width: 380px) {
  .training-clearance-funnel,
  .training-centre-session-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Training IA cleanup: one feature, one home */
.training-ia-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 2px 0 4px;
  scrollbar-width: none;
}

.training-ia-tabs::-webkit-scrollbar {
  display: none;
}

.training-ia-tabs button {
  flex: 0 0 auto;
  min-height: 40px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 14px;
  color: #334155;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 9px 20px rgba(6, 25, 54, 0.045);
  font-size: 12.5px;
  font-weight: 880;
  white-space: nowrap;
}

.training-ia-tabs button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #1f84e5 52%, #6d5dfc);
  box-shadow: 0 14px 26px rgba(31, 132, 229, 0.18);
}

.training-overview-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.training-overview-kpi-grid article {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 16px;
  padding: 10px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.training-overview-kpi-grid strong {
  color: #07182f;
  font-size: 24px;
  line-height: 1.02;
  font-weight: 850;
}

.training-overview-kpi-grid span {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 850;
}

.training-overview-kpi-grid small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.18;
  font-weight: 730;
}

.training-vault-handoff-card {
  border-color: rgba(31, 132, 229, 0.14) !important;
  background:
    radial-gradient(circle at 0 0, rgba(31, 132, 229, 0.08), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff) !important;
}

.training-recent-cert-list {
  display: grid;
  gap: 8px;
}

.training-recent-cert-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 15px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.88);
}

.training-recent-cert-list strong,
.training-recent-cert-list small {
  display: block;
  min-width: 0;
}

.training-recent-cert-list strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 880;
}

.training-recent-cert-list small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 730;
}

.training-recent-cert-list span {
  justify-self: end;
  border-radius: 999px;
  padding: 6px 8px;
  color: #064e3b;
  background: rgba(220, 252, 231, 0.88);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

/* Premium Advanced Candidate Filters */
.agency-filter-page {
  padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}

.filter-command-centre {
  position: relative;
  display: grid;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 28px;
  padding: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.22), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(139, 92, 246, 0.32), transparent 34%),
    linear-gradient(135deg, #061a38, #1238b6 48%, #6d5dfc);
  box-shadow: 0 24px 54px rgba(6, 25, 54, 0.24);
  overflow: hidden;
}

.filter-command-centre::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.13), transparent);
  transform: translateX(-100%);
  animation: filterHeroSheen 6s ease-in-out infinite;
}

@keyframes filterHeroSheen {
  0%, 70% { transform: translateX(-110%); }
  100% { transform: translateX(110%); }
}

.filter-command-copy,
.filter-command-kpis {
  position: relative;
  z-index: 1;
}

.filter-command-copy {
  display: grid;
  gap: 7px;
  padding-right: 42px;
}

.filter-command-copy span {
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.filter-command-copy h2 {
  margin: 0;
  max-width: 12ch;
  color: #fff;
  font-size: 28px;
  line-height: 1.02;
  font-weight: 900;
}

.filter-command-copy p {
  margin: 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

.filter-command-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.filter-command-kpis article {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 17px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
}

.filter-command-kpis strong {
  color: #fff;
  font-size: 22px;
  line-height: 1.02;
  font-weight: 850;
}

.filter-command-kpis span {
  color: rgba(226, 232, 240, 0.72);
  font-size: 11px;
  line-height: 1.16;
  font-weight: 800;
}

.filter-command-close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(18px);
}

.filter-action-template-card,
.premium-filter-workspace {
  border: 1px solid rgba(216, 229, 244, 0.9) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0 0, rgba(31, 132, 229, 0.08), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff) !important;
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.08) !important;
}

.filter-action-template-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.filter-template-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.filter-template-actions button {
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 15px;
  color: #1238b6;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
  font-size: 11.5px;
  line-height: 1.12;
  font-weight: 900;
}

.filter-template-actions svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.premium-saved-searches {
  padding: 0 !important;
}

.premium-filter-header {
  padding-bottom: 0 !important;
}

.filter-page-header.premium-filter-header h2 {
  font-size: 22px !important;
  line-height: 1.08 !important;
}

.filter-page-header.premium-filter-header p {
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}

.filter-summary-bar {
  gap: 7px !important;
}

.filter-summary-bar button {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(31, 132, 229, 0.16) !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  color: #1238b6 !important;
  background: linear-gradient(180deg, #fff, #eef6ff) !important;
  box-shadow: 0 8px 18px rgba(31, 132, 229, 0.06) !important;
}

.filter-summary-bar button > svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

.filter-summary-bar button strong {
  font-size: 11.5px !important;
  font-weight: 880 !important;
}

.filter-summary-bar button em {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  color: #064e3b;
  background: rgba(220, 252, 231, 0.88);
}

.filter-summary-bar button em svg,
.filter-summary-bar button span svg {
  width: 10px;
  height: 10px;
}

.workforce-insights-panel,
.top-match-preview {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 22px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 30px rgba(6, 25, 54, 0.06);
}

.workforce-insights-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.1), transparent 38%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.workforce-insights-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.workforce-insights-head > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1238b6;
  background: #eef6ff;
}

.workforce-insights-head svg {
  width: 17px;
  height: 17px;
}

.workforce-insights-head strong,
.workforce-insights-head small {
  display: block;
}

.workforce-insights-head strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1.16;
  font-weight: 900;
}

.workforce-insights-head small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 740;
}

.workforce-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workforce-insight-grid article {
  min-width: 0;
  border-radius: 15px;
  padding: 9px;
  background: rgba(248, 251, 255, 0.92);
}

.workforce-insight-grid strong {
  display: block;
  color: #07182f;
  font-size: 19px;
  line-height: 1.02;
  font-weight: 850;
}

.workforce-insight-grid span {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 800;
}

.filter-section-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}

.filter-section-heading-row span,
.filter-section-heading-row h3 {
  display: block;
  margin: 0;
}

.filter-section-heading-row span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.filter-section-heading-row h3 {
  margin-top: 3px;
  color: #07182f;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 900;
}

.filter-section-heading-row button {
  border: 0;
  border-radius: 999px;
  padding: 8px 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.top-match-card-list {
  display: grid;
  gap: 9px;
}

.top-match-card-list article {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 18px;
  padding: 11px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
}

.top-match-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.candidate-avatar.small {
  width: 34px !important;
  height: 34px !important;
  font-size: 12px !important;
}

.top-match-main strong,
.top-match-main small,
.top-match-card-list p {
  display: block;
  min-width: 0;
  margin: 0;
}

.top-match-main strong {
  color: #07182f;
  font-size: 13.5px;
  line-height: 1.18;
  font-weight: 900;
}

.top-match-main small,
.top-match-card-list p {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.28;
  font-weight: 720;
}

.top-match-main em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #064e3b;
  background: rgba(220, 252, 231, 0.88);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.top-match-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.top-match-stat-row span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #334155;
  background: #f1f5f9;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 820;
}

.filter-section-stack {
  padding: 0 !important;
  gap: 12px !important;
}

.premium-filter-section {
  padding: 0 !important;
  overflow: hidden;
}

.premium-filter-section .filter-section-title {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 32px;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 13px;
  cursor: pointer;
}

.premium-filter-section .filter-section-title::-webkit-details-marker {
  display: none;
}

.premium-filter-section .filter-section-title > div {
  min-width: 0;
}

.premium-filter-section .filter-section-title h3,
.premium-filter-section .filter-section-title small {
  display: block;
  min-width: 0;
  margin: 0;
}

.premium-filter-section .filter-section-title h3 {
  color: #07182f;
  font-size: 15.5px;
  line-height: 1.14;
  font-weight: 900;
}

.premium-filter-section .filter-section-title small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.22;
  font-weight: 740;
}

.premium-filter-section .filter-section-title i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #1238b6;
  background: #eef6ff;
  transform: rotate(-90deg);
  transition: transform 180ms ease, background 180ms ease;
}

.premium-filter-section .filter-section-title i svg {
  width: 15px;
  height: 15px;
}

.premium-filter-section[open] .filter-section-title i {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  transform: rotate(90deg);
}

.filter-section-body {
  display: grid;
  gap: 14px;
  border-top: 1px solid rgba(216, 229, 244, 0.72);
  padding: 13px;
}

.filter-apply-dock {
  position: sticky;
  z-index: 20;
  bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 20px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.16);
  backdrop-filter: blur(18px);
}

.filter-apply-dock strong,
.filter-apply-dock small {
  display: block;
  min-width: 0;
}

.filter-apply-dock strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.16;
  font-weight: 900;
}

.filter-apply-dock small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.18;
  font-weight: 720;
}

.filter-apply-dock .button {
  min-height: 42px;
  border-radius: 15px;
  padding: 0 14px;
  font-size: 13px;
  white-space: nowrap;
}

/* Premium job shift planning engine */
.shift-planner-card,
.repeat-engine-card,
.advanced-rota-builder-card,
.break-config-card,
.smart-compliance-warning-card,
.rota-preview-card,
.workforce-impact-card,
.shift-custom-options {
  display: grid;
  gap: 13px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 24px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.08), transparent 38%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.07);
}

.shift-planner-card {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 18% 0, rgba(45, 212, 191, 0.18), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(139, 92, 246, 0.26), transparent 36%),
    linear-gradient(135deg, #07182f, #1238b6 52%, #6d5dfc);
  box-shadow: 0 22px 48px rgba(6, 25, 54, 0.22);
}

.shift-planner-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shift-planner-hero span,
.shift-planner-hero strong,
.shift-planner-hero small {
  display: block;
}

.shift-planner-hero span {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shift-planner-hero strong {
  margin-top: 4px;
  color: #fff;
  font-size: 28px;
  line-height: 1.03;
  font-weight: 900;
}

.shift-planner-hero small {
  margin-top: 4px;
  color: rgba(226, 232, 240, 0.8);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 820;
}

.shift-planner-hero em {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 7px 9px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
  backdrop-filter: blur(14px);
}

.shift-tag-row {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: none;
}

.shift-tag-row::-webkit-scrollbar {
  display: none;
}

.shift-tag-row span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 7px 9px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.1);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 850;
}

.shift-tag-row svg {
  width: 12px;
  height: 12px;
}

.shift-tag-row .green {
  background: rgba(16, 185, 129, 0.18);
}

.shift-tag-row .amber {
  background: rgba(245, 158, 11, 0.18);
}

.shift-tag-row .violet {
  background: rgba(139, 92, 246, 0.2);
}

.shift-cost-summary,
.workforce-impact-grid,
.rota-preview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.shift-cost-summary article {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.shift-cost-summary span,
.shift-cost-summary strong,
.workforce-impact-grid span,
.workforce-impact-grid strong,
.rota-preview-metrics span,
.rota-preview-metrics strong {
  display: block;
  min-width: 0;
}

.shift-cost-summary span {
  color: rgba(226, 232, 240, 0.68);
  font-size: 10.5px;
  line-height: 1.13;
  font-weight: 800;
}

.shift-cost-summary strong {
  color: #fff;
  font-size: 17px;
  line-height: 1.05;
  font-weight: 880;
}

.compact-planner-fields {
  gap: 10px !important;
}

.mini-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 10px;
}

.mini-section-heading span,
.mini-section-heading strong {
  display: block;
}

.mini-section-heading span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.mini-section-heading strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1.16;
  font-weight: 900;
  text-align: right;
}

.shift-custom-options > div:last-child,
.break-option-row,
.rota-pattern-strip {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: none;
}

.shift-custom-options > div:last-child::-webkit-scrollbar,
.break-option-row::-webkit-scrollbar,
.rota-pattern-strip::-webkit-scrollbar {
  display: none;
}

.shift-custom-options button,
.break-option-row button,
.rota-pattern-strip button,
.repeat-every-row button {
  flex: 0 0 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 10px;
  color: #334155;
  background: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.shift-custom-options button.active,
.rota-pattern-strip button.active,
.repeat-every-row button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.28);
  background: #eef6ff;
}

.shift-custom-options svg {
  width: 12px;
  height: 12px;
}

.repeat-engine-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.repeat-engine-grid button {
  min-width: 0;
  min-height: 72px;
  display: grid;
  gap: 4px;
  align-content: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 18px;
  padding: 10px;
  color: #07182f;
  background: #fff;
  text-align: left;
  box-shadow: 0 9px 20px rgba(6, 25, 54, 0.045);
}

.repeat-engine-grid button.active {
  border-color: rgba(31, 132, 229, 0.32);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.repeat-engine-grid strong {
  color: inherit;
  font-size: 13px;
  line-height: 1.14;
  font-weight: 900;
}

.repeat-engine-grid small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.22;
  font-weight: 760;
}

.weekly-planner-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
}

.weekly-planner-row button,
.rota-week-visual span {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 13px;
  padding: 7px 0 6px;
  color: #64748b;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92));
  box-shadow: 0 8px 16px rgba(6, 25, 54, 0.04);
}

.weekly-planner-row button.active,
.rota-week-visual span.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.28);
  background:
    radial-gradient(circle at 50% 0, rgba(31, 132, 229, 0.16), transparent 62%),
    linear-gradient(180deg, #fff, #eef6ff);
  box-shadow: 0 11px 24px rgba(31, 132, 229, 0.11);
}

.weekly-planner-row strong,
.rota-week-visual b {
  color: inherit;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
}

.weekly-planner-row span,
.rota-week-visual i {
  color: inherit;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.weekly-planner-row small {
  display: block;
  max-width: 100%;
  color: inherit;
  font-size: 7px;
  line-height: 1;
  font-weight: 850;
  opacity: 0.72;
  white-space: nowrap;
}

.repeat-every-row {
  display: flex;
  gap: 7px;
  align-items: center;
  overflow-x: auto;
}

.repeat-every-row > span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.break-schedule-list,
.smart-compliance-warning-card > div:last-child {
  display: grid;
  gap: 8px;
}

.break-schedule-list article,
.smart-compliance-warning-card article,
.rota-preview-metrics article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 15px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
}

.break-schedule-list span,
.smart-compliance-warning-card span,
.workforce-impact-grid span,
.rota-preview-metrics span {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.18;
  font-weight: 780;
}

.break-schedule-list strong,
.smart-compliance-warning-card strong,
.rota-preview-metrics strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.12;
  font-weight: 900;
  text-align: right;
}

.smart-compliance-warning-card article.ok strong {
  color: #047857;
}

.smart-compliance-warning-card article.warning strong {
  color: #b45309;
}

.smart-compliance-warning-card article.info strong {
  color: #1238b6;
}

.smart-compliance-warning-card article.muted strong {
  color: #64748b;
}

.rota-week-visual {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}

.workforce-impact-card {
  border-color: rgba(31, 132, 229, 0.14);
  background:
    radial-gradient(circle at 0 0, rgba(31, 132, 229, 0.08), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.workforce-impact-grid article {
  min-width: 0;
  display: grid;
  gap: 5px;
  align-content: start;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 17px;
  padding: 11px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.045);
}

.workforce-impact-grid span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.18;
  font-weight: 860;
}

.workforce-impact-grid strong {
  color: #07182f;
  font-size: 19px;
  line-height: 1.05;
  font-weight: 900;
  text-align: left;
}

.workforce-impact-grid small {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 730;
}

.custom-rota-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 1px solid rgba(216, 229, 244, 0.78);
  border-radius: 20px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.custom-rota-panel .field {
  min-width: 0;
}

.rota-detail-toggle {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 16px;
  padding: 0 12px;
  color: #1238b6;
  background: rgba(238, 246, 255, 0.74);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.rota-detail-toggle strong {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: #1238b6;
  background: #fff;
  box-shadow: 0 7px 15px rgba(31, 132, 229, 0.12);
}

.rota-detail-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.rota-detail-panel article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 9px 18px rgba(6, 25, 54, 0.04);
}

.rota-detail-panel span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.14;
  font-weight: 840;
}

.rota-detail-panel strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.08;
  font-weight: 900;
}

.market-recommendation-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 21px;
  padding: 13px;
  background:
    radial-gradient(circle at 0 0, rgba(45, 212, 191, 0.13), transparent 36%),
    linear-gradient(135deg, #07182f, #1238b6 62%, #6d5dfc);
  color: #fff;
  box-shadow: 0 18px 36px rgba(18, 56, 182, 0.18);
}

.market-recommendation-card > div:first-child {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.market-recommendation-card > div:first-child > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  color: #dffcf1;
  background: rgba(255, 255, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.market-recommendation-card svg {
  width: 16px;
  height: 16px;
}

.market-recommendation-card small,
.market-recommendation-card strong,
.market-recommendation-card p {
  display: block;
  min-width: 0;
}

.market-recommendation-card small {
  color: rgba(226, 232, 240, 0.74);
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.market-recommendation-card strong {
  margin-top: 3px;
  color: #fff;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 900;
}

.market-recommendation-card p {
  margin: 6px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
  line-height: 1.32;
  font-weight: 700;
}

.market-recommendation-card > div:last-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.market-recommendation-card button {
  min-width: 0;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  padding: 0 10px;
  color: #07182f;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.15);
}

.market-recommendation-card button + button {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
}

.job-shift-pattern-card,
.job-repeat-summary-card,
.schedule-rota-ops-engine {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 22px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.08), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.065);
}

.job-shift-pattern-card > div:first-child span,
.candidate-facing-preview-card span {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.job-shift-pattern-card > div:first-child strong {
  display: block;
  margin-top: 4px;
  color: #07182f;
  font-size: 18px;
  line-height: 1.12;
  font-weight: 900;
}

.job-shift-pattern-card > div:first-child p {
  margin: 6px 0 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.32;
  font-weight: 740;
}

.job-shift-pattern-pills {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-shift-pattern-pills span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
}

.job-shift-pattern-pills small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 850;
}

.job-shift-pattern-pills b {
  color: #07182f;
  font-size: 13px;
  line-height: 1.12;
  font-weight: 900;
}

.candidate-facing-preview-card {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(31, 132, 229, 0.15);
  border-radius: 18px;
  padding: 12px;
  background: rgba(238, 246, 255, 0.72);
}

.candidate-facing-preview-card strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.28;
  font-weight: 900;
}

.candidate-facing-preview-card small {
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.32;
  font-weight: 720;
}

.schedule-rota-template-strip,
.schedule-rota-pattern-grid,
.schedule-rota-day-selector,
.schedule-rota-forecast-grid,
.schedule-rota-template-actions {
  display: grid;
  gap: 8px;
}

.schedule-rota-template-strip article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 18px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 20px rgba(6, 25, 54, 0.04);
}

.schedule-rota-template-strip article.active {
  border-color: rgba(31, 132, 229, 0.28);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.schedule-rota-template-strip strong,
.schedule-rota-template-strip small {
  display: block;
  min-width: 0;
}

.schedule-rota-template-strip strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 900;
}

.schedule-rota-template-strip small {
  margin-top: 3px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 760;
}

.schedule-rota-template-strip button,
.schedule-rota-template-actions button {
  min-height: 36px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 13px;
  padding: 0 11px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 900;
}

.schedule-rota-pattern-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.schedule-rota-pattern-grid button,
.schedule-rota-day-selector button,
.schedule-week-toggle button {
  min-width: 0;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 10px;
  color: #334155;
  background: #fff;
  text-align: left;
  box-shadow: 0 9px 18px rgba(6, 25, 54, 0.04);
}

.schedule-rota-pattern-grid button.active,
.schedule-rota-day-selector button.active,
.schedule-week-toggle button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.28);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.schedule-rota-pattern-grid strong,
.schedule-rota-pattern-grid small,
.schedule-rota-day-selector strong,
.schedule-rota-day-selector span {
  display: block;
  min-width: 0;
}

.schedule-rota-pattern-grid strong {
  font-size: 12px;
  line-height: 1.14;
  font-weight: 900;
}

.schedule-rota-pattern-grid small {
  margin-top: 4px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.18;
  font-weight: 760;
}

.schedule-week-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.schedule-week-toggle button {
  min-height: 38px;
  text-align: center;
  font-size: 12px;
  font-weight: 900;
}

.schedule-rota-day-selector {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
}

.schedule-rota-day-selector button {
  min-height: 48px;
  display: grid;
  place-items: center;
  gap: 3px;
  border-radius: 13px;
  padding: 6px 0;
  text-align: center;
}

.schedule-rota-day-selector strong {
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
}

.schedule-rota-day-selector span {
  font-size: 7px;
  line-height: 1;
  font-weight: 850;
}

.compact-rota-fields {
  gap: 10px !important;
}

.schedule-custom-rota-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.schedule-rota-forecast-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.schedule-rota-forecast-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
}

.schedule-rota-forecast-grid span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 850;
}

.schedule-rota-forecast-grid strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1.08;
  font-weight: 900;
}

.schedule-rota-forecast-grid small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 720;
}

.schedule-rota-template-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.schedule-rota-template-actions button {
  min-width: 0;
  padding: 0 7px;
  white-space: normal;
  line-height: 1.12;
}

.custom-break-field .input-shell svg {
  width: 16px;
  height: 16px;
  color: #64748b;
}

@media (max-width: 380px) {
  .shift-planner-hero strong {
    font-size: 25px;
  }

  .repeat-engine-grid,
  .shift-cost-summary,
  .workforce-impact-grid,
  .rota-preview-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .weekly-planner-row,
  .rota-week-visual {
    gap: 4px;
  }

  .workforce-impact-grid {
    gap: 7px;
  }

  .workforce-impact-grid article {
    padding: 9px;
  }

  .workforce-impact-grid strong {
    font-size: 17px;
  }

  .custom-rota-panel,
  .rota-detail-panel {
    grid-template-columns: 1fr;
  }

  .schedule-rota-template-actions {
    grid-template-columns: 1fr;
  }
}

/* Premium Post New Job schedule planner */
.premium-schedule-builder {
  display: grid;
  gap: 16px;
  padding-bottom: 72px;
}

.post-job-page {
  padding-bottom: 0;
}

.job-schedule-command-card,
.job-schedule-module {
  min-width: 0;
  display: grid;
  gap: 14px;
  border: 1px solid rgba(205, 219, 237, 0.82);
  border-radius: 20px;
  padding: 15px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.07), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 16px 36px rgba(6, 25, 54, 0.07);
}

.job-schedule-command-card {
  overflow: hidden;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
  background:
    radial-gradient(circle at 5% 0, rgba(45, 212, 191, 0.2), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(139, 92, 246, 0.32), transparent 38%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #5b4df1);
  box-shadow: 0 22px 50px rgba(18, 56, 182, 0.2);
}

.job-schedule-command-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.job-schedule-command-top > div,
.job-schedule-module-heading > div {
  min-width: 0;
}

.job-schedule-command-top span,
.job-schedule-command-top strong,
.job-schedule-command-top p,
.job-schedule-command-top em,
.job-schedule-module-heading span,
.job-schedule-module-heading strong,
.job-schedule-module-heading em {
  display: block;
  min-width: 0;
}

.job-schedule-command-top span,
.job-schedule-module-heading span,
.job-schedule-live-preview > span,
.job-candidate-phone .job-phone-brand {
  color: rgba(226, 232, 240, 0.7);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.job-schedule-command-top strong {
  margin-top: 5px;
  color: #fff;
  font-size: 22px;
  line-height: 1.08;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.job-schedule-command-top p {
  margin: 7px 0 0;
  color: rgba(237, 242, 255, 0.86);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 760;
}

.job-schedule-command-top p b {
  margin: 0 4px;
  color: #a7f3d0;
}

.job-schedule-command-top > em {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 7px 9px;
  color: #fff;
  background: rgba(255, 255, 255, 0.11);
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
  backdrop-filter: blur(14px);
}

.job-schedule-summary-grid,
.job-impact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-schedule-summary-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 15px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.job-schedule-summary-grid span {
  color: rgba(226, 232, 240, 0.66);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 820;
}

.job-schedule-summary-grid strong {
  min-width: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.job-schedule-live-preview {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(167, 243, 208, 0.18);
  border-radius: 16px;
  padding: 11px;
  background: rgba(4, 20, 42, 0.2);
}

.job-schedule-live-preview strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 880;
}

.job-schedule-live-preview small {
  color: rgba(226, 232, 240, 0.68);
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 720;
}

.job-schedule-module-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.job-schedule-module-heading span {
  color: #64748b;
}

.job-schedule-module-heading strong {
  margin-top: 4px;
  color: #07182f;
  font-size: 16px;
  line-height: 1.18;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.job-schedule-module-heading > em {
  max-width: 112px;
  border-radius: 999px;
  padding: 6px 8px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1.12;
  font-style: normal;
  font-weight: 880;
  text-align: center;
  overflow-wrap: anywhere;
}

.job-pattern-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-pattern-card-grid > button {
  position: relative;
  min-width: 0;
  min-height: 132px;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr;
  gap: 5px;
  align-content: start;
  border: 1px solid rgba(205, 219, 237, 0.86);
  border-radius: 18px;
  padding: 11px;
  color: #07182f;
  background: #fff;
  text-align: left;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
  transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.job-pattern-card-grid > button:active {
  transform: scale(0.985);
}

.job-pattern-card-grid > button.active {
  border-color: rgba(31, 132, 229, 0.4);
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.13), transparent 46%),
    linear-gradient(180deg, #fff, #eef6ff);
  box-shadow: 0 14px 28px rgba(31, 132, 229, 0.12);
}

.job-pattern-card-grid > button > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  color: #1238b6;
  background: #eef6ff;
}

.job-pattern-card-grid svg {
  width: 13px;
  height: 13px;
}

.job-pattern-card-grid strong,
.job-pattern-card-grid small,
.job-pattern-card-grid i,
.job-pattern-card-grid footer,
.job-pattern-card-grid footer b,
.job-pattern-card-grid footer em {
  display: block;
  min-width: 0;
}

.job-pattern-card-grid strong {
  font-size: 12.5px;
  line-height: 1.16;
  font-weight: 900;
}

.job-pattern-card-grid small,
.job-pattern-card-grid i {
  color: #64748b;
  font-size: 9.8px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 720;
}

.job-pattern-card-grid i {
  color: #334155;
  font-weight: 830;
}

.job-pattern-card-grid footer {
  align-self: end;
  border-top: 1px solid rgba(216, 229, 244, 0.72);
  padding-top: 7px;
}

.job-pattern-card-grid footer b {
  color: #047857;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 900;
}

.job-pattern-card-grid footer em {
  margin-top: 3px;
  color: #64748b;
  font-size: 9px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 720;
}

.job-schedule-inline-field,
.job-date-range-grid label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.job-schedule-inline-field > span,
.job-date-range-grid label > span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 850;
}

.job-schedule-inline-field input,
.job-date-range-grid input {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(205, 219, 237, 0.9);
  border-radius: 14px;
  padding: 0 11px;
  color: #07182f;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
}

.job-hours-module {
  background:
    radial-gradient(circle at 0 0, rgba(45, 212, 191, 0.09), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.job-time-visual {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 18px;
  padding: 13px 11px;
  background: rgba(238, 246, 255, 0.7);
}

.job-time-display {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.job-time-display > strong {
  color: #07182f;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}

.job-time-display > span {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 5px;
  align-items: center;
}

.job-time-display i {
  height: 1px;
  background: rgba(31, 132, 229, 0.32);
}

.job-time-display b {
  color: #475569;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  white-space: nowrap;
}

.job-time-track {
  position: relative;
  height: 7px;
  border-radius: 999px;
  background: #dbeafe;
}

.job-time-track > span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #1f84e5, #6d5dfc, #2dd4bf);
  box-shadow: 0 5px 14px rgba(31, 132, 229, 0.2);
}

.job-time-track > b {
  position: absolute;
  top: 50%;
  left: var(--break-position);
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #f59e0b;
  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);
  transform: translate(-50%, -50%);
}

.job-time-sliders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.job-time-sliders label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.job-time-sliders label > span {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 820;
}

.job-time-sliders label > span strong {
  color: #07182f;
  font-size: 11px;
  font-weight: 900;
}

.job-time-sliders input[type="range"] {
  width: 100%;
  height: 5px;
  accent-color: #315ee8;
}

.job-break-selector,
.job-repeat-control-row {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.job-break-selector::-webkit-scrollbar,
.job-repeat-control-row::-webkit-scrollbar {
  display: none;
}

.job-break-selector button,
.job-repeat-control-row button,
.job-week-switch button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(205, 219, 237, 0.88);
  border-radius: 999px;
  padding: 0 10px;
  color: #475569;
  background: #fff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 860;
  box-shadow: 0 7px 16px rgba(6, 25, 54, 0.04);
}

.job-break-selector button.active,
.job-repeat-control-row button.active,
.job-week-switch button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.3);
  background: #eef6ff;
}

.job-week-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.job-week-switch button {
  min-width: 0;
  border-radius: 13px;
}

.job-week-day-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
}

.job-week-day-grid button {
  min-width: 0;
  min-height: 60px;
  display: grid;
  place-items: center;
  gap: 3px;
  border: 1px solid rgba(205, 219, 237, 0.84);
  border-radius: 12px;
  padding: 6px 1px;
  color: #64748b;
  background: #fff;
  box-shadow: 0 7px 15px rgba(6, 25, 54, 0.035);
}

.job-week-day-grid button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.28);
  background: linear-gradient(180deg, #fff, #eef6ff);
  box-shadow: 0 10px 20px rgba(31, 132, 229, 0.09);
}

.job-week-day-grid strong {
  color: inherit;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
}

.job-week-day-grid span {
  color: inherit;
  font-size: 6.8px;
  line-height: 1;
  font-weight: 820;
  white-space: nowrap;
}

.job-week-day-grid i {
  color: inherit;
  font-size: 9px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.job-date-range-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.job-cycle-preview {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  border-radius: 16px;
  padding: 11px;
  background: rgba(238, 246, 255, 0.62);
}

.job-cycle-preview span {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.job-cycle-preview strong {
  color: #07182f;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 900;
}

.job-cycle-preview small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.28;
  font-weight: 720;
  overflow-wrap: anywhere;
}

.job-impact-module {
  border-color: rgba(31, 132, 229, 0.16);
  background:
    radial-gradient(circle at 0 0, rgba(31, 132, 229, 0.09), transparent 38%),
    linear-gradient(180deg, #fff, #f7faff);
}

.job-impact-grid article {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: start;
  border: 1px solid rgba(205, 219, 237, 0.82);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 9px 20px rgba(6, 25, 54, 0.04);
}

.job-impact-grid span {
  color: #64748b;
  font-size: 9.8px;
  line-height: 1.16;
  font-weight: 850;
}

.job-impact-grid strong {
  color: #07182f;
  font-size: 18px;
  line-height: 1.06;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.job-impact-grid small {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.24;
  font-weight: 720;
}

.candidate-phone-section {
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.08), transparent 40%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.job-candidate-phone {
  position: relative;
  width: min(100%, 292px);
  justify-self: center;
  display: grid;
  gap: 9px;
  border: 5px solid #0b1730;
  border-radius: 28px;
  padding: 13px;
  color: #07182f;
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.1), transparent 38%),
    #fff;
  box-shadow: 0 22px 48px rgba(6, 25, 54, 0.18);
}

.job-candidate-phone::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 50%;
  width: 50px;
  height: 4px;
  border-radius: 999px;
  background: #0b1730;
  transform: translateX(-50%);
}

.job-phone-status {
  display: flex;
  justify-content: space-between;
  padding-top: 2px;
  color: #475569;
  font-size: 8px;
  font-weight: 900;
}

.job-phone-status i {
  width: 28px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1f84e5 55%, #dbeafe 55%);
}

.job-candidate-phone .job-phone-brand {
  color: #64748b;
}

.job-phone-sector {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 5px 7px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
}

.job-candidate-phone h3 {
  margin: 0;
  color: #07182f;
  font-size: 19px;
  line-height: 1.08;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.job-candidate-phone > p {
  display: flex;
  gap: 5px;
  align-items: center;
  margin: 0;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 760;
}

.job-candidate-phone > p svg {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}

.job-candidate-phone > strong {
  color: #07182f;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
}

.job-phone-shift,
.job-phone-match {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(205, 219, 237, 0.82);
  border-radius: 14px;
  padding: 9px;
  background: #f8fbff;
}

.job-phone-shift span,
.job-phone-shift b,
.job-phone-shift small,
.job-phone-match span,
.job-phone-match strong,
.job-phone-match small {
  display: block;
  min-width: 0;
}

.job-phone-shift span {
  color: #1238b6;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 900;
}

.job-phone-shift b {
  color: #07182f;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 900;
}

.job-phone-shift small,
.job-phone-match small {
  color: #64748b;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 720;
}

.job-phone-match {
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
}

.job-phone-match > svg {
  width: 16px;
  height: 16px;
  color: #1238b6;
}

.job-phone-match strong {
  color: #07182f;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 900;
}

.job-candidate-phone > button {
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #1f84e5, #5b4df1);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(31, 132, 229, 0.22);
}

@media (max-width: 350px) {
  .job-schedule-command-top,
  .job-schedule-module-heading {
    grid-template-columns: 1fr;
  }

  .job-schedule-command-top > em,
  .job-schedule-module-heading > em {
    width: max-content;
    max-width: 100%;
  }

  .job-pattern-card-grid {
    grid-template-columns: 1fr;
  }

  .job-pattern-card-grid > button {
    min-height: 116px;
  }

  .job-time-display > strong {
    font-size: 15px;
  }

  .job-time-sliders,
  .job-date-range-grid {
    grid-template-columns: 1fr;
  }
}

/* Worker scheduling centre and multi-sector Workforce Passport */
.profile-page-content,
.worker-booking-command,
.worker-finance-page {
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
  padding-inline: 16px;
  padding-bottom: calc(104px + env(safe-area-inset-bottom));
  overflow-x: clip;
}

.worker-scheduling-centre {
  display: grid;
  gap: 14px;
}

.calendar-command-header {
  border: 1px solid rgba(87, 106, 151, 0.16);
  border-radius: 20px;
  padding: 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 10%, rgba(149, 126, 255, 0.3), transparent 34%),
    linear-gradient(145deg, #081f41, #174d91 56%, #5c43b0);
  box-shadow: 0 18px 38px rgba(15, 42, 88, 0.2);
}

.calendar-command-header > div {
  min-width: 0;
}

.calendar-command-header span {
  color: #a9cffc;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.calendar-command-header h2 {
  margin: 5px 0 7px;
  max-width: 330px;
  color: #fff;
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: 0;
}

.calendar-command-header p {
  margin: 0;
  max-width: 390px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  line-height: 1.45;
}

.calendar-command-header > button {
  flex: 0 0 auto;
  width: 42px;
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(14px);
}

.calendar-command-header > button span {
  display: none;
}

.calendar-command-header svg {
  width: 17px;
  height: 17px;
}

.calendar-intelligence {
  display: grid;
  grid-template-columns: 1.05fr 1.95fr;
  gap: 8px;
}

.calendar-intelligence-primary {
  min-width: 0;
  border: 1px solid rgba(35, 107, 194, 0.14);
  border-radius: 17px;
  padding: 13px;
  color: #173b67;
  background: linear-gradient(145deg, #eef6ff, #fff);
  box-shadow: 0 10px 24px rgba(17, 54, 96, 0.07);
}

.calendar-intelligence-primary span,
.calendar-intelligence-primary strong,
.calendar-intelligence-primary p {
  display: block;
}

.calendar-intelligence-primary span {
  color: #597898;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.calendar-intelligence-primary strong {
  margin-top: 6px;
  font-size: 17px;
  line-height: 1.15;
}

.calendar-intelligence-primary p {
  margin: 5px 0 0;
  color: #74869a;
  font-size: 9px;
  line-height: 1.35;
}

.calendar-intelligence-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.calendar-intelligence-grid > span {
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 7px 18px rgba(20, 45, 76, 0.05);
}

.calendar-intelligence-grid small,
.calendar-intelligence-grid strong,
.calendar-intelligence-grid em {
  display: block;
}

.calendar-intelligence-grid small {
  color: #7b899b;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.calendar-intelligence-grid strong {
  margin: 4px 0 2px;
  color: #183d68;
  font-size: 15px;
}

.calendar-intelligence-grid em {
  color: #7a899b;
  font-size: 8px;
  font-style: normal;
  line-height: 1.25;
}

.calendar-view-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 2px 0;
}

.calendar-view-tabs button {
  min-width: 0;
  min-height: 34px;
  border: 1px solid #dce5ee;
  border-radius: 11px;
  padding: 0 5px;
  color: #59708b;
  background: #fff;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 900;
  white-space: normal;
}

.calendar-view-tabs button.active {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6550c4);
  box-shadow: 0 7px 16px rgba(52, 76, 174, 0.2);
}

.calendar-view-surface,
.premium-worker-calendar {
  border: 1px solid rgba(72, 93, 124, 0.12);
  border-radius: 19px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 14px 30px rgba(18, 42, 73, 0.07);
}

.calendar-surface-heading,
.premium-worker-calendar .monthly-calendar-header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.calendar-surface-heading span,
.premium-worker-calendar .monthly-calendar-header > div > span {
  display: block;
  color: #74869a;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.calendar-surface-heading h3,
.premium-worker-calendar .monthly-calendar-header h3 {
  margin: 3px 0 0;
  color: #15375f;
  font-size: 16px;
  line-height: 1.2;
}

.calendar-surface-heading button,
.calendar-surface-heading em,
.premium-worker-calendar .monthly-calendar-header > span {
  border: 0;
  border-radius: 999px;
  padding: 6px 8px;
  color: #315f9a;
  background: #edf4fd;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.calendar-week-strip {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.calendar-week-strip button {
  min-width: 0;
  min-height: 62px;
  border: 1px solid #e1e8f0;
  border-radius: 11px;
  padding: 6px 2px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 3px;
  color: #5f7188;
  background: #fafbfd;
}

.calendar-week-strip button.active {
  border-color: #5072c3;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #6550c4);
}

.calendar-week-strip small {
  font-size: 7px;
  font-weight: 850;
}

.calendar-week-strip strong {
  font-size: 13px;
}

.calendar-week-strip span,
.premium-worker-calendar .calendar-grid button > span {
  min-height: 5px;
  display: flex;
  justify-content: center;
  gap: 2px;
}

.calendar-week-strip i,
.premium-worker-calendar .calendar-grid button i,
.calendar-status-key i {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  display: block;
}

.confirmed i,
i.confirmed { background: #2a72cf; }
.completed i,
i.completed { background: #1a9b6c; }
.action i,
i.action { background: #d79520; }
.cancelled i,
i.cancelled { background: #cb5260; }
.training i,
i.training { background: #7b5bd0; }

.premium-worker-calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}

.premium-worker-calendar .calendar-grid button {
  min-width: 0;
  aspect-ratio: 1 / 1;
  border: 1px solid transparent;
  border-radius: 11px;
  padding: 4px 2px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  color: #455d78;
  background: #f8fafc;
}

.premium-worker-calendar .calendar-grid button::after {
  display: none;
}

.premium-worker-calendar .calendar-grid button.has-shift {
  color: #173e6e;
  background: #eef5ff;
}

.premium-worker-calendar .calendar-grid button.selected {
  border-color: #526fc1;
  box-shadow: inset 0 0 0 1px #526fc1;
}

.premium-worker-calendar .calendar-grid button strong {
  font-size: 10px;
}

.calendar-month-next {
  margin-top: 11px;
  border: 1px solid #dce6f1;
  border-radius: 14px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: linear-gradient(145deg, #f4f8fd, #fff);
}

.calendar-month-next > div {
  min-width: 0;
}

.calendar-month-next small,
.calendar-month-next strong,
.calendar-month-next p {
  display: block;
}

.calendar-month-next small {
  color: #718398;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.calendar-month-next strong {
  margin-top: 3px;
  color: #20456f;
  font-size: 10px;
  line-height: 1.3;
}

.calendar-month-next p {
  margin: 2px 0 0;
  color: #7b899a;
  font-size: 8px;
}

.calendar-month-next button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 0;
  border-radius: 10px;
  padding: 0 9px;
  color: #fff;
  background: #315fa8;
  font-size: 8px;
  font-weight: 900;
}

.calendar-schedule-list,
.calendar-day-timeline {
  display: grid;
  gap: 8px;
}

.calendar-sheet-event {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

.calendar-sheet-event > time {
  padding-top: 10px;
  color: #60758f;
  font-size: 9px;
  font-weight: 900;
}

.calendar-sheet-event-card {
  min-width: 0;
  border: 1px solid #dfe7f0;
  border-left: 3px solid #2a72cf;
  border-radius: 14px;
  padding: 10px;
  background: #fbfcfe;
}

.calendar-sheet-event.completed .calendar-sheet-event-card { border-left-color: #1a9b6c; }
.calendar-sheet-event.action .calendar-sheet-event-card { border-left-color: #d79520; }
.calendar-sheet-event.cancelled .calendar-sheet-event-card { border-left-color: #cb5260; }
.calendar-sheet-event.training .calendar-sheet-event-card { border-left-color: #7b5bd0; }

.calendar-event-heading {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.calendar-event-heading span,
.calendar-event-heading em {
  color: #667a91;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.calendar-event-heading span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.calendar-event-heading span i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

.calendar-sheet-event-card h3 {
  margin: 5px 0 2px;
  color: #193b63;
  font-size: 13px;
}

.calendar-sheet-event-card > p {
  margin: 0;
  color: #718196;
  font-size: 9px;
}

.calendar-event-meta {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.calendar-event-meta span {
  border-radius: 999px;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #536d8b;
  background: #eef3f8;
  font-size: 7px;
  font-weight: 850;
}

.calendar-event-meta svg {
  width: 10px;
  height: 10px;
}

.calendar-event-notice {
  margin-top: 7px;
  border-radius: 9px;
  padding: 6px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #60758e;
  background: #f2f6fa;
  font-size: 8px;
  line-height: 1.3;
}

.calendar-event-notice svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: #2b66ac;
}

.calendar-event-actions {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1.3fr repeat(3, minmax(0, 0.8fr));
  gap: 4px;
}

.calendar-event-actions button {
  min-width: 0;
  min-height: 31px;
  border: 1px solid #dce4ed;
  border-radius: 9px;
  padding: 0 4px;
  color: #426286;
  background: #fff;
  font-size: 7px;
  font-weight: 900;
}

.calendar-event-actions button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6550c4);
}

.calendar-status-key {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px 12px;
  color: #708196;
  font-size: 8px;
  font-weight: 800;
}

.calendar-status-key span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.calendar-day-summary {
  border-radius: 15px;
  padding: 12px;
  color: #fff;
  background: linear-gradient(145deg, #0d315f, #5547aa);
}

.calendar-day-summary span,
.calendar-day-summary strong {
  display: block;
}

.calendar-day-summary span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 9px;
}

.calendar-day-summary strong {
  margin-top: 3px;
  font-size: 16px;
}

.calendar-empty-day {
  border: 1px dashed #cfdae6;
  border-radius: 15px;
  padding: 22px 14px;
  text-align: center;
  color: #708196;
  background: #f8fafc;
}

.calendar-empty-day svg {
  width: 24px;
  height: 24px;
  max-width: 48px;
  max-height: 48px;
  margin-bottom: 7px;
}

.calendar-empty-day strong,
.calendar-empty-day p {
  display: block;
}

.calendar-empty-day strong {
  color: #294c74;
  font-size: 12px;
}

.calendar-empty-day p {
  margin: 4px 0 0;
  font-size: 9px;
}

.candidate-booking-empty {
  min-height: 86px;
  padding: 14px;
  border: 1px dashed #cbd9e7;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  align-items: center;
  column-gap: 10px;
  row-gap: 3px;
  color: #6f8093;
  background: #f8fafc;
}

.candidate-booking-empty > svg {
  grid-area: icon;
  width: 28px;
  height: 28px;
  max-width: 48px;
  max-height: 48px;
  color: #4875aa;
}

.candidate-booking-empty strong,
.candidate-booking-empty small {
  display: block;
  min-width: 0;
}

.candidate-booking-empty strong {
  grid-area: title;
  color: #294c74;
  font-size: 12px;
  line-height: 1.2;
}

.candidate-booking-empty small {
  grid-area: copy;
  font-size: 9px;
  line-height: 1.35;
}

.worker-profile-sector-strip {
  margin-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 11px;
}

.worker-profile-sector-strip > small {
  display: block;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.worker-profile-sector-strip > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.worker-profile-sector-strip button,
.workforce-passport-sectors button {
  min-height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 999px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  font-size: 8px;
  font-weight: 850;
}

.worker-profile-sector-strip svg,
.workforce-passport-sectors svg {
  width: 11px;
  height: 11px;
}

.workforce-passport-card {
  overflow: hidden;
  border: 1px solid rgba(91, 92, 182, 0.2);
  border-radius: 21px;
  padding: 15px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 6%, rgba(142, 121, 255, 0.34), transparent 30%),
    linear-gradient(145deg, #091f42, #164c8d 57%, #5941aa);
  box-shadow: 0 20px 40px rgba(13, 36, 78, 0.22);
}

.workforce-passport-brand,
.workforce-passport-person,
.workforce-passport-qr-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.workforce-passport-brand > span,
.workforce-passport-brand > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.workforce-passport-brand > span {
  color: #fff;
}

.workforce-passport-brand img {
  width: 18px;
  height: 18px;
}

.workforce-passport-brand > em {
  color: #a8eed3;
}

.workforce-passport-brand svg {
  width: 12px;
  height: 12px;
}

.workforce-passport-person {
  margin-top: 17px;
  justify-content: flex-start;
}

.workforce-passport-person .profile-photo {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  border-color: rgba(255, 255, 255, 0.4);
  font-size: 16px;
}

.workforce-passport-person > div:nth-child(2) {
  min-width: 0;
  flex: 1;
}

.workforce-passport-person small,
.workforce-passport-person h3,
.workforce-passport-person p {
  display: block;
}

.workforce-passport-person small {
  color: #9fc8f6;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.workforce-passport-person h3 {
  margin: 3px 0;
  color: #fff;
  font-size: 18px;
}

.workforce-passport-person p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
}

.workforce-passport-person > button {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.workforce-passport-person > button strong,
.workforce-passport-person > button small {
  display: block;
}

.workforce-passport-person > button strong {
  font-size: 16px;
}

.workforce-passport-person > button small {
  color: rgba(255, 255, 255, 0.65);
  font-size: 7px;
}

.workforce-passport-meta {
  margin: 15px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.workforce-passport-meta > span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.07);
}

.workforce-passport-meta small,
.workforce-passport-meta strong {
  display: block;
}

.workforce-passport-meta small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 7px;
  text-transform: uppercase;
}

.workforce-passport-meta strong {
  margin-top: 3px;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
}

.workforce-passport-sectors > small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.workforce-passport-sectors > div {
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.workforce-passport-qr-action {
  width: 100%;
  margin-top: 13px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  padding: 9px;
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  text-align: left;
}

.workforce-passport-qr-action .qr-code {
  flex: 0 0 auto;
  padding: 4px;
  background: #fff;
}

.workforce-passport-qr-action > span {
  min-width: 0;
  flex: 1;
}

.workforce-passport-qr-action strong,
.workforce-passport-qr-action small {
  display: block;
}

.workforce-passport-qr-action strong {
  font-size: 10px;
}

.workforce-passport-qr-action small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
}

.workforce-passport-qr-action > svg {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}

.workforce-passport-grid,
.identity-passport-list {
  display: grid;
  gap: 7px;
}

.workforce-passport-grid button,
.identity-passport-list button {
  width: 100%;
  min-width: 0;
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  color: #21456e;
  background: #fbfcfe;
  text-align: left;
}

.workforce-passport-grid button > i,
.identity-passport-list button > i {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #356db2;
  background: #eaf2fc;
}

.workforce-passport-grid svg,
.identity-passport-list svg {
  width: 15px;
  height: 15px;
}

.workforce-passport-grid small,
.workforce-passport-grid strong,
.workforce-passport-grid p,
.identity-passport-list small,
.identity-passport-list strong,
.identity-passport-list p {
  display: block;
}

.workforce-passport-grid small,
.identity-passport-list small {
  color: #17805d;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.workforce-passport-grid strong,
.identity-passport-list strong {
  margin-top: 2px;
  color: #20446d;
  font-size: 11px;
}

.workforce-passport-grid p,
.identity-passport-list p {
  margin: 2px 0 0;
  color: #748499;
  font-size: 8px;
  line-height: 1.3;
}

.workforce-passport-grid button > em,
.identity-passport-list button > em {
  color: #71849a;
  transform: rotate(180deg);
}

.sector-passport-sheet,
.trust-score-sheet,
.passport-qr-sheet,
.verification-audit-sheet,
.worker-directions-sheet {
  display: grid;
  gap: 10px;
}

.sector-passport-sheet-head {
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  background: linear-gradient(145deg, #eef5ff, #fff);
}

.sector-passport-sheet-head > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #6550c4);
}

.sector-passport-sheet-head svg {
  width: 18px;
  height: 18px;
}

.sector-passport-sheet-head small,
.sector-passport-sheet-head h3,
.sector-passport-sheet-head p {
  display: block;
}

.sector-passport-sheet-head small {
  color: #70829a;
  font-size: 8px;
}

.sector-passport-sheet-head h3 {
  margin: 2px 0;
  color: #173b64;
  font-size: 14px;
}

.sector-passport-sheet-head p {
  margin: 0;
  color: #73849a;
  font-size: 8px;
}

.sector-passport-sheet-head > em {
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.sector-passport-sheet-head > em.cleared {
  color: #176e51;
  background: #def4ea;
}

.sector-passport-facts,
.booking-id-facts,
.directions-route-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.sector-passport-facts > span,
.booking-id-facts > span,
.directions-route-summary > span {
  min-width: 0;
  border: 1px solid #dfe7ef;
  border-radius: 12px;
  padding: 9px;
  background: #fafbfd;
}

.sector-passport-facts small,
.sector-passport-facts strong,
.booking-id-facts small,
.booking-id-facts strong,
.directions-route-summary small,
.directions-route-summary strong {
  display: block;
}

.sector-passport-facts small,
.booking-id-facts small,
.directions-route-summary small {
  color: #7a899a;
  font-size: 7px;
  text-transform: uppercase;
}

.sector-passport-facts strong,
.booking-id-facts strong,
.directions-route-summary strong {
  margin-top: 3px;
  color: #24496f;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.sector-clearance-list {
  display: grid;
  gap: 5px;
}

.sector-clearance-list article,
.trust-score-breakdown article,
.verification-audit-sheet article {
  border: 1px solid #dfe6ee;
  border-radius: 12px;
  padding: 9px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  background: #fbfcfe;
}

.sector-clearance-list article > i,
.verification-audit-sheet article > i {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #21795b;
  background: #e4f5ed;
}

.sector-clearance-list svg,
.verification-audit-sheet svg {
  width: 12px;
  height: 12px;
}

.sector-clearance-list strong,
.sector-clearance-list small,
.verification-audit-sheet small,
.verification-audit-sheet strong,
.verification-audit-sheet p {
  display: block;
}

.sector-clearance-list strong,
.verification-audit-sheet strong {
  color: #284a70;
  font-size: 10px;
}

.sector-clearance-list small,
.verification-audit-sheet small {
  margin-top: 2px;
  color: #7a899a;
  font-size: 8px;
}

.sector-clearance-list em,
.verification-audit-sheet em {
  border-radius: 999px;
  padding: 4px 6px;
  color: #176d50;
  background: #def3e9;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.sector-clearance-list em.warning {
  color: #8a5c13;
  background: #fff0d3;
}

.sector-role-list {
  border: 1px solid #e0e7ef;
  border-radius: 13px;
  padding: 10px;
  background: #f8fafc;
}

.sector-role-list > small {
  color: #728398;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.sector-role-list > div {
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.sector-role-list span {
  border-radius: 999px;
  padding: 5px 7px;
  color: #315e96;
  background: #eaf2fc;
  font-size: 8px;
  font-weight: 850;
}

.trust-score-sheet-hero {
  border-radius: 17px;
  padding: 14px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: #fff;
  background: linear-gradient(145deg, #0c305d, #5545a7);
}

.passport-trust-ring {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  background: radial-gradient(circle, #173e70 54%, transparent 56%), conic-gradient(#7ee2ba var(--passport-score), rgba(255,255,255,0.15) 0);
}

.passport-trust-ring strong,
.passport-trust-ring small {
  display: block;
}

.passport-trust-ring strong {
  font-size: 20px;
}

.passport-trust-ring small {
  color: rgba(255,255,255,0.65);
  font-size: 8px;
}

.trust-score-sheet-hero span {
  color: #a8cef8;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.trust-score-sheet-hero h3 {
  margin: 3px 0;
  font-size: 14px;
}

.trust-score-sheet-hero p {
  margin: 0;
  color: rgba(255,255,255,0.68);
  font-size: 9px;
}

.trust-score-breakdown {
  display: grid;
  gap: 5px;
}

.trust-score-breakdown article {
  grid-template-columns: minmax(0, 1fr) auto;
}

.trust-score-breakdown strong,
.trust-score-breakdown small {
  display: block;
}

.trust-score-breakdown strong {
  color: #284a70;
  font-size: 10px;
}

.trust-score-breakdown small {
  margin-top: 2px;
  color: #7a899a;
  font-size: 8px;
}

.trust-score-breakdown em {
  color: #176d50;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.passport-private-note {
  margin: 0;
  border: 1px solid #cae6da;
  border-radius: 12px;
  padding: 9px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #55796b;
  background: #f0faf6;
  font-size: 8px;
  line-height: 1.35;
}

.passport-private-note svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: #177153;
}

.passport-qr-card {
  border-radius: 18px;
  padding: 15px;
  text-align: center;
  color: #fff;
  background: linear-gradient(145deg, #0b2b55, #5544a6);
}

.passport-qr-card > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #b7d7fb;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.passport-qr-card img {
  width: 18px;
  height: 18px;
}

.passport-qr-card .qr-code.large {
  width: 128px;
  height: 128px;
  margin: 14px auto;
  grid-template-columns: repeat(7, 1fr);
  padding: 9px;
  background: #fff;
}

.passport-qr-card h3 {
  margin: 0;
  font-size: 16px;
}

.passport-qr-card p {
  margin: 4px 0 9px;
  color: rgba(255,255,255,0.68);
  font-size: 9px;
}

.passport-qr-card em {
  border-radius: 999px;
  padding: 5px 8px;
  color: #a9efd4;
  background: rgba(33, 151, 108, 0.22);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.verification-audit-sheet article {
  grid-template-columns: 28px minmax(0, 1fr) auto;
}

.verification-audit-sheet p {
  margin: 2px 0 0;
  color: #748499;
  font-size: 8px;
  line-height: 1.35;
}

.directions-map-preview {
  height: 180px;
  position: relative;
  overflow: hidden;
  border-radius: 17px;
  background:
    linear-gradient(30deg, transparent 46%, rgba(255,255,255,0.85) 47% 52%, transparent 53%),
    linear-gradient(120deg, transparent 43%, rgba(255,255,255,0.8) 44% 49%, transparent 50%),
    #dcebdd;
}

.directions-map-preview::before,
.directions-map-preview::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: rgba(96, 148, 210, 0.25);
}

.directions-map-preview::before {
  width: 150px;
  height: 50px;
  left: -25px;
  bottom: 10px;
  transform: rotate(-25deg);
}

.directions-map-preview::after {
  width: 100px;
  height: 100px;
  right: 20px;
  top: 10px;
  background: rgba(90, 164, 112, 0.2);
}

.directions-map-preview > span {
  z-index: 2;
  width: 34px;
  height: 34px;
  position: absolute;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  box-shadow: 0 9px 20px rgba(20, 45, 78, 0.2);
}

.directions-worker-pin {
  left: 45px;
  bottom: 35px;
  background: #216fc8;
}

.directions-site-pin {
  right: 48px;
  top: 38px;
  background: #6350be;
}

.directions-map-preview svg {
  width: 16px;
  height: 16px;
}

.worker-directions-sheet > p {
  margin: 0;
  color: #718298;
  font-size: 9px;
  line-height: 1.4;
}

@media (max-width: 390px) {
  .calendar-intelligence {
    grid-template-columns: 1fr;
  }

  .calendar-intelligence-primary {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
  }

  .calendar-intelligence-primary p {
    grid-column: 1 / -1;
  }

  .calendar-event-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .calendar-event-actions button.primary {
    grid-column: 1 / -1;
  }

  .sector-passport-sheet-head {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .sector-passport-sheet-head > em {
    grid-column: 2;
    justify-self: start;
  }
}

/* Premium worker booking, attendance, approval, and payment journey */
.worker-current-booking {
  margin: 0 0 4px;
  border: 1px solid rgba(53, 78, 112, 0.11);
  border-radius: 23px;
  padding: 15px;
  color: #17375f;
  background:
    radial-gradient(circle at 100% 0, rgba(96, 76, 193, 0.08), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 254, 0.96));
  box-shadow: 0 18px 38px rgba(12, 35, 68, 0.1);
}

.current-booking-top,
.current-booking-main,
.current-booking-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.current-booking-top > span {
  color: #607691;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.current-booking-top > em {
  border-radius: 999px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #2a5e9e;
  background: #eaf2ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.current-booking-top > em.green {
  color: #166f51;
  background: #e4f6ee;
}

.current-booking-top > em.yellow {
  color: #8d6117;
  background: #fff3d9;
}

.current-booking-top > em i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}

.current-booking-main {
  margin: 15px 0 13px;
  justify-content: flex-start;
}

.current-booking-date {
  width: 50px;
  height: 56px;
  flex: 0 0 auto;
  border-radius: 16px;
  display: grid;
  align-content: center;
  justify-items: center;
  color: #fff;
  background: linear-gradient(145deg, #0e3f78, #5a48b6);
  box-shadow: 0 10px 20px rgba(48, 62, 151, 0.22);
}

.current-booking-date strong {
  font-size: 20px;
  line-height: 1;
}

.current-booking-date small {
  margin-top: 3px;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.current-booking-main > div:last-child {
  min-width: 0;
}

.current-booking-main > div:last-child > small {
  color: #6d7e93;
  font-size: 9px;
  font-weight: 850;
}

.current-booking-main h2 {
  margin: 3px 0 4px;
  color: #102f56;
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: 0;
}

.current-booking-main p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #63768e;
  font-size: 10px;
}

.current-booking-main p svg {
  width: 12px;
  height: 12px;
}

.current-booking-strip {
  border: 1px solid #dfe7f0;
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1.35fr 0.7fr 0.7fr;
  gap: 8px;
  background: #f8fafd;
}

.current-booking-strip > span {
  min-width: 0;
  border-left: 1px solid #e0e7ef;
  padding-left: 8px;
}

.current-booking-strip > span:first-child {
  border-left: 0;
  padding-left: 0;
}

.current-booking-strip small,
.current-booking-strip strong {
  display: block;
}

.current-booking-strip small {
  color: #8693a3;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.current-booking-strip strong {
  margin-top: 3px;
  color: #234468;
  font-size: 10px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.current-booking-readiness {
  margin: 10px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.current-booking-readiness > span {
  min-width: 0;
  border: 1px solid #e1e8f0;
  border-radius: 12px;
  padding: 8px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  column-gap: 5px;
  background: #fff;
}

.current-booking-readiness svg {
  width: 13px;
  height: 13px;
  color: #4868a8;
}

.current-booking-readiness b,
.current-booking-readiness small {
  display: block;
  grid-column: 2;
}

.current-booking-readiness b {
  color: #29496f;
  font-size: 8px;
}

.current-booking-readiness small {
  margin-top: 2px;
  color: #7f8c9d;
  font-size: 7px;
  line-height: 1.25;
}

.current-booking-callout {
  border: 1px solid #d5e5f8;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  background: #f1f7ff;
}

.current-booking-callout > svg {
  width: 18px;
  height: 18px;
  color: #276bbe;
}

.current-booking-callout strong,
.current-booking-callout small {
  display: block;
}

.current-booking-callout strong {
  color: #254a78;
  font-size: 10px;
}

.current-booking-callout small {
  margin-top: 2px;
  color: #718299;
  font-size: 8px;
  line-height: 1.35;
}

.current-booking-actions {
  margin-top: 11px;
  align-items: stretch;
}

.current-booking-actions button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  padding: 0 8px;
  flex: 1 1 0;
  color: #35577e;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
}

.current-booking-actions button.primary {
  flex: 1.4 1 0;
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6450c5);
  box-shadow: 0 10px 20px rgba(52, 78, 176, 0.21);
}

.worker-booking-journey {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 16px calc(104px + env(safe-area-inset-bottom));
  gap: 12px;
  background:
    radial-gradient(circle at 90% 4%, rgba(91, 72, 203, 0.09), transparent 28%),
    linear-gradient(180deg, #f4f7fb 0%, #f8fafc 42%, #f4f7fb 100%);
}

.worker-booking-journey.booking-stage-mileage,
.worker-booking-journey.booking-stage-agency-mileage-review {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
  min-height: 100vh;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
  overflow-x: hidden;
}

.app-shell:has(.mileage-page) .main {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 16px !important;
}

.app-shell:has(.mileage-page) .content {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.worker-booking-journey.booking-stage-mileage,
.worker-booking-journey.booking-stage-agency-mileage-review {
  padding-top: 8px;
  padding-bottom: 16px;
  background:
    radial-gradient(circle at 52% 0%, rgba(22, 95, 211, 0.22), transparent 34%),
    linear-gradient(180deg, #061d3c 0%, #09284f 36%, #f3f7fc 36%, #f8fbff 100%);
}

.worker-booking-journey.booking-stage-mileage .booking-journey-header,
.worker-booking-journey.booking-stage-mileage .booking-journey-progress,
.worker-booking-journey.booking-stage-agency-mileage-review .booking-journey-header,
.worker-booking-journey.booking-stage-agency-mileage-review .booking-journey-progress {
  display: none !important;
}

.worker-booking-journey:has(.mileage-page) .booking-journey-header,
.worker-booking-journey:has(.mileage-page) .booking-journey-progress {
  display: none !important;
}

.worker-booking-journey.booking-stage-mileage .booking-journey-header,
.worker-booking-journey.booking-stage-agency-mileage-review .booking-journey-header {
  margin-right: 0;
  margin-left: 0;
}

.worker-booking-journey.booking-stage-mileage .booking-journey-progress,
.worker-booking-journey.booking-stage-agency-mileage-review .booking-journey-progress,
.worker-booking-journey.booking-stage-mileage .mileage-page,
.worker-booking-journey.booking-stage-agency-mileage-review .mileage-page {
  width: calc(100% - 16px);
  max-width: calc(100% - 16px);
  margin-right: auto;
  margin-left: auto;
}

.app-shell:has(.worker-booking-journey.booking-stage-mileage) .nav,
.app-shell:has(.worker-booking-journey.booking-stage-agency-mileage-review) .nav {
  display: none !important;
}

.app-shell:has(.mileage-page) .nav {
  display: none !important;
}

.booking-journey-header {
  margin: 0 -16px;
  padding: max(16px, env(safe-area-inset-top)) 18px 20px;
  color: #fff;
  background:
    radial-gradient(circle at 85% 12%, rgba(155, 132, 255, 0.32), transparent 28%),
    linear-gradient(145deg, #071b3a 0%, #103f83 55%, #5039a9 100%);
  box-shadow: 0 18px 38px rgba(7, 27, 58, 0.22);
}

.booking-journey-nav,
.booking-journey-title,
.booking-journey-meta,
.booking-stage-heading,
.live-shift-status,
.booking-stage-actions,
.agency-review-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.booking-journey-nav {
  margin-bottom: 18px;
}

.booking-journey-nav > button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
}

.booking-journey-nav > button span {
  display: none;
}

.booking-journey-nav > button.booking-nav-back-wide {
  width: auto;
  min-width: 132px;
  padding: 0 12px;
  display: inline-flex;
  justify-content: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 900;
}

.booking-journey-nav > button.booking-nav-back-wide span {
  display: inline;
}

.booking-journey-nav > button svg {
  width: 17px;
  height: 17px;
}

.booking-journey-nav > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.booking-journey-nav > span svg {
  width: 14px;
  height: 14px;
  color: #78e1ba;
}

.booking-journey-title {
  align-items: flex-start;
}

.booking-journey-title > div {
  min-width: 0;
}

.booking-journey-title small,
.booking-stage-label {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.booking-journey-title small {
  color: #9fc6ff;
}

.booking-journey-title h1 {
  margin: 0;
  max-width: 250px;
  font-size: 23px;
  line-height: 1.12;
  letter-spacing: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.booking-journey-title p {
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.35;
}

.booking-journey-title > em {
  flex: 0 0 auto;
  max-width: 110px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  padding: 7px 9px;
  color: #e9f2ff;
  background: rgba(255, 255, 255, 0.1);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

.booking-journey-title > em.success {
  border-color: rgba(120, 225, 186, 0.35);
  color: #bdf4dc;
  background: rgba(28, 122, 87, 0.3);
}

.booking-journey-meta {
  margin-top: 18px;
  align-items: stretch;
}

.booking-journey-meta > span {
  min-width: 0;
  flex: 1 1 0;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  padding-left: 10px;
}

.booking-journey-meta > span:first-child {
  border-left: 0;
  padding-left: 0;
}

.booking-journey-meta small,
.booking-journey-meta strong {
  display: block;
}

.booking-journey-meta small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.booking-journey-meta strong {
  margin-top: 3px;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.booking-journey-progress {
  border: 1px solid rgba(57, 79, 111, 0.11);
  border-radius: 16px;
  padding: 10px 7px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 25px rgba(13, 36, 70, 0.07);
  backdrop-filter: blur(16px);
}

.booking-journey-progress > span {
  min-width: 0;
  position: relative;
  display: grid;
  justify-items: center;
  gap: 4px;
  color: #8b97a8;
}

.booking-journey-progress > span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 11px;
  left: calc(50% + 12px);
  width: calc(100% - 24px);
  height: 2px;
  background: #dfe6ef;
}

.booking-journey-progress > span.complete:not(:last-child)::after {
  background: linear-gradient(90deg, #2776d2, #7659cd);
}

.booking-journey-progress i {
  z-index: 1;
  width: 23px;
  height: 23px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #7e8b9c;
  background: #eef2f7;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.booking-journey-progress i svg {
  width: 12px;
  height: 12px;
}

.booking-journey-progress .active i {
  color: #fff;
  background: linear-gradient(135deg, #176bd0, #6652c7);
  box-shadow: 0 5px 12px rgba(55, 82, 181, 0.3);
}

.booking-journey-progress .complete i {
  color: #fff;
  background: #16835e;
}

.booking-journey-progress small {
  max-width: 100%;
  font-size: 7px;
  font-weight: 850;
  line-height: 1.1;
  text-align: center;
  white-space: normal;
}

.booking-stage-card {
  border: 1px solid rgba(59, 81, 111, 0.11);
  border-radius: 22px;
  padding: 16px;
  color: #112b4f;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(12, 35, 68, 0.08);
}

.booking-stage-heading {
  align-items: flex-start;
  margin-bottom: 14px;
}

.booking-stage-heading > div {
  min-width: 0;
}

.booking-stage-heading span,
.agency-review-context > span {
  display: block;
  color: #667b96;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.booking-stage-heading h2 {
  margin: 4px 0 0;
  color: #102d53;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
}

.booking-stage-heading > em {
  flex: 0 0 auto;
  max-width: 115px;
  border: 1px solid #cfe8dd;
  border-radius: 999px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #166e50;
  background: #edf9f4;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
}

.booking-stage-heading > em svg {
  width: 12px;
  height: 12px;
}

.booking-site-card {
  border: 1px solid #dce6f2;
  border-radius: 16px;
  padding: 11px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  background: linear-gradient(145deg, #f6f9fd, #fff);
}

.booking-site-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #256fca;
  background: #e9f2ff;
}

.booking-site-icon svg {
  width: 16px;
  height: 16px;
}

.booking-site-card div {
  min-width: 0;
}

.booking-site-card strong,
.booking-site-card small {
  display: block;
}

.booking-site-card strong {
  color: #102d53;
  font-size: 13px;
}

.booking-site-card small {
  margin-top: 3px;
  color: #6e7e93;
  font-size: 10px;
  line-height: 1.35;
}

.booking-site-card button {
  border: 0;
  padding: 6px;
  color: #1767c4;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
}

.booking-detail-list {
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.booking-detail-list article {
  min-width: 0;
  border: 1px solid #e3eaf2;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  background: #fbfcfe;
}

.booking-detail-list article:last-child {
  grid-column: 1 / -1;
}

.booking-detail-list article > span,
.booking-detail-list article > span svg {
  width: 16px;
  height: 16px;
  color: #4e65b4;
}

.booking-detail-list small,
.booking-detail-list strong {
  display: block;
}

.booking-detail-list small {
  color: #8290a2;
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.booking-detail-list strong {
  margin-top: 3px;
  color: #233c5e;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.booking-location-status {
  border: 1px solid #dce6f0;
  border-radius: 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  background: #f6f8fb;
}

.booking-location-status > span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #57708f;
  background: #e8edf4;
}

.booking-location-status > span svg {
  width: 15px;
  height: 15px;
}

.booking-location-status strong,
.booking-location-status small {
  display: block;
}

.booking-location-status strong {
  font-size: 12px;
}

.booking-location-status small {
  margin-top: 2px;
  color: #6f7f93;
  font-size: 10px;
  line-height: 1.35;
}

.booking-location-status.waiting {
  border-color: #efdcae;
  background: #fffaf0;
}

.booking-location-status.verified {
  border-color: #c5e9d9;
  background: #effaf5;
}

.booking-location-status.verified > span {
  color: #147657;
  background: #dff5eb;
}

.booking-stage-actions {
  margin-top: 12px;
  align-items: stretch;
}

.booking-stage-actions > button,
.booking-primary-action,
.booking-checkout-action {
  min-width: 0;
  min-height: 44px;
  border: 1px solid #d9e3ee;
  border-radius: 13px;
  padding: 0 12px;
  flex: 1 1 0;
  color: #244a78;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.booking-stage-actions > .booking-primary-action,
.booking-primary-action {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6550c4);
  box-shadow: 0 10px 20px rgba(54, 80, 177, 0.22);
}

.booking-primary-action:disabled {
  color: #8a97a7;
  background: #e8edf3;
  box-shadow: none;
}

.booking-gps-stage,
.worker-approval-stage,
.worker-released-stage {
  padding: 24px 18px;
  text-align: center;
}

.gps-verification-orbit {
  width: 90px;
  height: 90px;
  margin: 2px auto 18px;
  position: relative;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #624ec2);
  box-shadow: 0 14px 32px rgba(43, 72, 170, 0.24);
}

.gps-verification-orbit span svg {
  width: 28px;
  height: 28px;
}

.gps-verification-orbit i,
.gps-verification-orbit b {
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(51, 102, 198, 0.28);
  border-radius: inherit;
  animation: booking-gps-pulse 1.4s ease-out infinite;
}

.gps-verification-orbit b {
  inset: -19px;
  animation-delay: 0.35s;
}

@keyframes booking-gps-pulse {
  from { opacity: 0.9; transform: scale(0.82); }
  to { opacity: 0; transform: scale(1.12); }
}

.booking-gps-stage .booking-stage-label,
.worker-approval-stage .booking-stage-label,
.worker-released-stage .booking-stage-label {
  color: #5f73a0;
}

.booking-gps-stage h2,
.worker-approval-stage h2,
.worker-released-stage h2 {
  margin: 4px 0 7px;
  color: #102d53;
  font-size: 20px;
}

.booking-gps-stage > p,
.worker-approval-stage > p,
.worker-released-stage > p {
  max-width: 370px;
  margin: 0 auto;
  color: #697b92;
  font-size: 12px;
  line-height: 1.5;
}

.gps-verification-lines {
  max-width: 340px;
  margin: 18px auto 0;
  display: grid;
  gap: 7px;
  text-align: left;
}

.gps-verification-lines > span {
  border: 1px solid #e0e7f0;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #687a90;
  background: #f9fbfd;
  font-size: 11px;
}

.gps-verification-lines > span.complete {
  color: #176c50;
  border-color: #cae9dc;
  background: #f0faf6;
}

.gps-verification-lines svg {
  width: 15px;
  height: 15px;
}

.live-shift-stage {
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(98, 78, 194, 0.07), transparent 32%),
    #fff;
}

.live-shift-status > span,
.live-shift-status > em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.live-shift-status > span {
  color: #147657;
}

.live-shift-status > span i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #18a873;
  box-shadow: 0 0 0 5px rgba(24, 168, 115, 0.12);
}

.live-shift-status > span.break {
  color: #9a6715;
}

.live-shift-status > span.break i {
  background: #dfa229;
  box-shadow: 0 0 0 5px rgba(223, 162, 41, 0.14);
}

.live-shift-status > em {
  color: #58708d;
}

.live-shift-status svg {
  width: 13px;
  height: 13px;
  color: #176c50;
}

.live-shift-clock {
  padding: 28px 0 20px;
  text-align: center;
}

.live-shift-clock small {
  color: #7890ac;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.live-shift-clock strong {
  display: block;
  margin: 7px 0;
  color: #102d53;
  font-size: 32px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
}

.live-shift-clock p {
  margin: 0;
  color: #6c7d92;
  font-size: 11px;
}

.live-shift-finance,
.timesheet-summary-grid,
.released-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.live-shift-finance > span,
.timesheet-summary-grid > span,
.released-breakdown > span {
  min-width: 0;
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  padding: 9px;
  background: #f9fbfd;
}

.live-shift-finance small,
.live-shift-finance strong,
.timesheet-summary-grid small,
.timesheet-summary-grid strong,
.released-breakdown small,
.released-breakdown strong {
  display: block;
}

.live-shift-finance small,
.timesheet-summary-grid small,
.released-breakdown small {
  color: #7b899a;
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.live-shift-finance strong,
.timesheet-summary-grid strong,
.released-breakdown strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 13px;
  line-height: 1.25;
}

.live-shift-protection {
  margin-top: 10px;
  border: 1px solid #cce7dc;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: #176c50;
  background: #f0faf6;
}

.live-shift-protection > svg {
  width: 18px;
  height: 18px;
}

.live-shift-protection strong,
.live-shift-protection small {
  display: block;
}

.live-shift-protection strong {
  font-size: 11px;
}

.live-shift-protection small {
  margin-top: 2px;
  color: #668379;
  font-size: 9px;
  line-height: 1.3;
}

.live-shift-actions {
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.live-shift-actions button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #34567f;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.live-shift-actions button.primary {
  grid-column: 1 / -1;
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #176bce, #6550c4);
}

.live-shift-actions svg {
  width: 14px;
  height: 14px;
}

.booking-checkout-action {
  width: 100%;
  border-color: #d4dfea;
  color: #244a78;
  background: #f7f9fc;
}

.timesheet-summary-grid {
  margin-bottom: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timesheet-pay-card {
  border: 1px solid rgba(81, 77, 178, 0.18);
  border-radius: 16px;
  padding: 13px;
  color: #fff;
  background: linear-gradient(145deg, #0b315f, #5044a8);
  box-shadow: 0 12px 24px rgba(30, 48, 107, 0.16);
}

.timesheet-pay-card > div {
  margin-bottom: 11px;
}

.timesheet-pay-card > div small,
.timesheet-pay-card > div strong {
  display: block;
}

.timesheet-pay-card > div small,
.timesheet-pay-card > span small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
}

.timesheet-pay-card > div strong {
  margin-top: 4px;
  font-size: 25px;
  letter-spacing: 0;
}

.timesheet-pay-card > span {
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
}

.timesheet-flag-section {
  margin: 13px 0;
}

.timesheet-flag-section > strong {
  display: block;
  margin-bottom: 8px;
  color: #2a466b;
  font-size: 11px;
}

.timesheet-flag-section > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.timesheet-flag-section button {
  border: 1px solid #dce5ee;
  border-radius: 999px;
  padding: 7px 9px;
  color: #61748d;
  background: #fff;
  font-size: 9px;
  font-weight: 850;
}

.timesheet-flag-section button.active {
  border-color: #d8b66b;
  color: #8a5a10;
  background: #fff7e8;
}

.journey-notes-field {
  margin: 12px 0;
  display: grid;
  gap: 6px;
  color: #48617e;
  font-size: 10px;
  font-weight: 850;
}

.journey-notes-field textarea {
  width: 100%;
  border: 1px solid #dce4ed;
  border-radius: 13px;
  padding: 11px;
  resize: vertical;
  color: #17375f;
  background: #fbfcfe;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
}

.document-progress {
  margin-bottom: 12px;
}

.document-progress > div {
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: #e4e9f0;
}

.document-progress > div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #176bce, #6650c4, #20a16e);
}

.document-progress p {
  margin: 7px 0 0;
  color: #75859a;
  font-size: 10px;
}

.journey-document-list {
  display: grid;
  gap: 7px;
}

.journey-document-list article {
  min-width: 0;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: #fbfcfe;
}

.journey-document-list article.complete {
  border-color: #c9e7db;
  background: #f2faf7;
}

.journey-document-list article > span {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #506b91;
  background: #eaf0f7;
}

.journey-document-list article.complete > span {
  color: #147657;
  background: #ddf3e9;
}

.journey-document-list svg {
  width: 14px;
  height: 14px;
}

.journey-document-list strong,
.journey-document-list small {
  display: block;
}

.journey-document-list strong {
  color: #203f66;
  font-size: 11px;
}

.journey-document-list small {
  margin-top: 2px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  color: #7b899b;
  font-size: 9px;
}

.journey-document-list small b,
.journey-document-list small i {
  border-radius: 999px;
  padding: 3px 5px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.journey-document-list small b.required {
  color: #875b15;
  background: #fff1d5;
}

.journey-document-list small b.optional {
  color: #536b88;
  background: #eaf0f6;
}

.journey-document-list small b.system {
  color: #3f55a0;
  background: #e9edff;
}

.journey-document-list small i.submitted {
  color: #176c50;
  background: #ddf3e9;
}

.journey-document-list small i.missing {
  color: #a34750;
  background: #ffeaed;
}

.journey-document-list small i.draft {
  color: #8b6118;
  background: #fff1d6;
}

.journey-document-list p {
  margin: 4px 0 0;
  color: #986013;
  font-size: 9px;
}

.journey-document-list button {
  border: 1px solid #d7e1ec;
  border-radius: 9px;
  padding: 7px 8px;
  color: #2c61a0;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.journey-document-actions {
  display: flex;
  gap: 4px;
}

.journey-document-actions button {
  padding-inline: 6px;
}

.worker-documents-stage > .booking-primary-action,
.worker-timesheet-stage > .booking-primary-action {
  width: 100%;
  margin-top: 13px;
}

.approval-state-icon,
.released-success-mark {
  width: 62px;
  height: 62px;
  margin: 0 auto 15px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  color: #4f58ae;
  background: linear-gradient(145deg, #eef1ff, #e6ecfb);
  box-shadow: 0 12px 24px rgba(55, 70, 142, 0.13);
}

.approval-state-icon.warning {
  color: #a76a12;
  background: #fff5df;
}

.approval-state-icon svg,
.released-success-mark svg {
  width: 27px;
  height: 27px;
}

.approval-timeline {
  max-width: 380px;
  margin: 20px auto 0;
  display: grid;
  gap: 0;
  text-align: left;
}

.approval-timeline > span {
  min-height: 56px;
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  color: #9aa5b2;
}

.approval-timeline > span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 0;
  left: 12px;
  width: 2px;
  background: #e0e6ed;
}

.approval-timeline > span > svg {
  z-index: 1;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  padding: 5px;
  background: #eef2f6;
}

.approval-timeline > span.complete {
  color: #177153;
}

.approval-timeline > span.complete > svg {
  background: #ddf3e9;
}

.approval-timeline > span.active {
  color: #3b5eac;
}

.approval-timeline > span.active > svg {
  background: #e7edff;
}

.approval-timeline > span.warning {
  color: #9b6718;
}

.approval-timeline > span.warning > svg {
  background: #fff1d5;
}

.approval-timeline strong,
.approval-timeline small {
  display: block;
}

.approval-timeline strong {
  color: #29476c;
  font-size: 11px;
}

.approval-timeline small {
  margin-top: 2px;
  color: #7d8a9a;
  font-size: 9px;
}

.agency-review-context {
  margin: -16px -16px 16px;
  border-radius: 22px 22px 0 0;
  padding: 10px 14px;
  background: #edf2fa;
}

.agency-review-context button {
  border: 0;
  color: #295b98;
  background: transparent;
  font-size: 9px;
  font-weight: 900;
}

.agency-attendance-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.agency-attendance-proof > span {
  min-width: 0;
  border: 1px solid #e1e8f0;
  border-radius: 12px;
  padding: 8px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 5px;
  background: #f9fbfd;
}

.agency-attendance-proof svg {
  width: 14px;
  height: 14px;
  color: #167657;
}

.agency-attendance-proof small,
.agency-attendance-proof strong {
  display: block;
}

.agency-attendance-proof small {
  color: #8290a0;
  font-size: 7px;
  text-transform: uppercase;
}

.agency-attendance-proof strong {
  margin-top: 3px;
  color: #28476d;
  font-size: 9px;
  line-height: 1.3;
}

.agency-timesheet-review {
  margin: 10px 0;
  border: 1px solid #dfe7f0;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  gap: 8px;
  background: #fbfcfe;
}

.agency-timesheet-review.approved {
  border-color: #c8e7da;
  background: #f2faf7;
}

.agency-timesheet-review > div:first-child strong,
.agency-timesheet-review > div:first-child small {
  display: block;
}

.agency-timesheet-review > div:first-child strong {
  color: #25466e;
  font-size: 12px;
}

.agency-timesheet-review > div:first-child small {
  margin-top: 2px;
  color: #78899d;
  font-size: 9px;
}

.agency-timesheet-review > span {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  color: #71651c;
  background: #fff3d6;
  font-size: 8px;
  font-weight: 900;
}

.agency-timesheet-review.approved > span {
  color: #176c50;
  background: #ddf3e9;
}

.agency-review-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.agency-review-actions button,
.agency-document-review-list article > div:last-child button {
  min-width: 0;
  min-height: 32px;
  border: 1px solid #dce4ed;
  border-radius: 9px;
  color: #3e5f86;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.agency-document-review-list {
  display: grid;
  gap: 6px;
}

.agency-document-review-list article {
  min-width: 0;
  border: 1px solid #e0e7ef;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
}

.agency-document-review-list article.approved {
  border-color: #cbe8dc;
  background: #f2faf7;
}

.agency-document-review-list article > span svg {
  width: 16px;
  height: 16px;
  color: #49688f;
}

.agency-document-review-list article.approved > span svg {
  color: #167657;
}

.agency-document-review-list strong,
.agency-document-review-list small {
  display: block;
}

.agency-document-review-list strong {
  color: #29476d;
  font-size: 10px;
}

.agency-document-review-list small {
  margin-top: 2px;
  color: #8190a1;
  font-size: 8px;
}

.agency-document-review-list article > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
}

.agency-document-review-list article > div:last-child button {
  min-height: 29px;
  padding: 0 6px;
}

.agency-release-summary {
  border: 1px solid rgba(61, 82, 164, 0.16);
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  background: linear-gradient(145deg, #f5f7ff, #fff);
}

.agency-release-summary small,
.agency-release-summary strong {
  display: block;
}

.agency-release-summary small {
  color: #7f8ba0;
  font-size: 7px;
  text-transform: uppercase;
}

.agency-release-summary strong {
  margin-top: 3px;
  color: #203f68;
  font-size: 11px;
}

.released-success-mark {
  color: #fff;
  background: linear-gradient(145deg, #159169, #2bb57f);
}

.released-amount-card {
  max-width: 340px;
  margin: 18px auto 12px;
  border: 1px solid rgba(87, 74, 180, 0.15);
  border-radius: 18px;
  padding: 16px;
  color: #fff;
  background: linear-gradient(145deg, #0d315f, #5346aa);
  box-shadow: 0 14px 28px rgba(34, 45, 116, 0.2);
}

.released-amount-card small,
.released-amount-card strong,
.released-amount-card span {
  display: block;
}

.released-amount-card small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  text-transform: uppercase;
}

.released-amount-card strong {
  margin: 6px 0;
  font-size: 28px;
  letter-spacing: 0;
}

.released-amount-card span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
}

.worker-released-stage .released-breakdown {
  max-width: 380px;
  margin: 0 auto;
  text-align: left;
}

.checkout-phase-two,
.timesheet-phase-two,
.worker-submitted-stage,
.agency-phase-two,
.worker-payment-received-stage {
  overflow: hidden;
}

.checkout-phase-intro {
  margin: -4px 0 14px;
  color: #66778d;
  font-size: 12px;
  line-height: 1.45;
}

.checkout-status-tiles {
  display: grid;
  gap: 10px;
}

.checkout-status-tiles article {
  min-width: 0;
  border: 1px solid #dfe8f1;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  background: linear-gradient(145deg, #fbfcfe, #fff);
  box-shadow: 0 10px 22px rgba(22, 45, 78, 0.05);
}

.checkout-status-tiles article.success {
  border-color: #cce9dd;
  background: linear-gradient(145deg, #f1fbf7, #fff);
}

.checkout-status-tiles article.info {
  border-color: #d5e4fa;
  background: linear-gradient(145deg, #f4f8ff, #fff);
}

.checkout-status-tiles article > span {
  width: 36px;
  height: 36px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #176c50;
  background: #ddf4e9;
}

.checkout-status-tiles article.info > span {
  color: #2369c9;
  background: #e8f1ff;
}

.checkout-status-tiles svg {
  width: 18px;
  height: 18px;
}

.checkout-status-tiles strong,
.checkout-status-tiles small,
.checkout-status-tiles em {
  display: block;
}

.checkout-status-tiles strong {
  color: #143458;
  font-size: 13px;
  line-height: 1.25;
}

.checkout-status-tiles small {
  margin-top: 3px;
  color: #64768c;
  font-size: 10px;
  line-height: 1.35;
}

.checkout-status-tiles em {
  margin-top: 6px;
  color: #176c50;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.checkout-status-tiles .info em {
  color: #2369c9;
}

.timesheet-earnings-hero {
  border: 1px solid rgba(46, 62, 139, 0.18);
  border-radius: 20px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(111, 94, 205, 0.45), transparent 38%),
    linear-gradient(145deg, #071f3d, #173f73 56%, #5145a7);
  box-shadow: 0 16px 34px rgba(22, 45, 103, 0.2);
}

.timesheet-earnings-hero small,
.timesheet-earnings-hero strong,
.timesheet-earnings-hero span {
  display: block;
}

.timesheet-earnings-hero > div:first-child small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-earnings-hero > div:first-child strong {
  margin-top: 5px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
}

.timesheet-earnings-hero > div:first-child span {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}

.timesheet-hero-metrics {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.timesheet-hero-metrics > span {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.08);
}

.timesheet-hero-metrics small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-hero-metrics strong {
  margin-top: 4px;
  color: #fff;
  font-size: 14px;
}

.timesheet-hours-editor {
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.timesheet-hours-editor label {
  min-width: 0;
  border: 1px solid #e0e8f1;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  gap: 5px;
  background: #fbfcfe;
}

.timesheet-hours-editor label.overtime {
  border-color: #eed29a;
  background: #fff8ec;
}

.timesheet-hours-editor span,
.timesheet-hours-editor strong {
  display: block;
}

.timesheet-hours-editor span {
  color: #73849a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-hours-editor strong,
.timesheet-hours-editor input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0;
  color: #17375f;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
}

.overtime-request-card {
  border: 1px solid #ead194;
  border-radius: 18px;
  padding: 13px;
  display: grid;
  gap: 11px;
  background: linear-gradient(145deg, #fff8eb, #fff);
  box-shadow: 0 12px 24px rgba(117, 80, 23, 0.08);
}

.overtime-request-card > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.overtime-request-card > div > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #9b6718;
  background: #ffefd0;
}

.overtime-request-card svg {
  width: 17px;
  height: 17px;
}

.overtime-request-card small,
.overtime-request-card strong,
.overtime-request-card p,
.overtime-request-card label span {
  display: block;
}

.overtime-request-card small,
.overtime-request-card label span {
  color: #8f6a2a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.overtime-request-card strong {
  margin-top: 3px;
  color: #4c3612;
  font-size: 13px;
}

.overtime-request-card p {
  margin: 4px 0 0;
  color: #7b663c;
  font-size: 10px;
  line-height: 1.35;
}

.overtime-request-card textarea {
  width: 100%;
  margin-top: 6px;
  border: 1px solid #ebd7ac;
  border-radius: 13px;
  padding: 10px;
  resize: vertical;
  color: #3d2e15;
  background: #fffdf9;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
}

.timesheet-info-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.timesheet-info-grid > span {
  min-width: 0;
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  padding: 10px;
  background: #f9fbfd;
}

.timesheet-info-grid small,
.timesheet-info-grid strong {
  display: block;
}

.timesheet-info-grid small {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-info-grid strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 12px;
  line-height: 1.25;
}

.shift-notes-field textarea {
  min-height: 94px;
}

.worker-submitted-stage {
  text-align: center;
}

.worker-submission-status-card {
  max-width: 390px;
  margin: 16px auto 4px;
  border: 1px solid #dbe5f1;
  border-radius: 18px;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  background: linear-gradient(145deg, #f7faff, #fff);
  text-align: left;
}

.worker-submission-status-card > span {
  min-width: 0;
  border-radius: 13px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.82);
}

.worker-submission-status-card small,
.worker-submission-status-card strong {
  display: block;
}

.worker-submission-status-card small {
  color: #74859a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.worker-submission-status-card strong {
  margin-top: 4px;
  color: #16385f;
  font-size: 12px;
  line-height: 1.25;
}

.worker-submitted-stage .booking-stage-actions {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
}

.agency-phase-two {
  background:
    radial-gradient(circle at 100% 0, rgba(38, 105, 204, 0.07), transparent 32%),
    #fff;
}

.agency-review-worker-hero {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
}

.agency-worker-avatar {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #12375f, #5b4cc0);
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(31, 51, 113, 0.2);
}

.agency-review-worker-hero small,
.agency-review-worker-hero h2,
.agency-review-worker-hero p {
  display: block;
  margin: 0;
}

.agency-review-worker-hero small {
  color: #667b96;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agency-review-worker-hero h2 {
  margin-top: 3px;
  color: #102d53;
  font-size: 18px;
}

.agency-review-worker-hero p {
  margin-top: 3px;
  color: #687b91;
  font-size: 10px;
}

.agency-review-worker-hero em {
  border-radius: 999px;
  padding: 7px 9px;
  color: #176c50;
  background: #e4f7ee;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.agency-worker-kpis,
.agency-verification-grid,
.agency-overtime-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agency-worker-kpis {
  margin: 13px 0;
}

.agency-worker-kpis > span,
.agency-overtime-facts > span {
  min-width: 0;
  border: 1px solid #e0e8f1;
  border-radius: 13px;
  padding: 9px;
  background: #f9fbfd;
}

.agency-worker-kpis small,
.agency-worker-kpis strong,
.agency-overtime-facts small,
.agency-overtime-facts strong {
  display: block;
}

.agency-worker-kpis small,
.agency-overtime-facts small {
  color: #7d8b9d;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-worker-kpis strong,
.agency-overtime-facts strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 12px;
  line-height: 1.2;
}

.agency-verification-grid article {
  min-width: 0;
  border: 1px solid #e0e8f1;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  background: #fbfcfe;
}

.agency-verification-grid article.success {
  border-color: #cce9dd;
  background: #f3fbf7;
}

.agency-verification-grid article.warning {
  border-color: #edd398;
  background: #fff8eb;
}

.agency-verification-grid svg {
  width: 17px;
  height: 17px;
  color: #176c50;
}

.agency-verification-grid article.warning svg {
  color: #9b6718;
}

.agency-verification-grid small,
.agency-verification-grid strong {
  display: block;
}

.agency-verification-grid small {
  color: #7b899a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-verification-grid strong {
  margin-top: 3px;
  color: #213f66;
  font-size: 10px;
  line-height: 1.25;
}

.agency-overtime-review-card {
  margin: 12px 0;
  border: 1px solid #ead194;
  border-radius: 18px;
  padding: 13px;
  display: grid;
  gap: 10px;
  background: linear-gradient(145deg, #fff8eb, #fff);
}

.agency-overtime-review-card.approved {
  border-color: #c7e7d9;
  background: linear-gradient(145deg, #f1fbf7, #fff);
}

.agency-overtime-review-card.rejected {
  border-color: #f0c0c7;
  background: linear-gradient(145deg, #fff2f4, #fff);
}

.agency-overtime-review-card small,
.agency-overtime-review-card strong {
  display: block;
}

.agency-overtime-review-card > div:first-child small {
  color: #8f6a2a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-overtime-review-card > div:first-child strong {
  margin-top: 3px;
  color: #4c3612;
  font-size: 13px;
}

.agency-overtime-review-card p {
  margin: 0;
  border-radius: 13px;
  padding: 10px;
  color: #66502b;
  background: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  line-height: 1.45;
}

.agency-overtime-review-card p strong {
  margin-bottom: 3px;
  color: #3d2e15;
  font-size: 9px;
  text-transform: uppercase;
}

.agency-document-review-v2 article {
  align-items: start;
  grid-template-columns: 30px minmax(0, 1fr);
}

.agency-document-review-v2 article > div:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.agency-document-review-v2 article > div:last-child button {
  min-height: 34px;
}

.agency-document-review-v2 p {
  margin: 4px 0 0;
  color: #986013;
  font-size: 9px;
}

.agency-financial-review-card {
  margin-top: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 13px;
}

.agency-financial-review-card > div {
  grid-column: 1 / -1;
}

.agency-financial-review-card > div small,
.agency-financial-review-card > div strong,
.agency-financial-review-card > div p {
  display: block;
  margin: 0;
}

.agency-financial-review-card > div small {
  color: #64758b;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-financial-review-card > div strong {
  margin-top: 3px;
  color: #102d53;
  font-size: 15px;
}

.agency-financial-review-card > div p {
  margin-top: 4px;
  color: #697b91;
  font-size: 10px;
  line-height: 1.4;
}

.agency-bottom-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.worker-payment-received-stage .released-amount-card {
  background:
    radial-gradient(circle at 100% 0, rgba(35, 181, 124, 0.35), transparent 35%),
    linear-gradient(145deg, #06213e, #15594d);
}

.worker-submission-preview {
  display: grid;
  gap: 12px;
}

.submission-preview-hero {
  border: 1px solid rgba(42, 78, 143, 0.14);
  border-radius: 18px;
  padding: 14px;
  color: #fff;
  background: linear-gradient(145deg, #0a2b52, #5146a9);
}

.submission-preview-hero small,
.submission-preview-hero strong,
.submission-preview-hero p {
  display: block;
  margin: 0;
}

.submission-preview-hero small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.submission-preview-hero strong {
  margin-top: 4px;
  font-size: 17px;
}

.submission-preview-hero p {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}

.submission-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.submission-preview-grid > span {
  min-width: 0;
  border: 1px solid #e0e8f1;
  border-radius: 13px;
  padding: 10px;
  background: #fbfcfe;
}

.submission-preview-grid small,
.submission-preview-grid strong {
  display: block;
}

.submission-preview-grid small {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.submission-preview-grid strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 12px;
}

.submission-preview-timeline {
  display: grid;
  gap: 8px;
}

.submission-preview-timeline > span {
  border: 1px solid #e0e8f1;
  border-radius: 13px;
  padding: 10px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  background: #fbfcfe;
}

.submission-preview-timeline > span.complete {
  border-color: #cce9dd;
  background: #f3fbf7;
}

.submission-preview-timeline > span.active {
  border-color: #d5e4fa;
  background: #f4f8ff;
}

.submission-preview-timeline svg {
  width: 18px;
  height: 18px;
  color: #176c50;
}

.submission-preview-timeline .active svg {
  color: #2369c9;
}

.submission-preview-timeline strong,
.submission-preview-timeline small {
  display: block;
}

.submission-preview-timeline strong {
  color: #17375f;
  font-size: 11px;
}

.submission-preview-timeline small {
  margin-top: 2px;
  color: #6c7d92;
  font-size: 9px;
  line-height: 1.35;
}

@media (max-width: 380px) {
  .worker-submitted-stage .booking-stage-actions,
  .timesheet-hours-editor,
  .agency-worker-kpis,
  .agency-verification-grid,
  .agency-overtime-facts,
  .agency-bottom-actions {
    grid-template-columns: 1fr;
  }

  .agency-review-worker-hero {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .agency-review-worker-hero em {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

.booking-journey-progress {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.booking-journey-progress > button {
  min-width: 0;
  border: 0;
  padding: 0;
  position: relative;
  display: grid;
  justify-items: center;
  gap: 4px;
  color: #177153;
  background: transparent;
  font: inherit;
}

.booking-journey-progress > button:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 11px;
  left: calc(50% + 12px);
  width: calc(100% - 24px);
  height: 2px;
  background: linear-gradient(90deg, #2776d2, #7659cd);
}

.booking-journey-progress > button i {
  z-index: 1;
  width: 23px;
  height: 23px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #16835e;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.booking-journey-progress > button i svg {
  width: 12px;
  height: 12px;
}

.booking-journey-progress > button small {
  max-width: 100%;
  color: #48617e;
  font-size: 7px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.booking-journey-progress > span.disabled {
  opacity: 0.52;
}

.dashboard-checkin-stepper button {
  min-width: 0;
  border: 0;
  padding: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #167657;
  background: transparent;
  font: inherit;
}

.dashboard-checkin-stepper button i {
  width: 25px;
  height: 25px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #16835e;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.dashboard-checkin-stepper button svg {
  width: 13px;
  height: 13px;
}

.dashboard-checkin-stepper button small {
  font-size: 8px;
  font-weight: 900;
}

.protected-shift-confirmation {
  gap: 13px;
}

.protected-start-badge {
  border: 1px solid #c7e9dc;
  border-radius: 20px;
  padding: 14px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  background: linear-gradient(145deg, #f1fbf7, #fff);
  box-shadow: 0 14px 28px rgba(22, 106, 78, 0.09);
}

.protected-start-badge > span {
  width: 46px;
  height: 46px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #159169, #2bb57f);
}

.protected-start-badge svg {
  width: 22px;
  height: 22px;
}

.protected-start-badge small,
.protected-start-badge strong,
.protected-start-badge p {
  display: block;
  margin: 0;
}

.protected-start-badge small {
  color: #176c50;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.protected-start-badge strong {
  margin-top: 3px;
  color: #102d53;
  font-size: 18px;
  line-height: 1.15;
}

.protected-start-badge p {
  margin-top: 5px;
  color: #60768d;
  font-size: 11px;
  line-height: 1.4;
}

.protected-start-cards {
  display: grid;
  gap: 9px;
}

.protected-start-cards article {
  min-width: 0;
  border: 1px solid #dfe8f1;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  background: #fbfcfe;
}

.protected-start-cards article > span {
  width: 36px;
  height: 36px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #176c50;
  background: #ddf3e9;
}

.protected-start-cards svg {
  width: 18px;
  height: 18px;
}

.protected-start-cards strong,
.protected-start-cards small,
.protected-start-cards em {
  display: block;
}

.protected-start-cards strong {
  color: #17375f;
  font-size: 12px;
}

.protected-start-cards small {
  margin-top: 3px;
  color: #64768c;
  font-size: 10px;
  line-height: 1.35;
}

.protected-start-cards em {
  margin-top: 5px;
  color: #176c50;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.timesheet-edit-section {
  margin: 12px 0;
  border: 1px solid #e0e8f1;
  border-radius: 18px;
  padding: 13px;
  background: linear-gradient(145deg, #fbfcfe, #fff);
}

.timesheet-section-head {
  margin-bottom: 11px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.timesheet-section-head > span {
  width: 30px;
  height: 30px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6550c4);
  font-size: 11px;
  font-weight: 950;
}

.timesheet-section-head strong,
.timesheet-section-head small {
  display: block;
}

.timesheet-section-head strong {
  color: #15365d;
  font-size: 13px;
}

.timesheet-section-head small {
  margin-top: 2px;
  color: #6d7f94;
  font-size: 10px;
  line-height: 1.35;
}

.timesheet-expenses-section {
  display: grid;
  gap: 10px;
}

.timesheet-expenses-section .timesheet-section-head {
  margin-bottom: 0;
}

.timesheet-mileage-card,
.timesheet-expense-linked-list article,
.timesheet-expense-picker label {
  min-width: 0;
  border: 1px solid #e0e8f1;
  border-radius: 16px;
  background: #fbfcfe;
}

.timesheet-mileage-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 11px;
  background:
    radial-gradient(circle at 92% 8%, rgba(31, 132, 229, 0.1), transparent 34%),
    linear-gradient(145deg, #ffffff, #f7fbff);
}

.timesheet-mileage-card > span,
.timesheet-expense-linked-list article > span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #0b6bca;
  background: linear-gradient(145deg, #eef7ff, #ffffff);
  border: 1px solid rgba(31, 132, 229, 0.14);
}

.timesheet-mileage-card.declined > span {
  color: #176c50;
  background: #e7f7ef;
  border-color: rgba(23, 108, 80, 0.14);
}

.timesheet-mileage-card strong,
.timesheet-mileage-card small,
.timesheet-expense-linked-list strong,
.timesheet-expense-linked-list small {
  display: block;
}

.timesheet-mileage-card strong,
.timesheet-expense-linked-list strong {
  color: #17375f;
  font-size: 12px;
  line-height: 1.2;
}

.timesheet-mileage-card small,
.timesheet-expense-linked-list small {
  margin-top: 3px;
  color: #65758b;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}

.timesheet-mileage-card > button,
.timesheet-mileage-actions {
  grid-column: 1 / -1;
}

.timesheet-mileage-actions {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 8px;
}

.timesheet-mileage-card button {
  min-height: 38px;
  border: 1px solid #d7e2ee;
  border-radius: 12px;
  color: #17375f;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
}

.timesheet-mileage-card button.primary,
.timesheet-mileage-card > button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #0b63e6, #06377f);
  box-shadow: 0 10px 20px rgba(6, 55, 127, 0.18);
}

.timesheet-expense-linked-list {
  display: grid;
  gap: 8px;
}

.timesheet-expense-linked-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 28px;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  background: #f9fbfd;
}

.timesheet-expense-linked-list article.draft {
  border-style: dashed;
  background: #fcfdff;
}

.timesheet-expense-linked-list b {
  color: #17375f;
  font-size: 12px;
}

.timesheet-expense-linked-list button {
  width: 28px;
  height: 28px;
  min-height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid #d9e4f0;
  border-radius: 999px;
  color: #567093;
  background: #fff;
}

.timesheet-expense-linked-list button svg {
  width: 14px;
  height: 14px;
}

.timesheet-expense-empty {
  margin: 0;
  border: 1px dashed #d7e2ee;
  border-radius: 14px;
  padding: 11px;
  color: #65758b;
  background: #f9fbfd;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.timesheet-expense-picker label {
  display: grid;
  gap: 6px;
  padding: 10px;
}

.timesheet-expense-picker span {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-expense-picker select {
  width: 100%;
  border: 0;
  color: #17375f;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.timesheet-expense-selected {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin: -2px 0 2px;
  padding: 7px 10px;
  border: 1px solid rgba(44, 99, 213, 0.18);
  border-radius: 999px;
  color: #0d3f9a;
  background: linear-gradient(135deg, rgba(236, 244, 255, 0.92), rgba(255, 255, 255, 0.9));
  font-size: 11px;
  font-weight: 850;
}

.timesheet-expense-selected span {
  color: #647895;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

.timesheet-expense-selected strong {
  color: #0b55f0;
  font-size: 12px;
  font-weight: 900;
}

.timesheet-detail-grid,
.timesheet-hours-editor.detailed,
.timesheet-expense-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.timesheet-detail-grid > span,
.timesheet-hours-editor.detailed label,
.timesheet-expense-editor label {
  min-width: 0;
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  padding: 9px;
  background: #f9fbfd;
}

.timesheet-expense-editor label.wide {
  grid-column: 1 / -1;
}

.timesheet-detail-grid small,
.timesheet-detail-grid strong,
.timesheet-expense-editor span {
  display: block;
}

.timesheet-detail-grid small,
.timesheet-expense-editor span {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.timesheet-detail-grid strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 11px;
  line-height: 1.25;
}

.timesheet-hours-editor.detailed label {
  display: grid;
  gap: 4px;
}

.timesheet-hours-editor label.reduced {
  border-color: #eab5bd;
  background: #fff3f5;
}

.timesheet-hours-editor small {
  color: #7b899a;
  font-size: 8px;
}

.timesheet-expense-editor input,
.timesheet-expense-editor select,
.timesheet-expense-editor textarea,
.overtime-request-card select {
  width: 100%;
  margin-top: 6px;
  border: 0;
  color: #17375f;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.timesheet-expense-editor textarea {
  min-height: 54px;
  resize: vertical;
}

.timesheet-expense-editor button {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d7e2ee;
  border-radius: 10px;
  color: #2c61a0;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.timesheet-expense-editor .timesheet-add-expense-line {
  grid-column: 1 / -1;
  min-height: 42px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #1267ff, #064ce7);
  box-shadow: 0 12px 22px rgba(13, 88, 242, 0.18);
  font-size: 12px;
}

.mileage-timesheet-section {
  background:
    radial-gradient(circle at 92% 12%, rgba(31, 132, 229, 0.12), transparent 36%),
    linear-gradient(145deg, #ffffff, #f5f9ff);
}

.mileage-timesheet-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 34px rgba(9, 39, 83, 0.08);
}

.mileage-timesheet-card > span {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  color: #0b6bca;
  background: linear-gradient(145deg, #eef7ff, #ffffff);
  border: 1px solid rgba(31, 132, 229, 0.14);
}

.mileage-timesheet-card > span svg {
  width: 22px;
  height: 22px;
}

.mileage-timesheet-card.submitted {
  border-color: rgba(22, 163, 104, 0.24);
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 197, 130, 0.12), transparent 34%),
    #fff;
}

.mileage-timesheet-map {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #eaf3ff, #f8fbff);
  border: 1px solid rgba(31, 132, 229, 0.14);
}

.mileage-timesheet-map .mileage-map-graphic {
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 20px;
}

.mileage-timesheet-main {
  min-width: 0;
}

.mileage-timesheet-main small,
.mileage-timesheet-main strong,
.mileage-timesheet-main p {
  display: block;
}

.mileage-timesheet-main small {
  color: #0b6bca;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mileage-timesheet-main strong {
  margin-top: 4px;
  color: #071a3a;
  font-size: 17px;
  line-height: 1.15;
}

.mileage-timesheet-main p {
  margin: 4px 0 0;
  color: #65758b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.mileage-timesheet-card button {
  grid-column: 1 / -1;
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #0b63e6, #06377f);
  box-shadow: 0 12px 24px rgba(6, 55, 127, 0.2);
  font-size: 13px;
  font-weight: 900;
}

.mileage-timesheet-choice {
  background:
    radial-gradient(circle at 90% 0%, rgba(31, 132, 229, 0.11), transparent 32%),
    linear-gradient(145deg, #ffffff, #f9fcff);
}

.mileage-timesheet-choice-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 10px;
}

.mileage-timesheet-choice-actions button {
  grid-column: auto;
  border: 1px solid rgba(7, 26, 58, 0.18);
  color: #071a3a;
  background: #fff;
  box-shadow: none;
}

.mileage-timesheet-choice-actions button.primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #2a87ff, #0b5fe0 55%, #063b96);
  box-shadow: 0 12px 24px rgba(8, 83, 190, 0.22);
}

.mileage-timesheet-declined {
  border-color: rgba(31, 132, 229, 0.14);
  background: linear-gradient(145deg, #ffffff, #f8fbff);
}

.mileage-timesheet-declined .mileage-timesheet-main small {
  color: #64748b;
}

.journey-notes-field.compact {
  margin: 10px 0 0;
}

.reduced-hours-card {
  border-color: #eab5bd;
  background: linear-gradient(145deg, #fff3f5, #fff);
}

.submission-step-actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.submission-step-actions button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid #d9e3ee;
  border-radius: 13px;
  padding: 0 10px;
  color: #244a78;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
}

.submission-step-actions .booking-primary-action {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #176bce, #6550c4);
}

.document-request-intro {
  margin: 12px 0;
  border: 1px solid #dfe8f1;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  background: #f8fbff;
}

.document-request-intro > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #2469c8;
  background: #e8f1ff;
}

.document-request-intro svg {
  width: 17px;
  height: 17px;
}

.document-request-intro strong,
.document-request-intro small {
  display: block;
}

.document-request-intro strong {
  color: #17375f;
  font-size: 12px;
}

.document-request-intro small {
  margin-top: 3px;
  color: #62758b;
  font-size: 10px;
  line-height: 1.4;
}

.document-request-list article {
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
}

.document-request-list article > div:nth-child(2) em {
  display: block;
  margin-top: 5px;
  color: #176c50;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.document-request-list .journey-document-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.final-review-intro {
  margin: -4px 0 13px;
  color: #687b91;
  font-size: 12px;
  line-height: 1.45;
}

.final-review-hero {
  border: 1px solid rgba(46, 62, 139, 0.18);
  border-radius: 20px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(111, 94, 205, 0.42), transparent 36%),
    linear-gradient(145deg, #071f3d, #173f73 56%, #5145a7);
  box-shadow: 0 16px 34px rgba(22, 45, 103, 0.2);
}

.final-review-hero small,
.final-review-hero strong,
.final-review-hero span {
  display: block;
}

.final-review-hero > div:first-child small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.final-review-hero > div:first-child strong {
  margin-top: 5px;
  font-size: 30px;
  line-height: 1;
}

.final-review-hero > div:first-child span {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}

.final-review-hero > div:last-child {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.final-review-hero > div:last-child span {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 13px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.08);
}

.final-review-hero > div:last-child small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.final-review-hero > div:last-child strong {
  margin-top: 4px;
  color: #fff;
  font-size: 13px;
}

.final-review-sections {
  margin: 12px 0;
  display: grid;
  gap: 8px;
}

.final-review-sections article {
  border: 1px solid #e0e8f1;
  border-radius: 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: #fbfcfe;
}

.final-review-sections strong,
.final-review-sections small {
  display: block;
}

.final-review-sections strong {
  color: #17375f;
  font-size: 12px;
}

.final-review-sections small {
  margin-top: 3px;
  color: #687b91;
  font-size: 10px;
  line-height: 1.35;
}

.final-review-sections button {
  border: 1px solid #d7e2ee;
  border-radius: 10px;
  padding: 8px 10px;
  color: #2c61a0;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.final-review-breakdown {
  margin-top: 0;
}

.agency-submission-detail-grid {
  margin: 12px 0;
  display: grid;
  gap: 8px;
}

.agency-submission-detail-grid article,
.agency-expense-review-card {
  border: 1px solid #e0e8f1;
  border-radius: 15px;
  padding: 11px;
  background: #fbfcfe;
}

.agency-submission-detail-grid small,
.agency-submission-detail-grid strong,
.agency-expense-review-card small,
.agency-expense-review-card strong,
.agency-expense-review-card p {
  display: block;
}

.agency-submission-detail-grid small,
.agency-expense-review-card small {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.agency-submission-detail-grid strong,
.agency-expense-review-card strong {
  margin-top: 4px;
  color: #17375f;
  font-size: 12px;
  line-height: 1.35;
}

.agency-submission-detail-grid p,
.agency-expense-review-card p {
  margin: 5px 0 0;
  color: #687b91;
  font-size: 10px;
  line-height: 1.4;
}

.agency-expense-review-card {
  margin: 12px 0;
  display: grid;
  gap: 9px;
}

.agency-expense-review-card.approved {
  border-color: #c7e7d9;
  background: #f2fbf7;
}

.agency-expense-review-card.rejected {
  border-color: #f0c0c7;
  background: #fff2f4;
}

@media (max-width: 380px) {
  .timesheet-detail-grid,
  .timesheet-hours-editor.detailed,
  .timesheet-expense-editor,
  .submission-step-actions,
  .document-request-list .journey-document-actions,
  .final-review-hero > div:last-child {
    grid-template-columns: 1fr;
  }
}

.booking-demo-reset {
  margin-top: 13px;
  border: 0;
  padding: 6px;
  color: #647a96;
  background: transparent;
  font-size: 9px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.booking-support-sheet,
.booking-emergency-sheet {
  display: grid;
  gap: 8px;
}

.dashboard-route-sheet,
.dashboard-contact-sheet,
.dashboard-checkin-sheet,
.dashboard-success-sheet {
  display: grid;
  gap: 12px;
}

.route-preview-map {
  min-height: 132px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dbe6f2;
  border-radius: 20px;
  background:
    linear-gradient(90deg, rgba(27, 106, 205, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(27, 106, 205, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 78% 28%, rgba(32, 183, 128, 0.18), transparent 24%),
    #f7fafd;
  background-size: 24px 24px, 24px 24px, auto, auto;
}

.route-preview-map > i {
  position: absolute;
  left: 74px;
  right: 78px;
  top: 67px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #176bce, #6650c4, #1fa873);
}

.route-home-pin,
.route-site-pin {
  position: absolute;
  top: 47px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  box-shadow: 0 10px 22px rgba(17, 45, 82, 0.16);
}

.route-home-pin {
  left: 32px;
  background: linear-gradient(145deg, #176bce, #6650c4);
}

.route-site-pin {
  right: 34px;
  background: linear-gradient(145deg, #14865f, #24b77e);
}

.route-home-pin svg,
.route-site-pin svg {
  width: 19px;
  height: 19px;
}

.route-destination-card,
.dashboard-contact-card,
.dashboard-shift-mini-card {
  border: 1px solid #dce6f1;
  border-radius: 17px;
  padding: 13px;
  background: linear-gradient(145deg, #f8fbff, #fff);
}

.route-destination-card small,
.dashboard-shift-mini-card small {
  color: #708199;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.route-destination-card strong,
.dashboard-shift-mini-card strong {
  display: block;
  margin-top: 4px;
  color: #12365f;
  font-size: 14px;
}

.route-destination-card p,
.dashboard-shift-mini-card p {
  margin: 5px 0 0;
  color: #6c7e94;
  font-size: 11px;
  line-height: 1.45;
}

.route-option-grid,
.dashboard-contact-actions {
  display: grid;
  gap: 8px;
}

.route-option-grid button,
.dashboard-contact-actions button {
  min-width: 0;
  min-height: 54px;
  border: 1px solid #dce6f1;
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  color: #244b78;
  background: #fff;
  text-align: left;
}

.route-option-grid button svg,
.dashboard-contact-actions button svg {
  width: 18px;
  height: 18px;
  color: #246bca;
}

.route-option-grid button strong,
.route-option-grid button small,
.dashboard-contact-actions button strong,
.dashboard-contact-actions button small {
  display: block;
}

.route-option-grid button strong,
.dashboard-contact-actions button strong {
  font-size: 12px;
}

.route-option-grid button small,
.dashboard-contact-actions button small {
  margin-top: 2px;
  color: #77889d;
  font-size: 9px;
}

.route-safe-note {
  margin: 0;
  border: 1px solid #dce6f1;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  color: #62758d;
  background: #f8fafc;
  font-size: 10px;
  line-height: 1.45;
}

.route-safe-note svg {
  width: 16px;
  height: 16px;
  color: #5172b9;
}

.dashboard-contact-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.dashboard-contact-card > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #6550c4);
  font-size: 12px;
  font-weight: 950;
}

.dashboard-contact-card small,
.dashboard-contact-card strong,
.dashboard-contact-card p {
  display: block;
}

.dashboard-contact-card small {
  color: #718198;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-contact-card strong {
  margin-top: 2px;
  color: #17375f;
  font-size: 13px;
}

.dashboard-contact-card p {
  margin: 3px 0 0;
  color: #738397;
  font-size: 9px;
  line-height: 1.3;
}

.dashboard-contact-card em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #176c50;
  background: #e5f7ee;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.dashboard-sheet-back {
  justify-self: start;
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #315f9a;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
}

.dashboard-sheet-back svg {
  width: 14px;
  height: 14px;
}

.dashboard-issue-sheet > button.active {
  border-color: #5576c5;
  color: #244e94;
  background: #edf2ff;
}

.dashboard-checkin-stepper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.dashboard-checkin-stepper span {
  min-width: 0;
  border: 1px solid #dfe7ef;
  border-radius: 999px;
  padding: 6px 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #75859a;
  background: #f7f9fc;
}

.dashboard-checkin-stepper span.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #176bce, #6550c4);
}

.dashboard-checkin-stepper span.complete {
  color: #176c50;
  border-color: #cae9dc;
  background: #effaf5;
}

.dashboard-checkin-stepper i {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  background: rgba(255, 255, 255, 0.45);
}

.dashboard-checkin-stepper svg {
  width: 11px;
  height: 11px;
}

.dashboard-checkin-stepper small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 900;
}

.dashboard-step-label {
  color: #65778f;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.dashboard-checkin-location,
.dashboard-checkin-final,
.dashboard-success-sheet {
  text-align: center;
}

.gps-verification-orbit.compact {
  width: 72px;
  height: 72px;
  margin-bottom: 14px;
}

.gps-verification-orbit.compact span svg {
  width: 22px;
  height: 22px;
}

.dashboard-checkin-location h3,
.dashboard-checkin-final h3,
.dashboard-success-sheet h3 {
  margin: 0;
  color: #12365f;
  font-size: 18px;
  letter-spacing: 0;
}

.dashboard-checkin-location p,
.dashboard-checkin-final p,
.dashboard-success-sheet p {
  max-width: 340px;
  margin: 7px auto 0;
  color: #6f8095;
  font-size: 11px;
  line-height: 1.5;
}

.dashboard-rule-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
  text-align: left;
}

.dashboard-rule-list span {
  border: 1px solid #e0e7ef;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  background: #f9fbfd;
}

.dashboard-rule-list span.warning {
  border-color: #efdcae;
  background: #fffaf0;
}

.dashboard-rule-list span.success {
  border-color: #cae9dc;
  background: #effaf5;
}

.dashboard-rule-list svg {
  width: 16px;
  height: 16px;
}

.dashboard-rule-list strong,
.dashboard-rule-list small {
  display: block;
}

.dashboard-rule-list strong {
  color: #28476d;
  font-size: 11px;
}

.dashboard-rule-list small {
  margin-top: 2px;
  color: #7c8b9c;
  font-size: 9px;
}

.dashboard-checkin-facts,
.dashboard-success-sheet > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-checkin-facts span,
.dashboard-success-sheet > div {
  margin-top: 12px;
}

.dashboard-checkin-facts span,
.dashboard-success-sheet > div > small,
.dashboard-success-sheet > div > strong {
  min-width: 0;
}

.dashboard-checkin-facts span,
.dashboard-success-sheet > div > strong {
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  padding: 10px;
  background: #fbfcfe;
}

.dashboard-checkin-facts small,
.dashboard-checkin-facts strong {
  display: block;
}

.dashboard-checkin-facts small,
.dashboard-success-sheet > div > small {
  color: #7a899b;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-checkin-facts strong,
.dashboard-success-sheet > div > strong {
  margin-top: 3px;
  color: #1b3b64;
  font-size: 11px;
}

.dashboard-success-sheet > span {
  width: 58px;
  height: 58px;
  margin: 0 auto 2px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #159169, #2bb57f);
  box-shadow: 0 13px 26px rgba(27, 142, 98, 0.22);
}

.dashboard-success-sheet > span svg {
  width: 25px;
  height: 25px;
}

.dashboard-success-sheet > div {
  text-align: left;
}

.dashboard-success-sheet > div > small {
  align-self: end;
  padding: 0 0 0 2px;
}

.booking-chat-sheet,
.booking-checklist-sheet {
  display: grid;
  gap: 10px;
}

.booking-chat-contact {
  border: 1px solid #dce5ef;
  border-radius: 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  background: linear-gradient(145deg, #f6f9fd, #fff);
}

.booking-chat-contact > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #6550c4);
  font-size: 11px;
  font-weight: 900;
}

.booking-chat-contact strong,
.booking-chat-contact small {
  display: block;
}

.booking-chat-contact strong {
  color: #17375f;
  font-size: 12px;
}

.booking-chat-contact small {
  margin-top: 2px;
  color: #728398;
  font-size: 9px;
  line-height: 1.3;
}

.booking-chat-contact em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #167153;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.booking-chat-contact em i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #20a873;
}

.booking-chat-thread {
  min-height: 170px;
  border: 1px solid #e0e7ef;
  border-radius: 15px;
  padding: 12px;
  display: grid;
  align-content: start;
  gap: 9px;
  background: #f7f9fc;
}

.booking-chat-thread article {
  max-width: 86%;
  border-radius: 6px 14px 14px 14px;
  padding: 9px 10px;
  justify-self: start;
  color: #294866;
  background: #fff;
  box-shadow: 0 5px 12px rgba(24, 48, 77, 0.06);
}

.booking-chat-thread article.worker {
  border-radius: 14px 6px 14px 14px;
  justify-self: end;
  color: #fff;
  background: linear-gradient(145deg, #176bce, #5d4dbb);
}

.booking-chat-thread small {
  color: #7c8a9b;
  font-size: 7px;
  font-weight: 850;
}

.booking-chat-thread article.worker small {
  color: rgba(255, 255, 255, 0.68);
}

.booking-chat-thread p {
  margin: 4px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.booking-chat-compose {
  display: grid;
  gap: 6px;
  color: #49617d;
  font-size: 9px;
  font-weight: 850;
}

.booking-chat-compose textarea {
  width: 100%;
  border: 1px solid #dce5ee;
  border-radius: 13px;
  padding: 10px;
  resize: vertical;
  color: #17375f;
  background: #fff;
  font: inherit;
  font-size: 11px;
}

.booking-checklist-summary {
  border: 1px solid #cfe3f7;
  border-radius: 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
  color: #265d9e;
  background: #f0f6ff;
}

.booking-checklist-summary > svg {
  width: 20px;
  height: 20px;
}

.booking-checklist-summary strong,
.booking-checklist-summary small {
  display: block;
}

.booking-checklist-summary strong {
  font-size: 11px;
}

.booking-checklist-summary small {
  margin-top: 2px;
  color: #647b98;
  font-size: 9px;
  line-height: 1.35;
}

.booking-checklist-sheet article {
  border: 1px solid #dfe7ef;
  border-radius: 13px;
  padding: 10px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  background: #fbfcfe;
}

.booking-checklist-sheet article > span {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #486b97;
  background: #eaf0f7;
}

.booking-checklist-sheet article svg {
  width: 14px;
  height: 14px;
}

.booking-checklist-sheet article strong,
.booking-checklist-sheet article small {
  display: block;
}

.booking-checklist-sheet article strong {
  color: #25466e;
  font-size: 11px;
}

.booking-checklist-sheet article small {
  margin-top: 2px;
  color: #7b899a;
  font-size: 9px;
}

.booking-checklist-sheet article em {
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.booking-checklist-sheet article em.required {
  color: #865a14;
  background: #fff1d5;
}

.booking-checklist-sheet article em.optional {
  color: #536b88;
  background: #eaf0f6;
}

.booking-support-sheet > button,
.booking-emergency-sheet > button {
  min-height: 44px;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #355779;
  background: #f9fbfd;
  font-size: 11px;
  font-weight: 850;
  text-align: left;
}

.booking-support-sheet > button.active {
  border-color: #5576c5;
  color: #244e94;
  background: #edf2ff;
}

.booking-support-sheet > button svg {
  width: 15px;
  height: 15px;
}

.booking-support-sheet label {
  margin-top: 4px;
  display: grid;
  gap: 6px;
  color: #49617d;
  font-size: 10px;
  font-weight: 850;
}

.booking-support-sheet textarea {
  width: 100%;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  padding: 10px;
  font: inherit;
  font-size: 11px;
}

.booking-emergency-sheet {
  justify-items: center;
  text-align: center;
}

.booking-emergency-sheet > span {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #a85d17;
  background: #fff2df;
}

.booking-emergency-sheet > span svg {
  width: 23px;
  height: 23px;
}

.booking-emergency-sheet h3 {
  margin: 3px 0 0;
  color: #17375f;
  font-size: 17px;
}

.booking-emergency-sheet p {
  margin: 0 0 5px;
  color: #6e7e91;
  font-size: 11px;
  line-height: 1.45;
}

.booking-emergency-sheet > button {
  width: 100%;
  justify-content: center;
}

.journey-document-preview {
  display: grid;
  gap: 10px;
}

.journey-document-paper {
  border: 1px solid #dae3ed;
  border-radius: 17px;
  padding: 18px;
  text-align: center;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(145deg, #d8e6f7, #d9d2f4) border-box;
  box-shadow: 0 12px 28px rgba(21, 43, 75, 0.08);
}

.journey-document-paper > span {
  width: 46px;
  height: 46px;
  margin: 0 auto 10px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #315fa0;
  background: #edf3ff;
}

.journey-document-paper svg {
  width: 21px;
  height: 21px;
}

.journey-document-paper small {
  color: #7b899a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.journey-document-paper h3 {
  margin: 5px 0 10px;
  color: #17375f;
  font-size: 17px;
}

.journey-document-paper p {
  margin: 4px 0;
  color: #6e7e92;
  font-size: 10px;
}

.journey-document-paper em {
  margin-top: 11px;
  border-radius: 999px;
  padding: 5px 8px;
  display: inline-block;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.journey-document-paper em.submitted {
  color: #176c50;
  background: #ddf3e9;
}

.journey-document-paper em.missing {
  color: #a34750;
  background: #ffeaed;
}

.journey-document-comment {
  border: 1px solid #efdfbd;
  border-radius: 13px;
  padding: 10px;
  background: #fff9ee;
}

.journey-document-comment strong {
  color: #875e1d;
  font-size: 10px;
}

.journey-document-comment p {
  margin: 3px 0 0;
  color: #7f6b48;
  font-size: 10px;
}

@media (max-width: 370px) {
  .worker-booking-journey {
    padding-inline: 12px;
  }

  .booking-journey-header {
    margin-inline: -12px;
    padding-inline: 14px;
  }

  .booking-journey-title h1 {
    font-size: 20px;
  }

  .booking-detail-list,
  .timesheet-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .booking-detail-list article:last-child {
    grid-column: auto;
  }

  .agency-attendance-proof {
    grid-template-columns: 1fr;
  }

  .agency-document-review-list article {
    grid-template-columns: 23px minmax(0, 1fr);
  }

  .agency-document-review-list article > div:last-child {
    grid-column: 1 / -1;
  }

  .current-booking-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .current-booking-actions button.primary {
    grid-column: 1 / -1;
  }
}

/* Worker Profile: Career Passport, Identity and premium Compliance. */
.career-passport-page,
.identity-centre-page {
  background:
    radial-gradient(circle at 96% 2%, rgba(76, 100, 230, 0.08), transparent 28%),
    linear-gradient(180deg, #f4f7fb, #f8f9fc);
}

.career-passport-hero,
.identity-centre-hero {
  margin: 0 14px;
  min-width: 0;
  overflow: hidden;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 4%, rgba(125, 105, 255, 0.48), transparent 37%),
    radial-gradient(circle at 4% 96%, rgba(31, 195, 164, 0.16), transparent 34%),
    linear-gradient(142deg, #06162f 0%, #103d88 58%, #5648bd 112%);
  box-shadow: 0 19px 44px rgba(7, 26, 56, 0.23);
}

.career-passport-hero {
  padding: 17px;
}

.career-passport-top,
.identity-centre-hero > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.career-passport-top > span,
.identity-centre-hero > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b8d1ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.career-passport-top svg,
.identity-centre-hero svg {
  width: 14px;
  height: 14px;
}

.career-passport-top > em,
.identity-centre-hero > div:first-child > em {
  border-radius: 999px;
  padding: 5px 8px;
  color: #c8f8e5;
  background: rgba(20, 139, 96, 0.2);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.career-passport-identity {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.career-passport-identity .profile-photo {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 17px;
  color: #12305e;
  background: linear-gradient(145deg, #fff, #dceaff);
  font-size: 16px;
}

.career-passport-identity .profile-photo i {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 13px;
  height: 13px;
  border: 3px solid #143c81;
  border-radius: 999px;
  background: #42d58a;
}

.career-passport-identity small,
.career-passport-identity h2,
.career-passport-identity p {
  display: block;
  margin: 0;
}

.career-passport-identity small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.career-passport-identity h2 {
  margin-top: 3px;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
}

.career-passport-identity p {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 9px;
  line-height: 1.3;
  font-weight: 720;
}

.career-passport-score {
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  padding-top: 14px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.career-trust-ring {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  background: conic-gradient(#63dcad var(--trust-score), rgba(255, 255, 255, 0.13) 0);
  box-shadow: inset 0 0 0 8px #14346f;
}

.career-trust-ring strong {
  font-size: 22px;
  line-height: 1;
}

.career-trust-ring small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.63);
  font-size: 8px;
  font-weight: 800;
}

.career-passport-score > div:last-child span,
.career-passport-score > div:last-child strong,
.career-passport-score > div:last-child p {
  display: block;
  margin: 0;
}

.career-passport-score > div:last-child span {
  color: #a9c8ff;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.career-passport-score > div:last-child strong {
  margin-top: 4px;
  font-size: 13px;
}

.career-passport-score > div:last-child p {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 9px;
  line-height: 1.4;
  font-weight: 710;
}

.career-trust-signals > div:last-child {
  display: grid;
  gap: 9px;
}

.career-trust-signals > div:last-child > span {
  display: grid;
  gap: 5px;
}

.career-trust-signals small {
  display: flex;
  justify-content: space-between;
  color: #6f7f94;
  font-size: 9px;
  font-weight: 800;
}

.career-trust-signals small b {
  color: #173965;
}

.career-trust-signals i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5eaf1;
}

.career-trust-signals u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #185fc5, #6554de, #20a879);
}

.career-reputation-grid {
  margin: 0 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.career-reputation-grid article {
  min-width: 0;
  border: 1px solid rgba(75, 100, 135, 0.11);
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 2px 8px;
  background: linear-gradient(145deg, #fff, #f7faff);
  box-shadow: 0 8px 20px rgba(11, 30, 65, 0.045);
}

.career-reputation-grid article:last-child {
  grid-column: 1 / -1;
}

.career-reputation-grid i {
  grid-row: 1 / 4;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.career-reputation-grid svg {
  width: 13px;
  height: 13px;
}

.career-reputation-grid small,
.career-reputation-grid strong,
.career-reputation-grid span {
  display: block;
}

.career-reputation-grid small {
  color: #7a899c;
  font-size: 8px;
  font-weight: 850;
}

.career-reputation-grid strong {
  color: #10294d;
  font-size: 14px;
  line-height: 1.1;
}

.career-reputation-grid span {
  color: #8793a3;
  font-size: 7px;
  font-weight: 740;
}

.career-passport-timeline {
  display: grid;
}

.career-passport-timeline article {
  position: relative;
  min-width: 0;
  padding: 0 0 15px 39px;
}

.career-passport-timeline article:last-child {
  padding-bottom: 0;
}

.career-passport-timeline article::before {
  content: "";
  position: absolute;
  top: 29px;
  bottom: 0;
  left: 14px;
  width: 1px;
  background: #dce4ef;
}

.career-passport-timeline article:last-child::before {
  display: none;
}

.career-passport-timeline > article > i {
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.career-passport-timeline svg {
  width: 13px;
  height: 13px;
}

.career-passport-timeline small,
.career-passport-timeline h4,
.career-passport-timeline strong,
.career-passport-timeline p {
  display: block;
  margin: 0;
}

.career-passport-timeline small {
  color: #7c899a;
  font-size: 8px;
  font-weight: 800;
}

.career-passport-timeline h4 {
  margin-top: 3px;
  color: #10294d;
  font-size: 12px;
}

.career-passport-timeline strong {
  margin-top: 2px;
  color: #31547f;
  font-size: 9px;
}

.career-passport-timeline p {
  margin-top: 4px;
  color: #7a899c;
  font-size: 8px;
  line-height: 1.3;
}

.career-passport-timeline article div > span {
  display: inline-flex;
  margin-top: 6px;
  border-radius: 999px;
  padding: 4px 7px;
  color: #4f3fa4;
  background: #efecff;
  font-size: 7px;
  font-weight: 900;
}

.passport-qualification-grid {
  display: grid;
  gap: 7px;
}

.passport-qualification-grid button {
  width: 100%;
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  padding: 9px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: #fff;
}

.passport-qualification-grid button > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #0d7855;
  background: #e9f7f1;
}

.passport-qualification-grid svg {
  width: 14px;
  height: 14px;
}

.passport-qualification-grid small,
.passport-qualification-grid strong,
.passport-qualification-grid p {
  display: block;
  margin: 0;
}

.passport-qualification-grid small {
  color: #0b7956;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.passport-qualification-grid strong {
  margin-top: 3px;
  color: #173965;
  font-size: 10px;
}

.passport-qualification-grid p {
  margin-top: 3px;
  color: #7c899a;
  font-size: 8px;
}

.passport-qualification-grid em {
  max-width: 82px;
  border-radius: 999px;
  padding: 5px 7px;
  color: #0b6f50;
  background: #e9f7f1;
  font-size: 7px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.passport-qualification-grid em.warning {
  color: #87580c;
  background: #fff2d8;
}

.career-achievements-card > div:last-child {
  display: grid;
  gap: 7px;
}

.career-achievements-card > div:last-child button {
  width: 100%;
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 13px;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: #fff;
}

.career-achievements-card button > i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #6548c5;
  background: #efebff;
}

.career-achievements-card svg {
  width: 13px;
  height: 13px;
}

.career-achievements-card button > svg {
  color: #8090a3;
  transform: rotate(180deg);
}

.career-achievements-card strong,
.career-achievements-card small {
  display: block;
}

.career-achievements-card strong {
  color: #173965;
  font-size: 10px;
}

.career-achievements-card small {
  margin-top: 3px;
  color: #7d899a;
  font-size: 8px;
}

.identity-centre-hero {
  padding: 17px;
}

.identity-centre-hero h2 {
  margin: 18px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.15;
}

.identity-centre-hero > p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.67);
  font-size: 10px;
  line-height: 1.42;
  font-weight: 720;
}

.identity-wallet-card {
  margin-left: 18px;
  margin-right: 18px;
  border-radius: 20px;
  box-shadow: 0 14px 32px rgba(11, 30, 65, 0.11);
}

.identity-verification-grid > div:last-child {
  display: grid;
  gap: 7px;
}

.identity-verification-grid article {
  min-width: 0;
  border: 1px solid #e1e7f0;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: #fff;
}

.identity-verification-grid article > i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.identity-verification-grid svg {
  width: 13px;
  height: 13px;
}

.identity-verification-grid strong,
.identity-verification-grid small {
  display: block;
}

.identity-verification-grid strong {
  color: #173965;
  font-size: 10px;
}

.identity-verification-grid small {
  margin-top: 3px;
  color: #7d899a;
  font-size: 8px;
}

.identity-verification-grid article > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #0b6f50;
  background: #e9f7f1;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.identity-privacy-card {
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
}

.identity-privacy-card > i {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.identity-privacy-card svg {
  width: 15px;
  height: 15px;
}

.identity-privacy-card strong {
  color: #173965;
  font-size: 11px;
}

.identity-privacy-card p {
  margin-top: 4px;
  font-size: 9px;
}

.identity-privacy-card button {
  grid-column: 1 / -1;
  min-height: 39px;
  border: 1px solid #d9e3ef;
  border-radius: 12px;
  color: #1a5196;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.premium-compliance-pathways {
  padding: 15px;
}

.compliance-pathway-intro {
  color: #718096;
  font-size: 10px !important;
}

.premium-compliance-pathways .rtw-route-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.premium-compliance-pathways .rtw-route-grid button {
  min-width: 0;
  min-height: 112px;
  padding: 10px;
  grid-template-columns: 31px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 8px;
  align-items: start;
}

.premium-compliance-pathways .rtw-route-grid button > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.premium-compliance-pathways .rtw-route-grid button > i svg {
  width: 14px;
  height: 14px;
}

.premium-compliance-pathways .rtw-route-grid button > span {
  min-width: 0;
}

.premium-compliance-pathways .rtw-route-grid button strong,
.premium-compliance-pathways .rtw-route-grid button small {
  display: block;
}

.premium-compliance-pathways .rtw-route-grid button strong {
  font-size: 10px;
  line-height: 1.25;
}

.premium-compliance-pathways .rtw-route-grid button > span small {
  margin-top: 4px;
  color: #7a899c;
  font-size: 8px;
  line-height: 1.35;
  font-weight: 720;
}

.premium-compliance-pathways .rtw-route-grid button > em {
  grid-column: 1 / -1;
  align-self: end;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  color: #64758c;
  font-style: normal;
}

.premium-compliance-pathways .rtw-route-grid button > em svg {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
}

.premium-compliance-pathways .rtw-route-grid button.active > em svg {
  transform: none;
}

.premium-compliance-pathways .rtw-route-grid button > em small {
  font-size: 7px;
  font-weight: 900;
}

.premium-compliance-pathways .rtw-route-grid button.active {
  border-color: rgba(35, 93, 190, 0.4);
  background: linear-gradient(145deg, #eef5ff, #fff);
  box-shadow: 0 12px 26px rgba(20, 75, 165, 0.1);
}

.premium-compliance-pathways .rtw-route-grid button.active > i {
  color: #fff;
  background: linear-gradient(135deg, #185fc5, #6554de);
}

.premium-route-panel {
  border-radius: 16px;
  padding: 12px;
}

.premium-route-heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.premium-route-heading > i {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.premium-route-heading svg {
  width: 14px;
  height: 14px;
}

.premium-route-heading small,
.premium-route-heading h3 {
  display: block;
  margin: 0;
}

.premium-route-heading small {
  color: #7b899b;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-route-heading h3 {
  margin-top: 3px;
  font-size: 11px;
}

.premium-route-heading > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #0b6f50;
  background: #e9f7f1;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.worker-profile-premium .profile-tabs {
  min-height: 55px;
  gap: 3px;
  border-radius: 15px;
  padding: 4px;
}

.worker-profile-premium .profile-tabs button {
  min-width: 0;
  min-height: 55px;
  padding: 5px 3px;
  font-size: 9px;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 350px) {
  .worker-profile-premium .profile-tabs button {
    font-size: 8px;
  }

  .career-passport-score {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .career-trust-ring {
    width: 66px;
    height: 66px;
  }

  .premium-compliance-pathways .rtw-route-grid {
    grid-template-columns: 1fr;
  }

  .candidate-compliance-card-grid {
    grid-template-columns: 1fr;
  }

  .candidate-compliance-card-spacer {
    display: none;
  }
}

.worker-booking-journey-page .booking-stage-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.worker-booking-journey-page .booking-stage-actions > button {
  width: 100%;
  padding-inline: 6px;
  white-space: normal;
}

@media (max-width: 360px) {
  .worker-booking-journey-page .booking-stage-actions {
    grid-template-columns: 1fr 1fr;
  }

  .worker-booking-journey-page .booking-stage-actions > .booking-primary-action {
    grid-column: 1 / -1;
  }
}

/* Candidate profile mobile shell.
   The wrapper owns horizontal spacing; nested profile surfaces must not add it again. */
.profile-page-content {
  width: calc(100% + 28px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: -14px !important;
  padding-inline: 16px !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  overflow-x: hidden !important;
}

.profile-page-content,
.profile-page-content *,
.profile-page-content *::before,
.profile-page-content *::after {
  box-sizing: border-box;
}

.profile-page-content .worker-profile-screen,
.profile-page-content .profile-tab-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
  overflow-x: hidden;
}

.profile-page-content .profile-tab-content {
  padding: 12px 0 18px;
}

.profile-page-content .profile-tab-content > *,
.profile-page-content .profile-section-card,
.profile-page-content .career-passport-hero,
.profile-page-content .identity-centre-hero,
.profile-page-content .career-reputation-grid,
.profile-page-content .workforce-passport-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
}

.profile-page-content .worker-profile-hero,
.profile-page-content .profile-section-card,
.profile-page-content .career-passport-hero,
.profile-page-content .identity-centre-hero,
.profile-page-content .workforce-passport-card,
.profile-page-content .premium-compliance-pathways,
.profile-page-content .premium-route-panel {
  overflow: hidden;
}

.profile-page-content :is(
  .worker-profile-identity-premium,
  .worker-profile-sector-strip,
  .worker-profile-prestige-grid,
  .career-passport-identity,
  .career-passport-score,
  .career-reputation-grid,
  .workforce-passport-person,
  .workforce-passport-meta,
  .workforce-passport-sectors,
  .identity-passport-list,
  .identity-verification-grid,
  .rtw-route-grid,
  .compliance-card-grid,
  .premium-route-heading
) {
  min-width: 0;
  max-width: 100%;
}

.profile-page-content :is(
  .career-reputation-grid,
  .workforce-passport-meta,
  .rtw-route-grid,
  .compliance-card-grid
) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-page-content :is(
  h1, h2, h3, h4, p, small, strong, span, em, button, label
) {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

.profile-page-content :is(button, input, select, textarea, img, video, canvas) {
  min-width: 0;
  max-width: 100%;
}

.worker-profile-premium .profile-tabs {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow-x: hidden;
}

.worker-profile-premium .profile-tabs button {
  width: 100%;
  min-width: 0;
}

@media (max-width: 359px) {
  .worker-profile-premium .profile-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 82px;
    grid-template-columns: none;
    justify-content: start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .worker-profile-premium .profile-tabs::-webkit-scrollbar {
    display: none;
  }

  .profile-page-content :is(
    .career-reputation-grid,
    .workforce-passport-meta,
    .rtw-route-grid,
    .compliance-card-grid
  ) {
    grid-template-columns: 1fr;
  }
}

/* Candidate profile command tabs: keep the four profile areas in one consistent top position. */
.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
  order: -10;
  width: calc(100vw - 32px) !important;
  max-width: 398px !important;
  min-width: 0;
  justify-self: start;
  margin: 0 0 14px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 22px;
  padding: 5px;
  background:
    radial-gradient(circle at 12% 0, rgba(255,255,255,.98), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,250,255,.88));
  box-shadow:
    0 18px 36px rgba(12, 35, 68, .085),
    inset 0 1px 0 rgba(255,255,255,.96);
  overflow: hidden;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
  min-width: 0;
  width: 100%;
  min-height: 48px;
  border-radius: 16px;
  padding: 0 3px;
  color: #64738a;
  background: transparent;
  font-size: clamp(8.4px, 2.08vw, 10.5px);
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: unset;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active {
  color: #075cff;
  background: transparent;
  box-shadow: none;
  font-weight: 760;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after {
  left: 22%;
  right: 22%;
  bottom: 3px;
  height: 3px;
  border-radius: 999px;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after {
  background: linear-gradient(90deg, #1677e8, #4c6af0);
}

@media (max-width: 359px) {
  .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    justify-content: initial;
    overflow: hidden;
  }

  .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
    min-height: 46px;
    padding-inline: 3px;
    font-size: 8.5px;
  }
}

/* Premium candidate identity and compliance system */
.premium-worker-compliance {
  gap: 12px;
  background:
    radial-gradient(circle at 96% 1%, rgba(78, 92, 224, 0.07), transparent 24%),
    linear-gradient(180deg, #f4f7fb, #f8fafc);
}

.premium-compliance-banner {
  width: 100%;
  min-width: 0;
  margin: 0;
  border-color: rgba(37, 126, 91, 0.12);
  border-radius: 18px;
  padding: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.65), transparent 35%),
    linear-gradient(145deg, #e9f8f1, #dff3e9);
  box-shadow: 0 12px 28px rgba(21, 91, 65, 0.08);
}

.premium-compliance-banner > div > span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
}

.premium-compliance-banner > div > span svg {
  width: 13px;
  height: 13px;
}

.premium-compliance-banner h3 {
  font-size: 17px;
  letter-spacing: 0;
}

.premium-compliance-banner p {
  max-width: 270px;
  font-size: 10px;
}

.premium-compliance-banner > em {
  border: 1px solid rgba(22, 122, 83, 0.14);
  border-radius: 999px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #0a704e;
  background: rgba(255, 255, 255, 0.74);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.premium-compliance-banner > em svg {
  width: 12px;
  height: 12px;
}

.idenfy-verification-card {
  padding: 14px;
  border: 1px solid rgba(31, 72, 136, 0.12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(37, 91, 210, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 255, 0.96));
  box-shadow: 0 14px 32px rgba(13, 39, 74, 0.08);
}

.idenfy-verification-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.verification-kicker,
.idenfy-demo-tools > span {
  display: block;
  color: #60748f;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.idenfy-verification-top h3 {
  margin: 3px 0 0;
  color: #102a4f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.15;
}

.idenfy-verification-top p {
  margin: 5px 0 0;
  max-width: 270px;
  color: #667895;
  font-size: 10px;
  line-height: 1.45;
}

.verification-status-chip {
  min-height: 28px;
  border-radius: 999px;
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.verification-status-chip svg {
  width: 13px;
  height: 13px;
}

.verification-status-chip.green {
  color: #08734f;
  background: #e7f8f0;
}

.verification-status-chip.blue {
  color: #145cc5;
  background: #e9f1ff;
}

.verification-status-chip.amber {
  color: #8a5b13;
  background: #fff3dc;
}

.verification-status-chip.red {
  color: #9c2d3a;
  background: #fdebef;
}

.verification-status-chip.neutral {
  color: #42526b;
  background: #eef2f7;
}

.idenfy-verification-body {
  margin-top: 12px;
  display: grid;
  gap: 9px;
}

.idenfy-status-panel {
  border: 1px solid #e1e9f3;
  border-radius: 15px;
  padding: 10px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
}

.idenfy-status-panel > i {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #175fc2;
  background: #eaf2ff;
}

.idenfy-status-panel > i svg {
  width: 17px;
  height: 17px;
}

.idenfy-status-panel strong,
.idenfy-status-panel span,
.idenfy-status-panel small {
  display: block;
}

.idenfy-status-panel strong {
  color: #16345d;
  font-size: 12px;
}

.idenfy-status-panel span {
  margin-top: 3px;
  color: #667895;
  font-size: 9px;
  line-height: 1.38;
}

.idenfy-status-panel small {
  margin-top: 4px;
  color: #9c2d3a;
  font-size: 8px;
  font-weight: 800;
}

.idenfy-verification-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.idenfy-verification-meta span {
  min-width: 0;
  border: 1px solid #e4ebf4;
  border-radius: 13px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.68);
}

.idenfy-verification-meta small,
.idenfy-verification-meta strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.idenfy-verification-meta small {
  color: #77869a;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.idenfy-verification-meta strong {
  margin-top: 3px;
  color: #173965;
  font-size: 9px;
}

.idenfy-verification-actions {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 8px;
}

.idenfy-verification-actions button {
  min-width: 0;
  height: 44px;
  border-radius: 14px;
  font-size: 10px;
}

.verification-privacy-row {
  margin-top: 9px;
  border: 1px solid #e5ebf3;
  border-radius: 13px;
  padding: 8px 9px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: #60738f;
  background: rgba(255, 255, 255, 0.66);
  font-size: 8.5px;
  line-height: 1.35;
}

.verification-privacy-row svg {
  width: 16px;
  height: 16px;
  color: #175fc2;
}

.idenfy-demo-tools {
  margin-top: 10px;
  border-top: 1px solid rgba(226, 233, 242, 0.9);
  padding-top: 9px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.idenfy-demo-tools button {
  width: 100%;
  min-height: 34px;
  border: 1px solid #dce5f0;
  border-radius: 12px;
  color: #173965;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.premium-verification-principles {
  padding: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 28px rgba(13, 39, 74, 0.06);
}

.premium-verification-principles .verification-principle-grid {
  gap: 7px;
}

.premium-verification-principles .verification-principle-grid article {
  min-width: 0;
  min-height: 72px;
  border-color: #e0e7f0;
  border-radius: 14px;
  padding: 10px;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: none;
}

.premium-verification-principles .verification-principle-grid article > i {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #225ea9;
  background: #eaf2ff;
}

.premium-verification-principles .verification-principle-grid article > i svg {
  width: 14px;
  height: 14px;
  padding: 0;
  background: none;
}

.premium-verification-principles .verification-principle-grid article > div {
  min-width: 0;
}

.premium-verification-principles .verification-principle-grid small,
.premium-verification-principles .verification-principle-grid strong,
.premium-verification-principles .verification-principle-grid p {
  display: block;
  margin: 0;
}

.premium-verification-principles .verification-principle-grid small {
  color: #78899d;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-verification-principles .verification-principle-grid strong {
  margin-top: 2px;
  font-size: 11px;
}

.premium-verification-principles .verification-principle-grid p {
  grid-column: auto;
  margin-top: 3px;
  color: #728196;
  font-size: 8px;
  line-height: 1.35;
}

.premium-verification-principles .verification-principle-grid article > em,
.compliance-outcome-card > em,
.premium-credential-heading > em,
.premium-credential-card > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #0a704e;
  background: #e8f7f0;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.premium-verification-principles .verification-principle-grid article > em.review {
  color: #855b13;
  background: #fff3d9;
}

.premium-compliance-pathways {
  border-color: rgba(35, 93, 190, 0.11);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 32px rgba(13, 39, 74, 0.07);
}

.premium-compliance-pathways .rtw-route-grid button {
  position: relative;
  min-height: 96px;
  border-color: #e0e7f0;
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(145deg, #fff, #f8faff);
  box-shadow: none;
}

.premium-compliance-pathways .rtw-route-grid button::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 15px 0 0 15px;
  background: transparent;
}

.premium-compliance-pathways .rtw-route-grid button.active::before {
  background: linear-gradient(180deg, #176bce, #6550c4);
}

.premium-compliance-pathways .rtw-route-grid button.active {
  border-color: rgba(38, 91, 184, 0.28);
  background: linear-gradient(145deg, #eef5ff, #fff);
  box-shadow: 0 9px 22px rgba(20, 75, 165, 0.08);
}

.premium-route-panel {
  border-color: #dde6f1;
  border-radius: 15px;
  background: linear-gradient(145deg, #f8fbff, #fff);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.premium-route-panel .rtw-upload-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.premium-route-panel .rtw-upload-grid button {
  min-width: 0;
  min-height: 40px;
  padding: 7px;
  border-radius: 11px;
  white-space: normal;
  line-height: 1.2;
  font-size: 9px;
}

.manual-review-status {
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #7b5a20;
  background: #fff8e9;
}

.manual-review-route.submitted .manual-review-status {
  color: #196b50;
  border-color: #cae9dc;
  background: #edf9f4;
}

.manual-review-status > svg {
  width: 18px;
  height: 18px;
  justify-self: center;
}

.manual-review-status strong,
.manual-review-status small {
  display: block;
}

.manual-review-status strong {
  font-size: 10px;
}

.manual-review-status small {
  margin-top: 2px;
  color: #77869a;
  font-size: 8px;
  line-height: 1.3;
}

.compliance-outcome-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.compliance-outcome-card {
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 15px;
  padding: 11px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 9px 22px rgba(13, 39, 74, 0.05);
}

.compliance-outcome-card > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #225ea9;
  background: #eaf2ff;
}

.compliance-outcome-card > i svg {
  width: 14px;
  height: 14px;
}

.compliance-outcome-card > div {
  min-width: 0;
}

.compliance-outcome-card small,
.compliance-outcome-card h3,
.compliance-outcome-card p {
  display: block;
  margin: 0;
}

.compliance-outcome-card small {
  color: #7b899c;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.compliance-outcome-card h3 {
  margin-top: 3px;
  color: #173965;
  font-size: 11px;
  line-height: 1.22;
}

.compliance-outcome-card p {
  margin-top: 4px;
  color: #728196;
  font-size: 8px;
  line-height: 1.35;
}

.compliance-outcome-card > em {
  grid-column: 2;
  justify-self: start;
}

.compliance-outcome-card > em.review {
  color: #875d17;
  background: #fff2d7;
}

.compliance-outcome-card > em.hold {
  color: #9b2f38;
  background: #fdebed;
}

.premium-compliance-score-card {
  min-height: 132px;
  padding: 14px;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(98, 79, 203, 0.1), transparent 35%),
    linear-gradient(145deg, #fff, #f4f8ff);
  box-shadow: 0 15px 34px rgba(13, 39, 74, 0.08);
}

.premium-compliance-score-visual {
  display: grid;
  justify-items: center;
  gap: 7px;
}

.premium-compliance-score-visual > small {
  color: #0b7654;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.premium-compliance-score-ring {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(#176bce var(--compliance-score), #e3eaf3 0);
  box-shadow: 0 10px 24px rgba(23, 80, 156, 0.15);
}

.premium-compliance-score-ring > div {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  justify-items: center;
  color: #173965;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(62, 83, 117, 0.08);
}

.premium-compliance-score-ring strong {
  font-size: 20px;
  line-height: 1;
}

.premium-compliance-score-card > div:last-child {
  min-width: 0;
}

.premium-compliance-score-card > div:last-child > span {
  color: #718299;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-compliance-score-card h3 {
  margin-top: 4px;
  color: #173965;
  font-size: 14px;
}

.premium-compliance-score-card p {
  margin-top: 5px;
  font-size: 9px;
}

.premium-compliance-score-card > div:last-child > em {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #0b7654;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.premium-compliance-score-card > div:last-child > em svg {
  width: 12px;
  height: 12px;
}

.premium-worker-compliance .trust-badge-panel {
  box-shadow: 0 12px 28px rgba(13, 39, 74, 0.06);
}

.premium-worker-compliance .trust-badge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.premium-worker-compliance .trust-badge-grid span {
  min-width: 0;
  min-height: 42px;
  border-color: #dde7f4;
  border-radius: 13px;
  padding: 8px;
  justify-content: flex-start;
  color: #244f86;
  background: linear-gradient(145deg, #fff, #eef5ff);
  font-size: 8px;
  line-height: 1.25;
  white-space: normal;
  box-shadow: none;
}

.premium-credential-stack {
  width: 100%;
  display: grid;
  gap: 9px;
}

.premium-credential-card,
.premium-certification-card,
.premium-employment-verification-card {
  min-width: 0;
  border: 1px solid #dfe7f1;
  border-radius: 16px;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(63, 96, 188, 0.06), transparent 35%),
    linear-gradient(145deg, #fff, #f9fbfe);
  box-shadow: 0 11px 26px rgba(13, 39, 74, 0.06);
}

.premium-credential-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.premium-credential-card > i,
.premium-credential-heading > i {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #225ea9;
  background: #eaf2ff;
}

.premium-credential-card svg,
.premium-credential-heading > i svg {
  width: 15px;
  height: 15px;
}

.premium-credential-card > div,
.premium-credential-heading > div {
  min-width: 0;
}

.premium-credential-card small,
.premium-credential-card h3,
.premium-credential-card p,
.premium-credential-heading small,
.premium-credential-heading h3,
.premium-credential-heading p {
  display: block;
  margin: 0;
}

.premium-credential-card small,
.premium-credential-heading small {
  color: #7b899c;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.premium-credential-card h3,
.premium-credential-heading h3 {
  margin-top: 3px;
  color: #173965;
  font-size: 12px;
}

.premium-credential-card p,
.premium-credential-heading p {
  margin-top: 3px;
  color: #748398;
  font-size: 8px;
  line-height: 1.35;
}

.premium-credential-heading {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.premium-certification-list {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.premium-certification-list span {
  min-width: 0;
  min-height: 34px;
  border: 1px solid #e0e7f0;
  border-radius: 11px;
  padding: 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #31577f;
  background: #fff;
  font-size: 8px;
  font-weight: 850;
}

.premium-certification-list svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: #0c7b58;
}

.premium-certification-card > button,
.premium-employment-verification-card > button {
  width: 100%;
  min-height: 38px;
  margin-top: 10px;
  border: 1px solid #d8e2ef;
  border-radius: 11px;
  color: #22558f;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.employment-verification-facts {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.employment-verification-facts > span {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 8px;
  display: grid;
  align-content: start;
  gap: 3px;
  background: #fff;
}

.employment-verification-facts svg {
  width: 13px;
  height: 13px;
  color: #0c7b58;
}

.employment-verification-facts strong {
  color: #254a75;
  font-size: 8px;
  line-height: 1.25;
}

.employment-verification-facts small {
  color: #8190a3;
  font-size: 7px;
  line-height: 1.25;
}

.employment-privacy-note {
  margin: 9px 0 0;
  border-radius: 10px;
  padding: 8px;
  display: flex;
  gap: 6px;
  color: #687a91;
  background: #f0f5fb;
  font-size: 8px;
  line-height: 1.35;
}

.employment-privacy-note svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #225ea9;
}

.compliance-upload-sheet,
.qualification-detail-sheet,
.employment-verification-sheet {
  display: grid;
  gap: 11px;
}

.compliance-upload-dropzone {
  border: 1px dashed #aabbd1;
  border-radius: 16px;
  padding: 14px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: linear-gradient(145deg, #f4f8ff, #fff);
}

.compliance-upload-dropzone > i {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #225ea9;
  background: #e5efff;
}

.compliance-upload-dropzone svg {
  width: 16px;
  height: 16px;
}

.compliance-upload-dropzone strong,
.compliance-upload-dropzone p {
  display: block;
  margin: 0;
}

.compliance-upload-dropzone strong {
  color: #173965;
  font-size: 11px;
}

.compliance-upload-dropzone p {
  margin-top: 3px;
  color: #7a899c;
  font-size: 8px;
}

.compliance-upload-dropzone > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #0b704f;
  background: #e8f7f0;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.compliance-upload-facts,
.qualification-detail-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.compliance-upload-facts > span,
.qualification-detail-summary > span {
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 12px;
  padding: 9px;
  background: #fff;
}

.compliance-upload-facts small,
.compliance-upload-facts strong,
.qualification-detail-summary small,
.qualification-detail-summary strong {
  display: block;
}

.compliance-upload-facts small,
.qualification-detail-summary small {
  color: #7c899a;
  font-size: 7px;
  font-weight: 850;
}

.compliance-upload-facts strong,
.qualification-detail-summary strong {
  margin-top: 3px;
  color: #173965;
  font-size: 10px;
}

.compliance-upload-note {
  display: grid;
  gap: 5px;
  color: #5f7188;
  font-size: 9px;
  font-weight: 850;
}

.compliance-upload-note textarea {
  width: 100%;
  border: 1px solid #d9e2ed;
  border-radius: 12px;
  padding: 10px;
  color: #173965;
  background: #fff;
  resize: vertical;
}

.qualification-detail-list,
.employment-audit-timeline {
  display: grid;
  gap: 7px;
}

.qualification-detail-list article,
.employment-audit-timeline article {
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: #fff;
}

.qualification-detail-list article > i,
.employment-verification-hero > i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #225ea9;
  background: #eaf2ff;
}

.qualification-detail-list svg,
.employment-verification-hero > i svg {
  width: 13px;
  height: 13px;
}

.qualification-detail-list strong,
.qualification-detail-list small,
.qualification-detail-list p,
.employment-audit-timeline strong,
.employment-audit-timeline small,
.employment-audit-timeline p {
  display: block;
  margin: 0;
}

.qualification-detail-list strong,
.employment-audit-timeline strong {
  color: #173965;
  font-size: 10px;
}

.qualification-detail-list small,
.employment-audit-timeline small {
  margin-top: 2px;
  color: #748398;
  font-size: 8px;
}

.qualification-detail-list p,
.employment-audit-timeline p {
  margin-top: 3px;
  color: #8793a3;
  font-size: 7px;
}

.qualification-detail-list article > em {
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.qualification-detail-list article > em.valid {
  color: #0b704f;
  background: #e8f7f0;
}

.qualification-detail-list article > em.warning {
  color: #855b13;
  background: #fff2d8;
}

.employment-verification-hero {
  border: 1px solid #dce6f0;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  background: linear-gradient(145deg, #eef6ff, #fff);
}

.employment-verification-hero > i {
  width: 34px;
  height: 34px;
}

.employment-verification-hero span,
.employment-verification-hero h3,
.employment-verification-hero p {
  display: block;
  margin: 0;
}

.employment-verification-hero span {
  color: #0a704e;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.employment-verification-hero h3 {
  margin-top: 3px;
  color: #173965;
  font-size: 12px;
}

.employment-verification-hero p {
  margin-top: 3px;
  color: #748398;
  font-size: 8px;
  line-height: 1.3;
}

.employment-verification-hero > em,
.employment-audit-timeline article > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #0a704e;
  background: #e8f7f0;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.employment-audit-timeline article {
  grid-template-columns: 11px minmax(0, 1fr) 22px;
  align-items: start;
}

.employment-audit-timeline article > i {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 999px;
  background: #1e72ca;
  box-shadow: 0 0 0 4px #e5f0ff;
}

.employment-audit-timeline article > em {
  width: 22px;
  height: 22px;
  padding: 0;
  display: grid;
  place-items: center;
}

.employment-audit-timeline article > em svg {
  width: 11px;
  height: 11px;
}

@media (max-width: 370px) {
  .compliance-outcome-grid,
  .premium-worker-compliance .trust-badge-grid,
  .premium-certification-list {
    grid-template-columns: 1fr;
  }

  .premium-compliance-score-card {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 10px;
  }

  .premium-compliance-score-ring {
    width: 80px;
    height: 80px;
  }

  .premium-compliance-score-ring > div {
    width: 62px;
    height: 62px;
  }

  .employment-verification-facts {
    grid-template-columns: 1fr;
  }

  .premium-route-panel .rtw-upload-grid {
    grid-template-columns: 1fr;
  }
}

/* Connected worker Financial Hub: statements and Tax Centre. */
.statement-archive-hero,
.tax-centre-hero,
.statement-detail-finance-hero {
  min-width: 0;
  overflow: hidden;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 6%, rgba(123, 105, 255, 0.48), transparent 36%),
    radial-gradient(circle at 4% 96%, rgba(28, 182, 214, 0.16), transparent 34%),
    linear-gradient(142deg, #06162f 0%, #103b86 58%, #5547bd 112%);
  box-shadow: 0 18px 42px rgba(7, 26, 56, 0.22);
}

.statement-archive-hero {
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.statement-archive-hero span,
.statement-archive-hero h2,
.statement-archive-hero p,
.statement-archive-hero strong,
.statement-archive-hero small {
  display: block;
  margin: 0;
}

.statement-archive-hero span,
.tax-centre-top > span {
  color: #aecbff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.statement-archive-hero h2 {
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1.14;
}

.statement-archive-hero p {
  margin-top: 7px;
  max-width: 260px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  line-height: 1.45;
  font-weight: 720;
}

.statement-archive-hero aside {
  min-width: 78px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  padding: 10px;
  display: grid;
  justify-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(14px);
}

.statement-archive-hero aside svg {
  width: 16px;
  height: 16px;
  color: #bdeed8;
}

.statement-archive-hero aside strong {
  font-size: 11px;
}

.statement-archive-hero aside small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
  font-weight: 780;
}

.statement-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.statement-intelligence-grid article {
  min-width: 0;
  border: 1px solid rgba(75, 100, 135, 0.11);
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(145deg, #fff, #f7faff);
  box-shadow: 0 8px 19px rgba(11, 30, 65, 0.045);
}

.statement-intelligence-grid article:last-child {
  grid-column: 1 / -1;
}

.statement-intelligence-grid small,
.statement-intelligence-grid strong,
.statement-intelligence-grid span {
  display: block;
  min-width: 0;
}

.statement-intelligence-grid small {
  color: #78879a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.statement-intelligence-grid strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 18px;
  line-height: 1.08;
}

.statement-intelligence-grid span {
  margin-top: 4px;
  color: #8793a3;
  font-size: 8px;
  font-weight: 740;
}

.statement-search-centre {
  display: grid;
  gap: 9px;
}

.statement-search-note {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #6f8096;
  font-size: 9px;
  font-weight: 800;
}

.statement-search-note strong {
  color: #174b91;
}

.statement-search-note small {
  text-align: right;
  font-size: 8px;
}

.statement-archive-list {
  display: grid;
  gap: 9px;
}

.statement-month-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(75, 100, 135, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(11, 30, 65, 0.05);
}

.statement-month-header {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  border: 0;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 14px;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: linear-gradient(145deg, #fff, #f7faff);
}

.statement-month-header small,
.statement-month-header strong {
  display: block;
}

.statement-month-header small {
  color: #78879a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.statement-month-header strong {
  margin-top: 3px;
  color: #10294d;
  font-size: 13px;
}

.statement-month-header em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #245da9;
  background: #eaf2ff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.statement-month-header > i {
  color: #78879a;
  transform: rotate(-90deg);
}

.statement-month-header[aria-expanded="true"] > i {
  transform: rotate(90deg);
}

.statement-month-header svg {
  width: 13px;
  height: 13px;
}

.statement-month-weeks {
  display: grid;
  border-top: 1px solid #e9eef5;
  padding: 7px 9px;
  background: #f5f7fb;
}

.statement-month-weeks[hidden] {
  display: none;
}

.statement-week-row {
  width: 100%;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid #e6ebf2;
  padding: 10px 3px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto 12px;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: transparent;
}

.statement-week-row:last-child {
  border-bottom: 0;
}

.statement-week-row > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #205fb8;
  background: #eaf2ff;
}

.statement-week-row svg {
  width: 13px;
  height: 13px;
}

.statement-week-row > span {
  min-width: 0;
}

.statement-week-row small,
.statement-week-row strong,
.statement-week-row p {
  display: block;
  margin: 0;
}

.statement-week-row > span small,
.statement-week-row p {
  color: #7c899a;
  font-size: 8px;
  line-height: 1.25;
  font-weight: 760;
}

.statement-week-row > span strong {
  margin-top: 3px;
  color: #173965;
  font-size: 11px;
}

.statement-week-row p {
  margin-top: 3px;
}

.statement-week-row > b {
  min-width: 66px;
  text-align: right;
}

.statement-week-row > b small {
  color: #0a7652;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}

.statement-week-row > b strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 11px;
}

.statement-week-row > u {
  color: #8090a3;
  text-decoration: none;
  transform: rotate(180deg);
}

.statement-detail-finance-hero {
  padding: 17px;
}

.statement-detail-finance-hero > div:first-child,
.tax-centre-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.statement-detail-finance-hero > div:first-child span,
.statement-detail-finance-hero > div:first-child em,
.tax-centre-top em {
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.statement-detail-finance-hero > div:first-child span {
  color: #c3d9ff;
  background: rgba(255, 255, 255, 0.1);
}

.statement-detail-finance-hero > div:first-child em,
.tax-centre-top em {
  color: #c8f8e5;
  background: rgba(18, 142, 96, 0.22);
}

.statement-detail-finance-hero > small {
  display: block;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 800;
}

.statement-detail-finance-hero h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 30px;
  line-height: 1;
}

.statement-detail-finance-hero > p {
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.67);
  font-size: 10px;
  font-weight: 720;
}

.statement-detail-finance-hero nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 16px;
}

.statement-detail-finance-hero nav button {
  min-width: 0;
  min-height: 39px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 11px;
  display: grid;
  place-items: center;
  gap: 2px;
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  font-size: 8px;
  font-weight: 900;
}

.statement-detail-finance-hero nav svg {
  width: 13px;
  height: 13px;
}

.statement-pay-progress > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  margin-top: 15px;
}

.statement-pay-progress > div:last-child span {
  position: relative;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #8390a0;
}

.statement-pay-progress > div:last-child span::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -50%;
  width: 100%;
  height: 2px;
  background: #dce4ee;
}

.statement-pay-progress > div:last-child span:first-child::before {
  display: none;
}

.statement-pay-progress > div:last-child span.complete::before {
  background: #25a879;
}

.statement-pay-progress i {
  position: relative;
  z-index: 1;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #8390a0;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.statement-pay-progress span.complete i {
  background: #16936a;
}

.statement-pay-progress svg {
  width: 12px;
  height: 12px;
}

.statement-pay-progress small {
  font-size: 8px;
  font-weight: 850;
}

.statement-finance-breakdown > div:last-child {
  display: grid;
  margin-top: 10px;
}

.statement-finance-breakdown > div:last-child > span {
  border-bottom: 1px solid #e8edf4;
  padding: 9px 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.statement-finance-breakdown > div:last-child > span.total {
  border-bottom: 0;
  color: #08704d;
}

.statement-finance-breakdown small {
  color: #758397;
  font-size: 10px;
  font-weight: 800;
}

.statement-finance-breakdown strong {
  flex: 0 0 auto;
  font-size: 11px;
}

.statement-transactions > div:last-child {
  display: grid;
  margin-top: 9px;
}

.statement-transactions article,
.statement-instant-history article {
  min-width: 0;
  border-bottom: 1px solid #e8edf4;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.statement-transactions article:last-child {
  border-bottom: 0;
}

.statement-transactions article > i,
.statement-instant-history article > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #215fb9;
  background: #eaf2ff;
}

.statement-transactions svg,
.statement-instant-history svg {
  width: 13px;
  height: 13px;
}

.statement-transactions article > span,
.statement-instant-history article > span {
  min-width: 0;
}

.statement-transactions small,
.statement-transactions strong,
.statement-transactions em,
.statement-instant-history small,
.statement-instant-history strong,
.statement-instant-history p {
  display: block;
  margin: 0;
}

.statement-transactions small,
.statement-instant-history small {
  color: #7d899a;
  font-size: 8px;
  font-weight: 760;
}

.statement-transactions strong,
.statement-instant-history strong {
  margin-top: 3px;
  color: #173965;
  font-size: 10px;
}

.statement-transactions em {
  margin-top: 3px;
  color: #0b7654;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.statement-transactions article > b,
.statement-instant-history article > b {
  color: #10294d;
  font-size: 11px;
}

.statement-instant-history article {
  border-bottom: 0;
  margin-top: 8px;
}

.statement-instant-history p {
  margin-top: 3px;
  color: #7d899a;
  font-size: 8px;
}

.tax-centre-hero {
  padding: 18px;
}

.tax-centre-hero h2 {
  margin: 18px 0 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.14;
}

.tax-centre-hero > p {
  margin: 6px 0 0;
  max-width: 280px;
  color: rgba(255, 255, 255, 0.67);
  font-size: 10px;
  line-height: 1.42;
  font-weight: 720;
}

.tax-centre-balance {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tax-centre-balance span small,
.tax-centre-balance span strong {
  display: block;
}

.tax-centre-balance span small {
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  font-weight: 800;
}

.tax-centre-balance span strong {
  margin-top: 5px;
  font-size: 30px;
  line-height: 1;
}

.tax-centre-balance > i {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  font-style: normal;
  background: conic-gradient(#62dbad var(--tax-score), rgba(255, 255, 255, 0.13) 0);
  box-shadow: inset 0 0 0 7px #12306c;
}

.tax-centre-balance > i b,
.tax-centre-balance > i small {
  display: block;
}

.tax-centre-balance > i b {
  font-size: 13px;
}

.tax-centre-balance > i small {
  margin-top: 1px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 7px;
  font-weight: 800;
}

.tax-centre-hero-meta {
  display: grid;
  grid-template-columns: 0.75fr 0.75fr 1.3fr;
  gap: 6px;
  margin-top: 14px;
}

.tax-centre-hero-meta > span {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.07);
}

.tax-centre-hero-meta small,
.tax-centre-hero-meta strong {
  display: block;
}

.tax-centre-hero-meta small {
  color: rgba(255, 255, 255, 0.59);
  font-size: 7px;
  font-weight: 850;
}

.tax-centre-hero-meta strong {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.2;
}

.tax-readiness-bars {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.tax-readiness-bars > span {
  display: grid;
  gap: 5px;
}

.tax-readiness-bars small {
  display: flex;
  justify-content: space-between;
  color: #6f7f94;
  font-size: 9px;
  font-weight: 800;
}

.tax-readiness-bars small b {
  color: #173965;
}

.tax-readiness-bars i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5eaf1;
}

.tax-readiness-bars u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #185fc5, #6554de, #20a879);
}

.tax-performance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 13px;
}

.tax-performance-grid article {
  min-width: 0;
  border: 1px solid #e3e9f1;
  border-radius: 13px;
  padding: 9px;
  background: #f8faff;
}

.tax-performance-grid small,
.tax-performance-grid strong,
.tax-performance-grid span {
  display: block;
}

.tax-performance-grid small {
  color: #7c899a;
  font-size: 8px;
  font-weight: 850;
}

.tax-performance-grid strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 17px;
  line-height: 1.05;
}

.tax-performance-grid span {
  margin-top: 4px;
  color: #8b96a5;
  font-size: 7px;
  font-weight: 750;
}

.tax-strategy-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 13px;
}

.tax-strategy-options button {
  min-width: 0;
  min-height: 40px;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  color: #64768d;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.tax-strategy-options button.active {
  color: #fff;
  border-color: #2457b3;
  background: linear-gradient(135deg, #165fc8, #5b4dcc);
  box-shadow: 0 8px 18px rgba(31, 84, 180, 0.2);
}

.tax-strategy-options button small {
  display: block;
  margin-top: 2px;
  font-size: 6px;
  font-weight: 800;
  opacity: 0.72;
}

.tax-custom-strategy {
  margin-top: 8px;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px 12px;
  gap: 6px;
  align-items: center;
  color: #6f7f94;
  font-size: 9px;
  font-weight: 800;
}

.tax-custom-strategy input {
  width: 56px;
  min-height: 34px;
  border: 1px solid #dce5ef;
  border-radius: 9px;
  text-align: center;
}

.tax-strategy-impact {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.tax-strategy-impact span {
  min-width: 0;
  border-radius: 11px;
  padding: 8px;
  background: #f4f7fb;
}

.tax-strategy-impact small,
.tax-strategy-impact strong {
  display: block;
}

.tax-strategy-impact small {
  color: #7b899b;
  font-size: 7px;
  font-weight: 820;
}

.tax-strategy-impact strong {
  margin-top: 4px;
  color: #173965;
  font-size: 10px;
}

.tax-history-list {
  display: grid;
  margin-top: 10px;
}

.tax-history-list article {
  border-bottom: 1px solid #e8edf4;
}

.tax-history-list article:last-child {
  border-bottom: 0;
}

.tax-history-list button {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 9px 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 12px;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: transparent;
}

.tax-history-list button > i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #0c7955;
  background: #e9f7f1;
}

.tax-history-list svg {
  width: 13px;
  height: 13px;
}

.tax-history-list span small,
.tax-history-list span strong {
  display: block;
}

.tax-history-list span small {
  color: #7c899a;
  font-size: 8px;
  font-weight: 760;
}

.tax-history-list span strong {
  margin-top: 3px;
  color: #173965;
  font-size: 10px;
}

.tax-history-list button > b {
  color: #08704d;
  font-size: 10px;
}

.tax-history-list button > u {
  color: #8090a3;
  text-decoration: none;
  transform: rotate(-90deg);
}

.tax-history-list article.open button > u {
  transform: rotate(90deg);
}

.tax-history-list article > p {
  margin: 0 0 9px 38px;
  color: #718096;
  font-size: 8px;
  line-height: 1.4;
  font-weight: 720;
}

.tax-analytics-card > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.tax-analytics-card > div:last-child > span {
  min-width: 0;
  border-radius: 12px;
  padding: 9px;
  background: #f5f7fb;
}

.tax-analytics-card small,
.tax-analytics-card strong {
  display: block;
}

.tax-analytics-card small {
  color: #7c899a;
  font-size: 8px;
  font-weight: 800;
}

.tax-analytics-card strong {
  margin-top: 4px;
  color: #173965;
  font-size: 11px;
}

.tax-centre-actions {
  display: grid;
  gap: 10px;
}

.tax-centre-actions strong,
.tax-centre-actions p {
  display: block;
  margin: 0;
}

.tax-centre-actions strong {
  color: #10294d;
  font-size: 12px;
}

.tax-centre-actions p {
  margin-top: 4px;
  color: #718096;
  font-size: 9px;
  line-height: 1.4;
}

.tax-centre-actions button,
.worker-tax-centre-link {
  min-height: 40px;
  border: 1px solid #d8e2ef;
  border-radius: 12px;
  color: #194f91;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.worker-tax-centre-link {
  width: 100%;
  margin-top: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.worker-tax-centre-link svg {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
}

.payslip-detail-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 350px) {
  .statement-archive-hero {
    grid-template-columns: 1fr;
  }

  .statement-archive-hero aside {
    display: none;
  }

  .statement-week-row {
    grid-template-columns: 29px minmax(0, 1fr) auto 10px;
    gap: 6px;
  }

  .statement-week-row > b {
    min-width: 58px;
  }

  .tax-centre-hero-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tax-centre-hero-meta > span:last-child {
    grid-column: 1 / -1;
  }

  .payslip-detail-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Enterprise recruitment flow: candidate-facing hiring stays compact; rota operations live in Schedules. */
.recruitment-job-flow {
  gap: 14px;
}

.recruitment-field-grid {
  gap: 10px;
}

.recruitment-choice-grid,
.candidate-pattern-grid,
.workforce-preference-grid,
.job-pay-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.recruitment-choice-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employment-hours-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.employment-hours-grid button {
  min-width: 0;
  min-height: 72px;
  border: 1px solid rgba(102, 126, 168, 0.18);
  border-radius: 16px;
  padding: 10px;
  display: grid;
  align-content: center;
  gap: 4px;
  color: #142440;
  background: linear-gradient(180deg, #fff, #f7f9fe);
  box-shadow: 0 8px 20px rgba(15, 38, 75, 0.05);
  text-align: left;
}

.employment-hours-grid button strong {
  font-size: 11px;
  line-height: 1.2;
}

.employment-hours-grid button small {
  color: #718096;
  font-size: 9px;
  line-height: 1.25;
}

.employment-hours-grid button.active {
  border-color: rgba(57, 83, 221, .48);
  color: #1739ae;
  background: linear-gradient(145deg, #eaf3ff, #f3eeff);
  box-shadow: 0 10px 24px rgba(58, 73, 190, .13);
}

.recruitment-choice-grid button,
.candidate-pattern-grid button,
.workforce-preference-grid button,
.job-pay-option-grid button {
  min-width: 0;
  min-height: 64px;
  border: 1px solid rgba(102, 126, 168, 0.18);
  border-radius: 16px;
  padding: 11px;
  color: #142440;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.9));
  box-shadow: 0 8px 20px rgba(15, 38, 75, 0.055);
  text-align: left;
  display: grid;
  align-content: center;
  gap: 4px;
  overflow-wrap: anywhere;
}

.recruitment-choice-grid button strong,
.candidate-pattern-grid button strong {
  font-size: 12px;
  line-height: 1.25;
}

.recruitment-choice-grid button small,
.candidate-pattern-grid button small {
  color: #718096;
  font-size: 10px;
  line-height: 1.3;
}

.recruitment-choice-grid button.active,
.candidate-pattern-grid button.active,
.workforce-preference-grid button.active,
.job-pay-option-grid button.active {
  border-color: rgba(57, 83, 221, .48);
  background: linear-gradient(145deg, rgba(234,243,255,.98), rgba(243,238,255,.96));
  box-shadow: 0 10px 24px rgba(58, 73, 190, .13), inset 0 0 0 1px rgba(255,255,255,.9);
  color: #1739ae;
}

.candidate-pattern-grid button {
  min-height: 86px;
  grid-template-columns: 24px 1fr;
  align-items: start;
}

.candidate-pattern-grid button > span {
  grid-row: 1 / 3;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #3b56cc;
  background: #eef3ff;
}

.candidate-pattern-grid button svg,
.workforce-preference-grid button svg,
.job-pay-option-grid button svg {
  width: 14px;
  height: 14px;
}

.recruitment-hour-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.recruitment-hour-grid button {
  min-width: 0;
  min-height: 55px;
  border: 1px solid rgba(102, 126, 168, .17);
  border-radius: 14px;
  background: #f8faff;
  color: #1e2c47;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1px;
}

.recruitment-hour-grid button strong {
  font-size: 14px;
}

.recruitment-hour-grid button small {
  font-size: 9px;
  color: #718096;
}

.recruitment-hour-grid button.active {
  border-color: #415ad1;
  color: #1739ae;
  background: #eef2ff;
  box-shadow: 0 7px 18px rgba(46, 65, 183, .12);
}

.weekly-hours-selector {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(91, 111, 162, .14);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(249,251,255,.98), rgba(245,242,255,.78));
}

.weekly-hours-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.weekly-hours-heading strong,
.weekly-hours-heading small {
  display: block;
}

.weekly-hours-heading strong {
  color: #172640;
  font-size: 12px;
}

.weekly-hours-heading small {
  margin-top: 2px;
  color: #748197;
  font-size: 9px;
}

.weekly-hours-heading > span {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 9px;
  color: #1739ae;
  background: #eaf0ff;
  font-size: 10px;
  font-weight: 900;
}

.custom-weekly-hours-field {
  display: grid;
  gap: 6px;
}

.custom-weekly-hours-field > span {
  color: #4d5b72;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.custom-weekly-hours-field > div {
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(78, 99, 156, .18);
  border-radius: 14px;
  padding: 0 12px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
}

.custom-weekly-hours-field input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #112341;
  background: transparent;
  font-size: 16px;
  font-weight: 900;
}

.custom-weekly-hours-field small,
.hours-consistency-note {
  color: #718096;
  font-size: 9px;
  font-weight: 750;
}

.hours-consistency-note {
  margin: 0;
}

.job-sector-field {
  min-width: 0;
}

.job-sector-selector {
  position: relative;
  min-width: 0;
}

.job-sector-selector > summary {
  min-height: 56px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  list-style: none;
  border: 1px solid rgba(31, 132, 229, .14);
  border-radius: 17px;
  padding: 0 12px;
  color: #122442;
  background: linear-gradient(180deg, #fff, #f7faff);
  box-shadow: 0 8px 20px rgba(12, 38, 75, .05);
  cursor: pointer;
}

.job-sector-selector > summary::-webkit-details-marker {
  display: none;
}

.job-sector-selected-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #edf3ff;
  font-size: 17px;
}

.job-sector-selector > summary strong,
.job-sector-selector > summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job-sector-selector > summary strong {
  font-size: 12px;
}

.job-sector-selector > summary small {
  margin-top: 2px;
  color: #758197;
  font-size: 9px;
}

.job-sector-selector > summary i {
  color: #66738a;
  font-size: 15px;
  font-style: normal;
}

.job-sector-selector[open] > summary {
  border-color: rgba(55, 80, 207, .4);
  box-shadow: 0 10px 24px rgba(42, 59, 160, .12);
}

.job-sector-popover {
  margin-top: 8px;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(88, 109, 159, .15);
  border-radius: 17px;
  padding: 9px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 38px rgba(13, 35, 74, .14);
}

.job-sector-search {
  min-height: 42px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(95, 115, 160, .16);
  border-radius: 12px;
  padding: 0 10px;
  background: #f7f9fd;
}

.job-sector-search svg {
  width: 15px;
  height: 15px;
  color: #6e7b91;
}

.job-sector-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 12px;
}

.job-sector-options {
  max-height: 230px;
  overflow-y: auto;
  display: grid;
  gap: 5px;
}

.job-sector-options button {
  min-width: 0;
  min-height: 42px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0 9px;
  color: #33435f;
  background: #fff;
  text-align: left;
}

.job-sector-options button > span {
  font-size: 15px;
}

.job-sector-options button strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.job-sector-options button svg {
  width: 13px;
  height: 13px;
}

.job-sector-options button.active {
  border-color: rgba(58, 81, 202, .2);
  color: #183bb1;
  background: #edf2ff;
}

.job-subsector-field {
  margin-top: 8px;
  display: grid;
  gap: 5px;
}

.job-subsector-field > span {
  color: #728096 !important;
  font-size: 9px !important;
  text-transform: none !important;
}

.job-subsector-field select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(94, 114, 159, .16);
  border-radius: 12px;
  padding: 0 10px;
  color: #263855;
  background: #f8faff;
  font-size: 11px;
  font-weight: 800;
}

.job-recruitment-intelligence,
.job-publish-intelligence-card {
  border: 1px solid rgba(116, 119, 255, .2);
  border-radius: 20px;
  padding: 15px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 90% 0%, rgba(125, 104, 255, .38), transparent 38%),
    linear-gradient(145deg, #071a38, #183f91 58%, #4f42a9);
  box-shadow: 0 16px 34px rgba(12, 31, 74, .2);
}

.job-recruitment-intelligence > div:first-child,
.job-publish-intelligence-card > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.job-recruitment-intelligence > div:first-child span,
.job-publish-intelligence-card > div:first-child span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #b9cbf4;
  font-weight: 900;
}

.job-recruitment-intelligence > div:first-child strong,
.job-publish-intelligence-card > div:first-child strong {
  font-size: 13px;
}

.job-recruitment-intelligence-grid,
.job-publish-metrics {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-recruitment-intelligence-grid span,
.job-publish-metrics span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  padding: 10px;
  background: rgba(255,255,255,.09);
  backdrop-filter: blur(12px);
}

.job-recruitment-intelligence-grid strong,
.job-publish-metrics strong {
  display: block;
  font-size: 17px;
  line-height: 1.15;
}

.job-recruitment-intelligence-grid small,
.job-publish-metrics small {
  display: block;
  margin-top: 3px;
  color: #c9d8f7;
  font-size: 9px;
  line-height: 1.25;
}

.job-recruitment-preview {
  border: 1px solid rgba(97, 113, 169, .15);
  border-radius: 20px;
  padding: 15px;
  background:
    radial-gradient(circle at 100% 0%, rgba(71, 116, 255, .1), transparent 38%),
    #fff;
  box-shadow: 0 13px 30px rgba(18, 42, 82, .08);
}

.job-recruitment-preview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.job-recruitment-preview-heading span,
.job-recruitment-preview-heading em {
  color: #66738d;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.job-recruitment-preview h3 {
  margin: 12px 0 3px;
  color: #101f3a;
  font-size: 18px;
}

.job-recruitment-preview > strong {
  color: #1d45bb;
  font-size: 16px;
}

.job-recruitment-preview-tags {
  margin: 12px 0 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.job-recruitment-preview-tags span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #34466a;
  background: #f0f4fb;
  font-size: 9px;
  font-weight: 850;
}

.job-recruitment-preview > small {
  color: #66738d;
  font-size: 11px;
}

.schedule-builder-route-card {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(83, 104, 177, .17);
  border-radius: 18px;
  padding: 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #152746;
  background: linear-gradient(135deg, #f9fbff, #f2efff);
  text-align: left;
}

.schedule-builder-route-card > span {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #3654ca;
  background: #fff;
  box-shadow: 0 7px 18px rgba(43, 63, 159, .12);
}

.schedule-builder-route-card strong,
.schedule-builder-route-card small {
  display: block;
}

.schedule-builder-route-card strong {
  font-size: 12px;
}

.schedule-builder-route-card small {
  margin-top: 3px;
  color: #6b7890;
  font-size: 10px;
}

.schedule-builder-route-card svg {
  width: 16px;
  height: 16px;
}

.job-custom-requirement-list,
.worker-certification-chip-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.job-custom-requirement-list button,
.worker-certification-chip-cloud span {
  min-width: 0;
  border: 1px solid rgba(103, 123, 165, .16);
  border-radius: 999px;
  padding: 7px 9px;
  color: #4a5a76;
  background: #f6f8fc;
  font-size: 10px;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.job-custom-requirement-list button.active,
.worker-certification-chip-cloud span.verified {
  border-color: rgba(36, 157, 115, .25);
  color: #11654c;
  background: #eaf8f2;
}

.job-custom-requirement-list svg,
.worker-certification-chip-cloud svg {
  width: 12px;
  height: 12px;
}

.job-custom-requirement-list small {
  color: inherit;
  opacity: .75;
  font-size: 9px;
}

.workforce-preference-grid button,
.job-pay-option-grid button {
  min-height: 47px;
  grid-template-columns: 17px minmax(0, 1fr);
  align-items: center;
  font-size: 11px;
  font-weight: 850;
}

.job-distance-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 12px;
  align-items: end;
}

.job-distance-summary span,
.job-distance-summary small {
  color: #6c7890;
  font-size: 10px;
  font-weight: 800;
}

.job-distance-summary strong {
  color: #1739ae;
  font-size: 18px;
}

.job-distance-summary small {
  grid-column: 1 / -1;
}

.job-distance-slider {
  width: 100%;
  accent-color: #3b55cd;
}

.job-distance-scale {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
}

.job-distance-scale button {
  min-width: 0;
  min-height: 34px;
  border: 1px solid rgba(100, 119, 164, .17);
  border-radius: 10px;
  color: #5d6981;
  background: #f7f9fd;
  font-size: 9px;
  font-weight: 850;
}

.job-distance-scale button.active {
  border-color: #4058ce;
  color: #1739ae;
  background: #edf1ff;
}

.job-publish-progress {
  height: 6px;
  margin-top: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  overflow: hidden;
}

.job-publish-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #49d6b1, #77e3bf);
}

.existing-requirement-picker {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(91, 113, 164, .16);
  border-radius: 16px;
  background: #f7f9fd;
}

.existing-requirement-picker > div:first-child strong,
.existing-requirement-picker > div:first-child small {
  display: block;
}

.existing-requirement-picker > div:first-child strong {
  color: #162640;
  font-size: 12px;
}

.existing-requirement-picker > div:first-child small {
  margin-top: 3px;
  color: #718096;
  font-size: 10px;
}

.existing-requirement-picker input {
  min-height: 42px;
  border: 1px solid rgba(97, 116, 160, .17);
  border-radius: 12px;
  padding: 0 11px;
  background: #fff;
}

.existing-requirement-picker [data-existing-requirement-list] {
  display: grid;
  gap: 6px;
  max-height: 148px;
  overflow-y: auto;
}

.existing-requirement-picker button {
  border: 0;
  border-radius: 10px;
  padding: 9px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #263958;
  background: #fff;
  text-align: left;
}

.existing-requirement-picker button span {
  font-size: 11px;
  font-weight: 850;
}

.existing-requirement-picker button small {
  color: #748197;
  font-size: 9px;
}

.worker-certification-chip-cloud {
  margin-bottom: 12px;
}

.custom-compliance-empty {
  margin: 4px 0 12px;
  color: #708098;
  font-size: 11px;
}

.add-worker-certification-button {
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
}

.job-flow-actions {
  gap: 8px;
}

.job-flow-actions.three-actions {
  display: grid;
  grid-template-columns: .78fr 1fr 1.18fr;
}

.job-flow-actions > button {
  width: 100%;
  min-width: 0;
  padding-inline: 12px;
  font-size: 12px;
  white-space: nowrap;
}

@media (max-width: 360px) {
  .recruitment-choice-grid.three {
    grid-template-columns: 1fr;
  }

  .candidate-pattern-grid,
  .recruitment-choice-grid {
    grid-template-columns: 1fr;
  }

  .candidate-pattern-grid button,
  .recruitment-choice-grid button {
    min-height: 58px;
  }

  .employment-hours-grid {
    grid-template-columns: 1fr;
  }

  .employment-hours-grid button {
    min-height: 54px;
  }

  .recruitment-hour-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .job-flow-actions > button {
    padding-inline: 9px;
    font-size: 11px;
  }
}

/* Premium dispatch campaign redesign */
.dispatch-workflow-hero {
  gap: 12px !important;
}

.dispatch-hero-topline,
.dispatch-hero-main,
.dispatch-hero-metrics {
  position: relative;
  z-index: 1;
}

.dispatch-hero-topline {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.dispatch-hero-topline > span {
  color: rgba(226, 232, 240, 0.82);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dispatch-hero-topline em {
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 6px 9px;
  color: #fff;
  background: rgba(255,255,255,0.12);
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.dispatch-hero-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.dispatch-hero-main h2 {
  margin: 0;
  color: #fff;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 920;
}

.dispatch-hero-main p {
  margin: 5px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12.5px !important;
  line-height: 1.26 !important;
  font-weight: 760;
}

.dispatch-hero-main > strong {
  color: #dffcf1;
  font-size: 24px;
  line-height: 1;
  font-weight: 950;
}

.dispatch-hero-progress,
.dispatch-funding-progress > span,
.job-offer-live-progress > span {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.18);
}

.dispatch-hero-progress span,
.dispatch-funding-progress i,
.job-offer-live-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #38bdf8, #6d5dfc, #22c55e);
}

.dispatch-hero-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-hero-metrics span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 14px;
  padding: 8px 7px;
  background: rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
}

.dispatch-hero-metrics strong {
  color: #fff;
  font-size: 12.5px;
  line-height: 1.04;
  font-weight: 920;
  overflow-wrap: anywhere;
}

.dispatch-hero-metrics small {
  color: rgba(226, 232, 240, 0.72);
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 760;
}

.dispatch-command-step {
  gap: 13px !important;
  border: 1px solid rgba(31, 132, 229, 0.12) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.08), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff) !important;
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.08) !important;
}

.dispatch-job-summary-card,
.dispatch-worker-preview-panel,
.dispatch-health-score-card,
.dispatch-primary-candidate-card,
.dispatch-candidate-comparison,
.dispatch-response-window-card,
.dispatch-wave-builder-card,
.dispatch-urgency-mode-card,
.dispatch-launch-summary-card,
.dispatch-escrow-command-card,
.dispatch-preview-insights {
  display: grid;
  gap: 11px;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 20px;
  padding: 12px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 12px 26px rgba(6, 25, 54, 0.055);
}

.dispatch-inline-edit-grid,
.dispatch-candidate-intel,
.dispatch-launch-kpi-grid,
.dispatch-timer-forecast {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dispatch-inline-edit-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.dispatch-inline-edit-grid span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 850;
}

.dispatch-inline-edit-grid input {
  min-width: 0;
  height: 42px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 13px;
  padding: 0 10px;
  color: #07182f;
  background: #fff;
  font-size: 12px;
  font-weight: 820;
}

.dispatch-worker-preview-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.10), transparent 36%),
    #fff;
}

.dispatch-worker-preview-panel h4,
.dispatch-health-score-card h4,
.dispatch-primary-candidate-card h4,
.dispatch-launch-summary-card h4 {
  margin: 0;
  color: #07182f;
  font-size: 17px;
  line-height: 1.12;
  font-weight: 920;
}

.dispatch-worker-preview-panel p,
.dispatch-health-score-card p,
.dispatch-launch-summary-card p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 720;
}

.dispatch-worker-preview-chips,
.dispatch-response-pills,
.dispatch-wave-count-controls {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
}

.dispatch-worker-preview-chips::-webkit-scrollbar,
.dispatch-response-pills::-webkit-scrollbar,
.dispatch-wave-count-controls::-webkit-scrollbar {
  display: none;
}

.dispatch-worker-preview-chips span,
.dispatch-response-pills button,
.dispatch-wave-count-controls button {
  flex: 0 0 auto;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 999px;
  padding: 8px 10px;
  color: #334155;
  background: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 860;
}

.dispatch-response-pills button.active,
.dispatch-wave-count-controls button.active {
  color: #1238b6;
  border-color: rgba(31,132,229,0.28);
  background: #eef6ff;
}

.dispatch-health-score-card,
.dispatch-launch-summary-card,
.dispatch-primary-candidate-card,
.dispatch-phone-preview-layout {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.dispatch-health-ring {
  --score: 88;
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 54%, transparent 55%),
    conic-gradient(#22c55e calc(var(--score) * 1%), rgba(216,229,244,0.75) 0);
  box-shadow: 0 14px 30px rgba(6,25,54,0.10);
}

.dispatch-health-ring.compact,
.dispatch-health-ring.launch {
  width: 76px;
  height: 76px;
}

.dispatch-health-ring strong {
  color: #07182f;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.dispatch-health-ring span {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 850;
  text-transform: uppercase;
}

.dispatch-recommendation {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  border-radius: 16px;
  padding: 10px;
  background: #eef6ff;
}

.dispatch-recommendation strong,
.dispatch-recommendation small {
  display: block;
}

.dispatch-recommendation strong {
  color: #1238b6;
  font-size: 12px;
  font-weight: 900;
}

.dispatch-recommendation small {
  color: #334155;
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 740;
}

.dispatch-recommendation button {
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 12px;
  font-weight: 900;
}

.offer-priority-card-stack {
  display: grid;
  gap: 8px;
}

.offer-priority-card-stack article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.86);
  border-radius: 16px;
  padding: 9px;
  background: #fff;
}

.offer-priority-card-stack article.primary {
  border-color: rgba(31,132,229,0.25);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.offer-priority-card-stack i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.offer-priority-card-stack small {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.offer-priority-card-stack select {
  width: 100%;
  min-width: 0;
  border: 0;
  color: #07182f;
  background: transparent;
  font-size: 12px;
  font-weight: 880;
}

.offer-queue-rank-actions {
  display: grid;
  gap: 5px;
}

.offer-queue-rank-actions button {
  width: 28px;
  height: 26px;
  border: 1px solid rgba(216,229,244,0.86);
  border-radius: 10px;
  color: #1238b6;
  background: #fff;
  font-weight: 950;
}

.offer-queue-rank-actions button:disabled {
  color: #cbd5e1;
}

.dispatch-candidate-avatar {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 14px;
  font-weight: 950;
}

.dispatch-candidate-score {
  display: grid;
  justify-items: center;
  border-radius: 16px;
  padding: 9px;
  background: #dcfce7;
}

.dispatch-candidate-score strong {
  color: #047857;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.dispatch-candidate-score small {
  color: #047857;
  font-size: 10px;
  font-weight: 850;
}

.dispatch-candidate-intel {
  grid-column: 1 / -1;
}

.dispatch-candidate-intel span,
.dispatch-launch-kpi-grid span,
.dispatch-timer-forecast span,
.job-offer-succession-summary span,
.dispatch-live-timeline span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 14px;
  padding: 9px;
  background: rgba(248,251,255,0.94);
  border: 1px solid rgba(216,229,244,0.72);
}

.dispatch-candidate-intel small,
.dispatch-launch-kpi-grid small,
.dispatch-timer-forecast small,
.dispatch-live-timeline small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 820;
}

.dispatch-candidate-intel strong,
.dispatch-launch-kpi-grid strong,
.dispatch-timer-forecast strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.08;
  font-weight: 920;
}

.dispatch-timer-forecast em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.16;
  font-style: normal;
  font-weight: 720;
}

.dispatch-candidate-comparison article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, auto);
  gap: 8px;
  align-items: center;
  border-radius: 15px;
  padding: 9px;
  background: #fff;
  border: 1px solid rgba(216,229,244,0.82);
}

.dispatch-candidate-comparison strong,
.dispatch-candidate-comparison small {
  display: block;
}

.dispatch-candidate-comparison strong {
  color: #07182f;
  font-size: 12px;
  font-weight: 900;
}

.dispatch-candidate-comparison small {
  color: #64748b;
  font-size: 9.5px;
  font-weight: 760;
}

.dispatch-candidate-comparison span {
  display: grid;
  justify-items: center;
}

.dispatch-candidate-comparison b {
  color: #1238b6;
  font-size: 12px;
  font-weight: 950;
}

.dispatch-wave-builder-card article {
  display: grid;
  gap: 8px;
  border-radius: 16px;
  padding: 10px;
  background: #fff;
  border: 1px solid rgba(216,229,244,0.82);
}

.dispatch-wave-builder-card strong {
  color: #07182f;
  font-size: 13px;
  font-weight: 920;
}

.dispatch-wave-builder-card small {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 760;
}

.dispatch-phone-preview-layout {
  display: grid;
  gap: 12px;
}

.dispatch-phone-frame {
  border-radius: 30px;
  padding: 12px;
  background: linear-gradient(145deg, #07182f, #1238b6);
  box-shadow: 0 18px 42px rgba(6,25,54,0.18);
}

.dispatch-phone-speaker {
  width: 64px;
  height: 5px;
  margin: 0 auto 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.28);
}

.dispatch-preview-insights span {
  display: grid;
  gap: 2px;
  border-radius: 14px;
  padding: 9px;
  background: #fff;
  border: 1px solid rgba(216,229,244,0.78);
}

.dispatch-preview-insights strong {
  color: #07182f;
  font-size: 12px;
  font-weight: 900;
}

.dispatch-preview-insights small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 720;
}

.candidate-next-steps.premium {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dispatch-launch-summary-card {
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.12), transparent 36%),
    #fff;
}

.dispatch-launch-kpi-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dispatch-escrow-command-card {
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.10), transparent 36%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.funding-timeline-live.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.funding-timeline-live.compact article {
  min-height: auto;
  padding: 9px;
}

.job-offer-succession-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.job-offer-live-progress {
  display: grid;
  gap: 7px;
  border-radius: 15px;
  padding: 10px;
  background: #eef6ff;
}

.job-offer-live-progress strong {
  color: #07182f;
  font-size: 13px;
  font-weight: 920;
}

.job-offer-live-progress small {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 760;
}

.dispatch-live-timeline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-live-timeline strong {
  color: #07182f;
  font-size: 11.5px;
  line-height: 1.1;
  font-weight: 900;
}

@media@media (max-width: 430px) {
  .dispatch-hero-metrics,
  .dispatch-inline-edit-grid,
  .dispatch-candidate-intel,
  .dispatch-launch-kpi-grid,
  .dispatch-timer-forecast {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dispatch-health-score-card,
  .dispatch-launch-summary-card,
  .dispatch-primary-candidate-card,
  .dispatch-phone-preview-layout {
    grid-template-columns: 1fr;
  }

  .dispatch-health-ring {
    justify-self: start;
  }

  .dispatch-candidate-comparison article {
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(42px, auto));
  }

  .candidate-next-steps.premium {
    grid-template-columns: 1fr;
  }
}

/* Dispatch candidate intelligence compact pass */
.dispatch-step-nav button.complete {
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #047857 !important;
  background: linear-gradient(180deg, #fff, #ecfdf5) !important;
}

.dispatch-step-nav button.complete span {
  color: #fff !important;
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
}

.dispatch-step-nav button.active {
  box-shadow: 0 12px 26px rgba(31, 132, 229, 0.16) !important;
}

.dispatch-primary-candidate-card {
  gap: 9px !important;
  padding: 11px !important;
  border-radius: 18px !important;
}

.dispatch-primary-candidate-header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.dispatch-primary-candidate-card .dispatch-candidate-avatar {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  font-size: 12px;
}

.dispatch-availability-dot {
  display: block;
  color: #047857;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
}

.dispatch-primary-candidate-card h4 {
  margin: 4px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
}

.dispatch-primary-candidate-card p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 11.2px;
  line-height: 1.18;
  font-weight: 760;
}

.dispatch-match-badge {
  display: grid;
  justify-items: center;
  align-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 55%, transparent 56%),
    conic-gradient(#1238b6 0 98%, rgba(216,229,244,0.85) 0);
  box-shadow: 0 10px 22px rgba(18,56,182,0.14);
}

.dispatch-match-badge strong {
  color: #1238b6;
  font-size: 13px;
  line-height: 1;
  font-weight: 950;
}

.dispatch-match-badge small {
  color: #64748b;
  font-size: 8px;
  line-height: 1;
  font-weight: 850;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel span,
.dispatch-agency-history span {
  padding: 7px 8px;
  border-radius: 12px;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel small,
.dispatch-agency-history small {
  font-size: 9.5px;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel strong,
.dispatch-agency-history strong {
  font-size: 12px;
}

.dispatch-intelligence-chip-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.dispatch-intelligence-chip-row::-webkit-scrollbar {
  display: none;
}

.dispatch-intelligence-chip-row span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(34,197,94,0.16);
  border-radius: 999px;
  padding: 6px 8px;
  color: #047857;
  background: #ecfdf5;
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
}

.dispatch-intelligence-chip-row svg {
  width: 11px;
  height: 11px;
}

.dispatch-agency-history {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.dispatch-candidate-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.dispatch-candidate-actions button,
.offer-backup-actions button {
  min-width: 0;
  min-height: 32px;
  border: 1px solid rgba(216,229,244,0.86);
  border-radius: 999px;
  padding: 0 7px;
  color: #1238b6;
  background: #fff;
  font-size: 10.5px;
  line-height: 1.05;
  font-weight: 900;
}

.offer-primary-mini-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border-radius: 15px;
  padding: 8px;
  background: #eef6ff;
  border: 1px solid rgba(31,132,229,0.16);
}

.offer-primary-mini-row span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #fff;
  background: #1238b6;
  font-size: 10px;
  font-weight: 950;
}

.offer-primary-mini-row strong,
.offer-primary-mini-row small {
  display: block;
  min-width: 0;
}

.offer-primary-mini-row strong {
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.1;
  font-weight: 920;
}

.offer-primary-mini-row small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10.2px;
  line-height: 1.12;
  font-weight: 760;
}

.offer-backup-card-stack {
  display: grid;
  gap: 7px;
}

.offer-backup-card-stack article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.82);
  border-radius: 15px;
  padding: 8px;
  background: rgba(255,255,255,0.92);
}

.offer-backup-card-stack i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.offer-backup-card-stack strong,
.offer-backup-card-stack small {
  display: block;
  min-width: 0;
}

.offer-backup-card-stack strong {
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.1;
  font-weight: 920;
}

.offer-backup-card-stack small {
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 740;
}

.offer-backup-card-stack em {
  color: #1238b6;
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 920;
  white-space: nowrap;
}

.offer-backup-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.offer-backup-actions button:disabled {
  color: #cbd5e1;
  background: #f8fafc;
}

.dispatch-compare-sheet {
  display: grid;
  gap: 8px;
}

.dispatch-compare-sheet article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(4, auto);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.86);
  border-radius: 16px;
  padding: 10px;
  background: #fff;
}

.dispatch-compare-sheet article.active {
  border-color: rgba(31,132,229,0.28);
  background: #eef6ff;
}

.dispatch-compare-sheet strong,
.dispatch-compare-sheet small {
  display: block;
}

.dispatch-compare-sheet strong {
  color: #07182f;
  font-size: 12.5px;
  font-weight: 920;
}

.dispatch-compare-sheet small {
  color: #64748b;
  font-size: 9.5px;
  font-weight: 760;
}

.dispatch-compare-sheet span {
  display: grid;
  justify-items: center;
}

.dispatch-compare-sheet b {
  color: #1238b6;
  font-size: 12px;
  font-weight: 950;
}

@media@media (max-width: 430px) {
  .dispatch-agency-history {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dispatch-candidate-actions,
  .offer-backup-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dispatch-compare-sheet article {
    grid-template-columns: minmax(0, 1fr) repeat(2, auto);
  }
}

.dispatch-agency-history,
.dispatch-candidate-actions {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.dispatch-agency-history::-webkit-scrollbar,
.dispatch-candidate-actions::-webkit-scrollbar {
  display: none;
}

.dispatch-agency-history span {
  flex: 0 0 108px;
}

.dispatch-candidate-actions button {
  flex: 0 0 auto;
  min-width: 96px;
}

.dispatch-agency-history-line {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(216,229,244,0.72);
  border-radius: 13px;
  padding: 8px 9px;
  background: rgba(248,251,255,0.94);
}

.dispatch-agency-history-line strong {
  color: #07182f;
  font-size: 11px;
  line-height: 1;
  font-weight: 920;
}

.dispatch-agency-history-line span {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 760;
}

.dispatch-primary-candidate-card {
  display: block !important;
}

.dispatch-primary-candidate-card > * + * {
  margin-top: 7px !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-intel span {
  padding: 6px 7px !important;
}

.dispatch-intelligence-chip-row span {
  padding: 5px 7px !important;
}

.dispatch-agency-history-line {
  padding: 7px 8px !important;
}

.dispatch-candidate-actions button {
  min-height: 30px !important;
}

@media@media (max-width: 430px) {
  .dispatch-agency-history {
    grid-template-columns: unset;
  }

  .dispatch-candidate-actions {
    grid-template-columns: unset;
  }
}

/* Dispatch Step 3 premium strategy redesign */
.premium-dispatch-strategy,
.dispatch-impact-panel,
.dispatch-speed-card,
.dispatch-prediction-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(194, 213, 238, 0.78);
  border-radius: 20px;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.07);
}

.dispatch-wave-flow {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
}

.dispatch-wave-flow::-webkit-scrollbar {
  display: none;
}

.dispatch-wave-flow span {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 7px 10px;
  color: #334155;
  background: #f1f5f9;
  font-size: 10.5px;
  font-weight: 900;
}

.dispatch-wave-flow span.active {
  color: #1238b6;
  background: #dbeafe;
  box-shadow: 0 8px 18px rgba(31, 132, 229, 0.14);
}

.dispatch-wave-flow i {
  flex: 0 0 auto;
  color: #94a3b8;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.dispatch-wave-card-list {
  display: grid;
  gap: 9px;
}

.dispatch-custom-settings-note {
  display: grid;
  gap: 3px;
  border-radius: 15px;
  padding: 9px 10px;
  background: #f8fbff;
  border: 1px solid rgba(216, 229, 244, 0.72);
}

.dispatch-custom-settings-note strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 930;
}

.dispatch-custom-settings-note span {
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 740;
}

.dispatch-wave-control-card {
  display: grid !important;
  gap: 9px !important;
  border-radius: 18px !important;
  padding: 11px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.96)) !important;
  border: 1px solid rgba(216, 229, 244, 0.88) !important;
  box-shadow: 0 10px 24px rgba(6, 25, 54, 0.045);
}

.dispatch-wave-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
}

.dispatch-wave-card-head span,
.dispatch-prediction-card span {
  color: #64748b;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dispatch-wave-card-head strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 930;
}

.dispatch-wave-card-head button {
  grid-row: 1 / span 2;
  grid-column: 2;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 999px;
  color: #64748b;
  background: #fff;
}

.dispatch-wave-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-wave-fields label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.dispatch-wave-fields small,
.dispatch-wave-trigger-row small,
.dispatch-impact-grid small,
.dispatch-speed-detail small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.05;
  font-weight: 850;
}

.dispatch-wave-fields input {
  min-width: 0;
  height: 36px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 12px;
  padding: 0 8px;
  color: #07182f;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.dispatch-wave-mini-controls {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.dispatch-wave-mini-controls::-webkit-scrollbar {
  display: none;
}

.dispatch-wave-mini-controls button {
  flex: 0 0 auto;
  min-height: 24px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 999px;
  padding: 0 6px;
  color: #475569;
  background: #fff;
  font-size: 9.5px;
  font-weight: 900;
}

.dispatch-wave-mini-controls button.active {
  color: #1238b6;
  border-color: rgba(31, 132, 229, 0.34);
  background: #eef6ff;
}

.dispatch-wave-trigger-row,
.dispatch-speed-detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-wave-trigger-row span,
.dispatch-speed-detail span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 13px;
  padding: 8px;
  background: #f8fbff;
  border: 1px solid rgba(216, 229, 244, 0.72);
}

.dispatch-wave-trigger-row strong,
.dispatch-speed-detail strong {
  color: #07182f;
  font-size: 11.5px;
  line-height: 1.12;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.dispatch-wave-actions-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-wave-actions-row button {
  min-height: 38px;
  padding: 0 8px;
  font-size: 11.5px;
}

.dispatch-impact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dispatch-impact-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 15px;
  padding: 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.74));
  border: 1px solid rgba(216, 229, 244, 0.75);
}

.dispatch-impact-grid strong {
  color: #07182f;
  font-size: 16px;
  line-height: 1.05;
  font-weight: 940;
}

.dispatch-impact-grid em {
  color: #64748b;
  font-size: 10px;
  line-height: 1.15;
  font-style: normal;
  font-weight: 740;
}

.dispatch-speed-grid {
  display: grid;
  gap: 8px;
}

.dispatch-speed-grid button {
  display: grid;
  gap: 6px;
  width: 100%;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 18px;
  padding: 11px;
  text-align: left;
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.06), transparent 36%),
    #fff;
  box-shadow: 0 10px 22px rgba(6, 25, 54, 0.045);
}

.dispatch-speed-grid button.active {
  border-color: rgba(31, 132, 229, 0.34);
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.15), transparent 38%),
    linear-gradient(180deg, #f8fbff, #eef6ff);
  box-shadow: 0 15px 30px rgba(31, 132, 229, 0.14);
}

.dispatch-speed-grid span {
  justify-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  color: #1238b6;
  background: #dbeafe;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
}

.dispatch-speed-grid strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1.12;
  font-weight: 930;
}

.dispatch-speed-grid small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 740;
}

.dispatch-speed-grid div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.dispatch-speed-grid em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #334155;
  background: rgba(248, 251, 255, 0.96);
  border: 1px solid rgba(216, 229, 244, 0.72);
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 850;
}

.dispatch-prediction-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0, rgba(52, 211, 153, 0.13), transparent 34%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #6d5dfc);
}

.dispatch-prediction-card h4 {
  margin: 3px 0 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 930;
}

.dispatch-prediction-card p {
  margin: 4px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 11.5px;
  line-height: 1.28;
  font-weight: 720;
}

.dispatch-prediction-card span {
  color: rgba(226, 232, 240, 0.72);
}

.dispatch-prediction-card button {
  color: #07182f !important;
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(255,255,255,0.42) !important;
  box-shadow: 0 12px 24px rgba(6, 25, 54, 0.16);
}

.dispatch-forecast-sheet,
.dispatch-forecast-wave-list {
  display: grid;
  gap: 9px;
}

.dispatch-forecast-hero {
  border-radius: 20px;
  padding: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(52, 211, 153, 0.18), transparent 36%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #6d5dfc);
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.18);
}

.dispatch-forecast-hero span {
  color: rgba(226, 232, 240, 0.76);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.dispatch-forecast-hero h3 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.05;
  font-weight: 950;
}

.dispatch-forecast-hero p {
  margin: 6px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 720;
}

.dispatch-forecast-wave-list span {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 4px 8px;
  border-radius: 15px;
  padding: 9px;
  background: #fff;
  border: 1px solid rgba(216,229,244,0.82);
}

.dispatch-forecast-wave-list b {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-size: 11px;
}

.dispatch-forecast-wave-list strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.12;
}

.dispatch-forecast-wave-list small {
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.2;
}

@media@media (max-width: 430px) {
  .dispatch-wave-fields {
    grid-template-columns: 1fr;
  }

  .dispatch-prediction-card {
    grid-template-columns: 1fr;
  }
}

/* Dispatch Step 2 compact recruitment command layout */
.dispatch-strategy-section.compact,
.offer-priority-queue-card,
.offer-logic-card,
.dispatch-outcome-card {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 18px;
  padding: 11px;
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.07), transparent 32%),
    rgba(255,255,255,0.94);
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.06);
}

.dispatch-strategy-section .mini-section-heading,
.dispatch-primary-candidate-card .mini-section-heading,
.offer-priority-queue-card .mini-section-heading,
.dispatch-outcome-card .mini-section-heading {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.dispatch-strategy-section .mini-section-heading strong,
.dispatch-primary-candidate-card .mini-section-heading strong,
.offer-priority-queue-card .mini-section-heading strong,
.dispatch-outcome-card .mini-section-heading strong {
  max-width: 145px;
  white-space: normal;
  overflow: visible;
  text-align: right;
  line-height: 1.1;
}

.dispatch-method-strip {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 1px;
  scrollbar-width: none;
}

.dispatch-method-strip::-webkit-scrollbar {
  display: none;
}

.dispatch-method-strip button {
  flex: 0 0 168px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 15px;
  padding: 9px;
  text-align: left;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6,25,54,0.035);
}

.dispatch-method-strip button.active {
  border-color: rgba(31, 132, 229, 0.32);
  background: linear-gradient(180deg, #fff, #eef6ff);
  box-shadow: 0 12px 24px rgba(31,132,229,0.13);
}

.dispatch-method-strip strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.12;
  font-weight: 930;
}

.dispatch-method-strip small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.22;
  font-weight: 730;
}

.dispatch-primary-candidate-card {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.dispatch-primary-candidate-header {
  grid-template-columns: 38px minmax(0, 1fr) 58px !important;
  gap: 8px !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
}

.dispatch-primary-candidate-card h4 {
  margin: 0 !important;
  color: #07182f;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 940;
  overflow-wrap: anywhere;
}

.dispatch-primary-candidate-card p {
  margin: 3px 0 0 !important;
  color: #64748b;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  font-weight: 740;
  white-space: normal;
  overflow: visible;
}

.dispatch-match-badge {
  width: 54px !important;
  height: 46px !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.17), transparent 40%),
    linear-gradient(180deg, #fff, #ecfdf5) !important;
}

.dispatch-match-badge strong {
  font-size: 12.5px !important;
}

.dispatch-match-badge small {
  font-size: 8.5px !important;
}

.dispatch-compact-candidate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.dispatch-compact-candidate-grid span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 12px;
  padding: 6px 7px;
  background: #f8fbff;
  border: 1px solid rgba(216,229,244,0.72);
}

.dispatch-compact-candidate-grid small {
  color: #64748b;
  font-size: 9px;
  line-height: 1.06;
  font-weight: 820;
}

.dispatch-compact-candidate-grid strong {
  color: #07182f;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 910;
  white-space: normal;
  overflow-wrap: anywhere;
}

.dispatch-candidate-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  overflow: visible !important;
}

.dispatch-candidate-actions button {
  min-width: 0 !important;
  min-height: 31px !important;
  padding: 0 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  font-size: 10px !important;
}

.offer-ranked-queue-list {
  display: grid;
  gap: 7px;
}

.offer-ranked-queue-list article {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 32px;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.82);
  border-radius: 15px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(6,25,54,0.035);
}

.offer-ranked-queue-list article.primary {
  border-color: rgba(31,132,229,0.28);
  background: linear-gradient(180deg, #fff, #eef6ff);
}

.offer-ranked-queue-list i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #1238b6;
  background: #dbeafe;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.offer-ranked-queue-list strong,
.offer-ranked-queue-list small {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}

.offer-ranked-queue-list strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.12;
  font-weight: 930;
  overflow-wrap: anywhere;
}

.offer-ranked-queue-list small {
  margin-top: 2px;
  color: #64748b;
  font-size: 9.8px;
  line-height: 1.18;
  font-weight: 740;
}

.offer-ranked-meta {
  display: grid;
  gap: 3px;
  justify-items: end;
}

.offer-ranked-meta span {
  max-width: 82px;
  border-radius: 999px;
  padding: 4px 6px;
  color: #334155;
  background: #f8fbff;
  border: 1px solid rgba(216,229,244,0.72);
  font-size: 9.5px;
  line-height: 1.05;
  font-weight: 850;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

.offer-row-action-menu {
  position: relative;
}

.offer-row-action-menu summary {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(216,229,244,0.88);
  border-radius: 999px;
  color: #1238b6;
  background: #fff;
  font-size: 12px;
  font-weight: 950;
  list-style: none;
  cursor: pointer;
}

.offer-row-action-menu summary::-webkit-details-marker {
  display: none;
}

.offer-row-action-menu div {
  position: absolute;
  z-index: 6;
  right: 0;
  top: 36px;
  width: min(210px, 72vw);
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216,229,244,0.92);
  border-radius: 15px;
  padding: 7px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 18px 34px rgba(6,25,54,0.16);
}

.offer-row-action-menu button {
  min-height: 34px;
  border: 0;
  border-radius: 11px;
  padding: 0 9px;
  color: #07182f;
  background: transparent;
  text-align: left;
  font-size: 11px;
  font-weight: 830;
}

.offer-row-action-menu button:hover,
.offer-row-action-menu button:active {
  background: #eef6ff;
  color: #1238b6;
}

.offer-row-action-menu button:disabled {
  color: #cbd5e1;
}

.offer-logic-card .offer-succession-toggle-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.offer-logic-card .offer-succession-toggle-grid button {
  min-height: auto;
  padding: 8px 6px;
  border-radius: 13px;
}

.offer-logic-card .offer-succession-toggle-grid strong {
  font-size: 10.5px;
  line-height: 1.1;
}

.offer-logic-card .offer-succession-toggle-grid small {
  font-size: 9.3px;
  line-height: 1.14;
}

.offer-fill-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.offer-pipeline-preview {
  display: grid;
  gap: 6px;
}

.offer-pipeline-preview article {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  border-radius: 13px;
  padding: 7px;
}

.dispatch-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.dispatch-outcome-grid span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 13px;
  padding: 8px;
  background: #f8fbff;
  border: 1px solid rgba(216,229,244,0.72);
}

.dispatch-outcome-grid small {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.08;
  font-weight: 830;
}

.dispatch-outcome-grid strong {
  color: #07182f;
  font-size: 15px;
  line-height: 1.05;
  font-weight: 940;
  overflow-wrap: anywhere;
}

.dispatch-outcome-grid em {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.14;
  font-style: normal;
  font-weight: 720;
}

@media (max-width: 390px) {
  .dispatch-compact-candidate-grid,
  .dispatch-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .offer-ranked-queue-list article {
    grid-template-columns: 28px minmax(0, 1fr) 30px;
  }

  .offer-ranked-meta {
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .offer-ranked-meta span {
    max-width: none;
  }

  .offer-logic-card .offer-succession-toggle-grid {
    grid-template-columns: 1fr;
  }
}

/* Urgent responsive fix: Primary Candidate card must never letter-stack */
.dispatch-primary-candidate-card {
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
  border-radius: 18px !important;
  overflow: visible !important;
}

.dispatch-primary-candidate-header {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 58px !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.dispatch-primary-name {
  min-width: 0 !important;
  display: block !important;
}

.dispatch-primary-name span {
  display: block;
  color: #64748b;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dispatch-primary-candidate-card h4 {
  margin: 3px 0 0 !important;
  max-width: 100% !important;
  color: #07182f !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 940 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dispatch-primary-candidate-card p {
  margin: 2px 0 0 !important;
  max-width: 100% !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 740 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge {
  width: 58px !important;
  height: 42px !important;
  border-radius: 14px !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge strong {
  font-size: 12px !important;
  white-space: nowrap !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge small {
  font-size: 8px !important;
}

.dispatch-primary-info-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.dispatch-primary-info-row span {
  flex: 1 1 calc(50% - 5px);
  min-width: 112px;
  border: 1px solid rgba(216, 229, 244, 0.76);
  border-radius: 999px;
  padding: 6px 8px;
  color: #334155;
  background: #f8fbff;
  font-size: 10px;
  line-height: 1.05;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dispatch-primary-info-row.secondary span {
  flex-basis: calc(33.333% - 5px);
  min-width: 96px;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  overflow: visible !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-size: 10.5px !important;
}

@media (max-width: 360px) {
  .dispatch-primary-candidate-header {
    grid-template-columns: 34px minmax(0, 1fr) 52px !important;
  }

  .dispatch-primary-candidate-card .dispatch-candidate-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  .dispatch-primary-candidate-card .dispatch-match-badge {
    width: 52px !important;
  }

  .dispatch-primary-info-row span,
  .dispatch-primary-info-row.secondary span {
    min-width: 86px;
    padding-inline: 6px;
    font-size: 9.5px;
  }
}

/* Final premium primary candidate rebuild */
.dispatch-primary-candidate-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 11px !important;
  overflow: visible !important;
  border: 1px solid rgba(194, 213, 238, 0.78) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.94)) !important;
  box-shadow: 0 16px 34px rgba(6, 25, 54, 0.08) !important;
}

.dispatch-primary-candidate-card > * {
  min-width: 0 !important;
  margin: 0 !important;
}

.dispatch-primary-candidate-card > * + * {
  margin-top: 0 !important;
}

.dispatch-primary-candidate-header {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 58px !important;
  gap: 9px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 15px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,0.34), transparent 24%),
    linear-gradient(135deg, #1238b6, #6d5dfc) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.dispatch-primary-name {
  min-width: 0 !important;
  max-width: 100% !important;
}

.dispatch-primary-candidate-card h4 {
  display: block !important;
  margin: 0 !important;
  color: #07182f !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.dispatch-primary-candidate-card p {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  width: 58px !important;
  height: 42px !important;
  border: 1px solid rgba(34,197,94,0.18) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.18), transparent 38%),
    linear-gradient(180deg, #fff, #ecfdf5) !important;
  box-shadow: none !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge strong {
  color: #047857 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge small {
  color: #047857 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.dispatch-primary-meta-row,
.dispatch-primary-signal-row {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.dispatch-primary-meta-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.dispatch-primary-signal-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.dispatch-primary-meta-row span,
.dispatch-primary-signal-row span {
  box-sizing: border-box !important;
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  min-height: 36px !important;
  border: 1px solid rgba(216, 229, 244, 0.76) !important;
  border-radius: 13px !important;
  padding: 6px 5px !important;
  color: #334155 !important;
  background: rgba(255,255,255,0.78) !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
}

.dispatch-primary-meta-row b,
.dispatch-primary-signal-row span {
  color: #07182f !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.dispatch-primary-meta-row small {
  color: #64748b !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  border-radius: 12px !important;
  padding: 0 4px !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 374px) {
  .dispatch-primary-candidate-header {
    grid-template-columns: 36px minmax(0, 1fr) 54px !important;
    gap: 7px !important;
  }

  .dispatch-primary-candidate-card .dispatch-candidate-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  .dispatch-primary-candidate-card .dispatch-match-badge {
    width: 54px !important;
    height: 40px !important;
  }

  .dispatch-primary-meta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dispatch-primary-signal-row {
    grid-template-columns: 1fr !important;
  }
}

/* Tax Centre V5: quiet luxury visual system */
.worker-finance-page:has(.tax-command-page-header) {
  --tax-luxury-ink: #071a34;
  --tax-luxury-muted: #667386;
  --tax-luxury-line: rgba(10, 26, 52, .075);
  --tax-luxury-shadow: 0 10px 30px rgba(12, 25, 48, .065);
  --tax-luxury-radius: 20px;
  gap: 24px;
  background:
    radial-gradient(circle at 50% -8%, rgba(74, 110, 192, .055), transparent 34%),
    linear-gradient(180deg, #f7f9fc, #eef3f7);
}

.worker-finance-page:has(.tax-command-page-header) :is(strong, b, h2, h3) {
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) :is(button, .tax-smart-toggle) {
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.worker-finance-page:has(.tax-command-page-header) :is(button, .tax-smart-toggle):active {
  transform: scale(.985);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header span {
  color: #6f7a8b;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .12em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  max-width: none;
  margin-top: 6px;
  color: var(--tax-luxury-ink);
  font-size: clamp(25px, 6.2vw, 29px);
  line-height: 1.06;
  font-weight: 700;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 30rem;
  margin-top: 8px;
  color: var(--tax-luxury-muted);
  font-size: 13px;
  line-height: 1.42;
  font-weight: 400;
}

.tax-header-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: end;
}

.tax-header-actions > button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(10, 26, 52, .08);
  border-radius: 999px;
  color: #243b59;
  background: rgba(255,255,255,.74);
  box-shadow: 0 8px 20px rgba(12, 25, 48, .055);
}

.tax-header-actions > button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #081936, #4b35c6);
}

.tax-header-actions svg {
  width: 17px;
  height: 17px;
}

.tax-header-actions > em {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(16,185,129,.16);
  border-radius: 999px;
  padding: 0 11px !important;
  color: #0c654b;
  background: rgba(236,253,245,.82);
  font-size: 11.5px !important;
  font-style: normal;
  font-weight: 650 !important;
  white-space: nowrap;
}

.tax-header-actions > em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16,185,129,.12);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  grid-template-columns: minmax(0, 1.4fr) minmax(86px, .45fr);
  gap: 18px;
  align-items: center;
  overflow: visible;
  border-radius: 24px;
  padding: 20px;
  background:
    radial-gradient(circle at 90% 10%, rgba(100, 172, 255, .16), transparent 28%),
    linear-gradient(145deg, #07182f, #0c264d 62%, #123c78);
  box-shadow: 0 18px 42px rgba(7, 23, 46, .20);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::after {
  display: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy span {
  color: rgba(232,246,255,.68);
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: .11em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  margin-top: 10px;
  font-size: clamp(27px, 7vw, 34px);
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy > strong {
  margin-top: 4px;
  color: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  max-width: 26rem;
  margin-top: 10px;
  color: rgba(232,246,255,.68);
  font-size: 12.5px;
  line-height: 1.42;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button,
.worker-finance-page:has(.tax-command-page-header) .tax-payout-actions button,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-actions button,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-paused-actions button,
.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card .tax-os-action-row button,
.worker-finance-page:has(.tax-command-page-header) .tax-premium-sheet-actions button {
  min-height: 42px;
  border-radius: 13px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 620;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button {
  width: auto;
  min-width: 110px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 90px;
  justify-self: end;
  gap: 4px;
  background:
    conic-gradient(from 215deg, #7dd3fc 0 var(--tax-pot-cover), rgba(255,255,255,.12) var(--tax-pot-cover) 100%);
  box-shadow:
    inset 0 0 0 8px rgba(7,24,47,.88),
    0 16px 30px rgba(0,0,0,.16);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge::before {
  inset: 9px;
  background: linear-gradient(145deg, #07182f, #0c274e);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 23px;
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .10em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 2px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.10);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 58px;
  border: 0;
  border-radius: 0;
  padding: 10px 11px;
  background: rgba(255,255,255,.045);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: auto;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  color: rgba(232,246,255,.64);
  font-size: 9.5px;
  line-height: 1.18;
  font-weight: 560;
  letter-spacing: .04em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  margin-top: 6px;
  color: #fff;
  font-size: clamp(13px, 3.4vw, 16px);
  font-weight: 620;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-command-reserve-card.compact, .tax-upcoming-allocation-card, .tax-pot-balance-card, .financial-insights-panel, .tax-command-passport-card.compact, .tax-command-disclaimer) {
  border-color: var(--tax-luxury-line);
  border-radius: var(--tax-luxury-radius);
  padding: 16px;
  box-shadow: var(--tax-luxury-shadow);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-reserve-card.compact {
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(20px);
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-card,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-rate-card,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-activity-preview {
  border-color: var(--tax-luxury-line);
  border-radius: 16px;
  padding: 13px;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-card h3,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-head h3,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head h3,
.worker-finance-page:has(.tax-command-page-header) .financial-insights-panel .tax-os-section-head h3,
.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact h3 {
  font-size: 17px;
  line-height: 1.18;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card p, .tax-pot-balance-head p, .tax-v2-payment-card.compact-ledger > p, .tax-command-passport-card.compact p, .financial-insights-panel > p) {
  font-size: 12px;
  line-height: 1.42;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-ledger,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-meta {
  border-radius: 14px;
  border-color: rgba(10,26,52,.06);
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger span,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines span,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-ledger span,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-meta span {
  padding: 9px 11px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger small,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines small,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-ledger small,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-meta small {
  font-size: 11px;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger strong,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines strong,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-ledger strong,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-meta strong {
  font-size: clamp(13px, 3.5vw, 16px);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row {
  min-height: 0;
  margin-top: 12px;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row svg {
  width: 15px;
  height: 15px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
  gap: 7px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button {
  min-height: 39px;
  border-radius: 12px;
  padding: 6px 5px;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid strong {
  font-size: 11.5px;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid small {
  font-size: 8.5px;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-state-line {
  border-radius: 13px;
  padding: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-state-line strong {
  font-size: 12.5px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-state-line small {
  font-size: 11.5px;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle {
  min-width: 76px;
  min-height: 38px;
  grid-template-columns: 24px auto;
  padding: 4px 9px 4px 5px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle i {
  width: 24px;
  height: 24px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle strong {
  font-size: 11px;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head > strong,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head > strong {
  font-size: clamp(23px, 6.1vw, 28px);
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid {
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(10,26,52,.06);
  border-radius: 14px;
  background: rgba(10,26,52,.06);
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid span {
  border-radius: 0;
  padding: 10px 11px;
  background: rgba(255,255,255,.72);
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid small,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation small,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-foot small {
  font-size: 9.5px;
  font-weight: 560;
  letter-spacing: .06em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid strong,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation strong,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-foot strong {
  font-size: 13px;
  font-weight: 620;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-progress {
  height: 6px;
  margin-top: 13px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid {
  display: grid;
  gap: 0;
  margin-top: 10px;
  border-top: 1px solid rgba(10,26,52,.075);
  border-bottom: 1px solid rgba(10,26,52,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px solid rgba(10,26,52,.055);
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span:last-child {
  border-bottom: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid small {
  color: #667386;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid strong {
  color: #071a34;
  font-size: clamp(15px, 4vw, 18px);
  line-height: 1;
  font-weight: 650;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-main.executive p {
  max-width: 30rem;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-privacy {
  margin-top: 12px;
  border-radius: 12px;
  padding: 10px 11px;
  font-size: 11.5px;
  line-height: 1.42;
  background: rgba(244,248,252,.86);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .financial-insight-list article {
  border-radius: 14px;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-linked-expense-note,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-explainer {
  border-radius: 12px;
  padding: 9px 10px;
  font-size: 11.5px;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) .tax-premium-sheet {
  border-radius: 22px 22px 0 0;
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-header-actions {
    justify-content: start;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
    justify-self: start;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
    min-height: 50px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Premium corrected primary candidate tile */
.dispatch-primary-candidate-card {
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  padding: 12px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(6, 25, 54, 0.11) !important;
}

.dispatch-primary-candidate-card,
.dispatch-primary-candidate-card * {
  box-sizing: border-box !important;
}

.dispatch-primary-candidate-card h4,
.dispatch-primary-candidate-card p,
.dispatch-primary-candidate-card span,
.dispatch-primary-candidate-card strong,
.dispatch-primary-candidate-card small,
.dispatch-primary-candidate-card button {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.dispatch-primary-candidate-header {
  grid-template-columns: 42px minmax(0, 1fr) 62px !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-avatar {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 24px rgba(18, 56, 182, 0.18) !important;
}

.dispatch-primary-name span {
  display: block !important;
  margin: 0 0 3px !important;
  color: #1238b6 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 920 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.dispatch-primary-candidate-card h4 {
  margin: 0 !important;
  color: #07182f !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  white-space: normal !important;
}

.dispatch-primary-candidate-card p {
  margin: 3px 0 0 !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
  white-space: normal !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge {
  width: 62px !important;
  height: 46px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.2), transparent 38%),
    linear-gradient(180deg, #ffffff, #ecfdf5) !important;
  box-shadow: 0 10px 22px rgba(4, 120, 87, 0.09) !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge strong {
  color: #047857 !important;
  font-size: 13px !important;
}

.dispatch-primary-candidate-card .dispatch-match-badge small {
  color: #047857 !important;
  font-size: 8px !important;
}

.dispatch-primary-status-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.dispatch-primary-status-strip span {
  flex: 1 1 auto !important;
  min-width: max-content !important;
  border: 1px solid rgba(31, 132, 229, 0.12) !important;
  border-radius: 999px !important;
  padding: 6px 8px !important;
  color: #1238b6 !important;
  background: rgba(238, 246, 255, 0.92) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 880 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.dispatch-primary-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
}

.dispatch-primary-metric-grid span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  border: 1px solid rgba(216, 229, 244, 0.78) !important;
  border-radius: 15px !important;
  padding: 8px !important;
  background: rgba(255, 255, 255, 0.84) !important;
}

.dispatch-primary-metric-grid small {
  color: #64748b !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 820 !important;
}

.dispatch-primary-metric-grid strong {
  color: #07182f !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  font-weight: 940 !important;
  white-space: normal !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions button {
  min-height: 36px !important;
  border-radius: 13px !important;
  color: #1238b6 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.055) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions button:first-child {
  color: #ffffff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #1238b6, #6d5dfc) !important;
}

@media (max-width: 360px) {
  .dispatch-primary-candidate-header {
    grid-template-columns: 38px minmax(0, 1fr) 58px !important;
  }

  .dispatch-primary-candidate-card .dispatch-candidate-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .dispatch-primary-candidate-card h4 {
    font-size: 15px !important;
  }

  .dispatch-primary-status-strip span {
    min-width: 0 !important;
    flex: 1 1 calc(50% - 6px) !important;
  }
}

/* Jobs Control Centre duplicate-action cleanup */
.jobs-control-centre-card {
  gap: 18px !important;
  padding: 16px !important;
  border-radius: 24px !important;
}

.jobs-control-primary-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.jobs-control-primary-actions button {
  min-width: 0 !important;
  min-height: 48px !important;
  border-radius: 17px !important;
  font-size: 12px !important;
  white-space: normal !important;
  line-height: 1.1 !important;
}

.jobs-control-status-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.jobs-control-status-strip span {
  min-height: 66px !important;
  padding: 11px 8px !important;
  border-radius: 17px !important;
}

.jobs-control-section {
  display: grid !important;
  gap: 10px !important;
  padding-top: 3px !important;
}

.jobs-control-tools-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.jobs-control-tools-row button {
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 15px;
  padding: 0 10px;
  color: #334155;
  background: rgba(255, 255, 255, 0.86);
  font-size: 11.5px;
  line-height: 1;
  font-weight: 880;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045);
}

.jobs-control-tools-row svg {
  width: 14px;
  height: 14px;
  color: #1238b6;
}

.jobs-control-activity-grid {
  gap: 9px !important;
}

.jobs-control-activity-grid article {
  min-height: 62px !important;
  border-radius: 17px !important;
}

@media (max-width: 360px) {
  .jobs-control-primary-actions,
  .jobs-control-tools-row {
    grid-template-columns: 1fr !important;
  }

  .jobs-control-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Premium Jobs Operations Dashboard */
.jobs-control-centre-card {
  display: grid !important;
  gap: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.jobs-ops-overview-card,
.jobs-ops-section,
.jobs-hiring-health-card,
.jobs-live-feed-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 24px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.94));
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.075);
}

.jobs-ops-overview-card {
  color: #fff;
  border-color: rgba(255,255,255,0.10);
  background:
    radial-gradient(circle at 98% 0, rgba(52, 211, 153, 0.16), transparent 32%),
    radial-gradient(circle at 10% 0, rgba(109, 93, 252, 0.22), transparent 36%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #6d5dfc);
  box-shadow: 0 24px 50px rgba(6, 25, 54, 0.22);
}

.jobs-ops-heading,
.jobs-ops-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.jobs-ops-heading span,
.jobs-ops-section-heading span {
  display: block;
  color: rgba(100, 116, 139, 0.94);
  font-size: 10.5px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.jobs-ops-overview-card .jobs-ops-heading span {
  color: rgba(226, 232, 240, 0.72);
}

.jobs-ops-heading h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.08;
  font-weight: 950;
}

.jobs-ops-heading em {
  flex: 0 0 auto;
  border: 1px solid rgba(52, 211, 153, 0.24);
  border-radius: 999px;
  padding: 7px 10px;
  color: #dffcf1;
  background: rgba(34, 197, 94, 0.13);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 920;
}

.jobs-ops-overview-card .jobs-control-primary-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.jobs-ops-overview-card .jobs-control-primary-actions button {
  min-height: 46px !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: rgba(255,255,255,0.11) !important;
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 14px 26px rgba(6,25,54,0.14) !important;
}

.jobs-ops-overview-card .jobs-control-primary-actions button.primary {
  color: #07182f !important;
  background: #fff !important;
}

.jobs-ops-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.jobs-ops-kpi-card,
.jobs-performance-grid button,
.jobs-ops-action-grid button,
.jobs-health-list button,
.jobs-live-feed-card button {
  min-width: 0;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.jobs-ops-kpi-card {
  display: grid;
  gap: 5px;
  border-radius: 18px;
  padding: 10px 8px;
  color: #fff;
  background: rgba(255,255,255,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.jobs-ops-kpi-card i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 12px;
  color: #fff;
  background: rgba(255,255,255,0.14);
}

.jobs-ops-kpi-card svg {
  width: 14px;
  height: 14px;
}

.jobs-ops-kpi-card span {
  color: rgba(226, 232, 240, 0.78);
  font-size: 9.8px;
  line-height: 1.12;
  font-weight: 860;
}

.jobs-ops-kpi-card strong {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 950;
}

.jobs-ops-kpi-card small {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 780;
}

.jobs-ops-section-heading strong {
  color: #047857;
  font-size: 12px;
  line-height: 1;
  font-weight: 920;
}

.jobs-performance-grid,
.jobs-ops-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.jobs-performance-grid button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon value"
    "label label"
    "detail detail";
  align-content: center;
  align-items: center;
  gap: 4px 9px;
  border-radius: 18px;
  padding: 10px;
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.09), transparent 34%),
    #fff;
  border: 1px solid rgba(216, 229, 244, 0.82);
  box-shadow: 0 12px 24px rgba(6,25,54,0.055);
}

.jobs-performance-grid i,
.jobs-ops-action-grid i {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 12px;
  color: #1238b6;
  background: #eef6ff;
}

.jobs-performance-grid svg,
.jobs-ops-action-grid svg {
  width: 14px;
  height: 14px;
}

.jobs-performance-grid strong {
  grid-area: value;
  color: #07182f;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
}

.jobs-performance-grid span,
.jobs-ops-action-grid span {
  grid-area: label;
  color: #07182f;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 900;
}

.jobs-performance-grid small {
  grid-area: detail;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.18;
  font-weight: 740;
}

.jobs-ops-action-grid i,
.jobs-ops-action-grid span {
  grid-area: auto;
}

.jobs-ops-action-grid button {
  min-height: 46px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border-radius: 17px;
  padding: 9px;
  color: #07182f;
  background:
    linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid rgba(216, 229, 244, 0.86);
  box-shadow: 0 10px 22px rgba(6,25,54,0.045);
}

.jobs-hiring-health-card {
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.10), transparent 34%),
    linear-gradient(180deg, #fff, #f8fbff);
}

.jobs-health-list {
  display: grid;
  gap: 8px;
}

.jobs-health-list button {
  display: grid;
  gap: 7px;
  border-radius: 16px;
  padding: 10px;
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(216, 229, 244, 0.82);
}

.jobs-health-list button > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.jobs-health-list span {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
}

.jobs-health-list strong {
  color: #07182f;
  font-size: 12.5px;
  font-weight: 940;
}

.jobs-health-list i {
  height: 7px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.jobs-health-list b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1238b6, #6d5dfc, #22c55e);
}

.jobs-live-feed-card {
  gap: 8px;
}

.jobs-live-feed-card button {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border-radius: 14px;
  padding: 9px;
  background: rgba(255,255,255,0.82);
}

.jobs-live-feed-card button > i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34,197,94,0.12);
}

.jobs-live-feed-card span {
  color: #07182f;
  font-size: 11.5px;
  line-height: 1.18;
  font-weight: 820;
}

.jobs-live-feed-card small {
  color: #64748b;
  font-size: 10px;
  white-space: nowrap;
}

@media (max-width: 374px) {
  .jobs-ops-kpi-grid,
  .jobs-performance-grid,
  .jobs-ops-action-grid {
    grid-template-columns: 1fr;
  }

  .jobs-ops-overview-card .jobs-control-primary-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Emergency Fill + premium Jobs command refinements */
.jobs-ops-overview-card .jobs-control-primary-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.jobs-ops-overview-card .jobs-control-primary-actions button {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 9px 7px !important;
  gap: 6px !important;
  font-size: 11.2px !important;
  line-height: 1.08 !important;
}

.jobs-ops-overview-card .jobs-control-primary-actions button.emergency {
  color: #2f1400 !important;
  border-color: rgba(251, 191, 36, 0.32) !important;
  background: linear-gradient(135deg, #fff7ed, #fde68a) !important;
}

.jobs-ops-action-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emergency-fill-backdrop {
  align-items: flex-end;
  padding: 12px;
  background: rgba(4, 12, 28, 0.52);
  backdrop-filter: blur(16px);
}

.emergency-fill-sheet {
  width: min(430px, 100%);
  max-height: calc(100vh - 24px);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 28px 28px 20px 20px;
  background: #f7f8fc;
  box-shadow: 0 -24px 70px rgba(3, 7, 18, 0.32);
}

.emergency-fill-hero {
  display: grid;
  gap: 12px;
  padding: max(14px, env(safe-area-inset-top)) 16px 15px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 0, rgba(52, 211, 153, 0.18), transparent 30%),
    radial-gradient(circle at 8% 0, rgba(251, 191, 36, 0.16), transparent 32%),
    linear-gradient(135deg, #07182f, #1238b6 58%, #6d5dfc);
}

.emergency-fill-top,
.emergency-fill-title,
.emergency-fill-kpis {
  min-width: 0;
}

.emergency-fill-top {
  display: flex;
  align-items: center;
  gap: 10px;
}

.emergency-fill-top .icon-button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.16);
}

.emergency-fill-top span {
  flex: 1;
  color: rgba(226, 232, 240, 0.86);
  font-size: 11px;
  font-weight: 920;
  text-transform: uppercase;
}

.emergency-fill-top em {
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 6px 8px;
  color: #dffcf1;
  background: rgba(34, 197, 94, 0.13);
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.emergency-fill-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.emergency-fill-title h2 {
  margin: 0;
  color: #fff;
  font-size: 23px;
  line-height: 1.05;
  font-weight: 950;
}

.emergency-fill-title p {
  margin: 5px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12.5px;
  line-height: 1.28;
  font-weight: 760;
}

.emergency-fill-title strong {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #07182f;
  background: #fff;
  font-size: 20px;
  box-shadow: 0 14px 26px rgba(3, 7, 18, 0.16);
}

.emergency-fill-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.emergency-fill-kpis span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 15px;
  padding: 8px 7px;
  background: rgba(255,255,255,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.emergency-fill-kpis strong {
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: 940;
  white-space: nowrap;
}

.emergency-fill-kpis small {
  color: rgba(226, 232, 240, 0.72);
  font-size: 9.5px;
  line-height: 1.08;
  font-weight: 760;
}

.emergency-fill-body {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 12px;
  padding: 14px 14px calc(18px + env(safe-area-inset-bottom));
}

.emergency-fill-card {
  min-width: 0;
  display: grid;
  gap: 11px;
  overflow: visible;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 22px;
  padding: 13px;
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.95));
  box-shadow: 0 16px 34px rgba(6,25,54,0.07);
}

.emergency-fill-card.live {
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,0.11), transparent 34%),
    linear-gradient(180deg, #ffffff, #f4fbff);
}

.emergency-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.emergency-form-grid label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.emergency-form-grid label:first-child,
.emergency-form-grid label:nth-child(2) {
  grid-column: 1 / -1;
}

.emergency-form-grid.compact label:first-child,
.emergency-form-grid.compact label:nth-child(2) {
  grid-column: auto;
}

.emergency-form-grid span {
  color: #64748b;
  font-size: 10.8px;
  line-height: 1;
  font-weight: 880;
}

.emergency-form-grid input,
.emergency-form-grid select {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(216, 229, 244, 0.92);
  border-radius: 15px;
  padding: 0 11px;
  color: #07182f;
  background: #fff;
  font-size: 12.5px;
  font-weight: 820;
  box-shadow: 0 7px 16px rgba(6,25,54,0.035);
}

.emergency-check-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.emergency-check-grid button {
  min-height: 34px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 999px;
  padding: 0 10px;
  color: #334155;
  background: #fff;
  font-size: 11px;
  font-weight: 860;
}

.emergency-check-grid button.active {
  color: #1238b6;
  border-color: rgba(18, 56, 182, 0.22);
  background: #eef6ff;
}

.emergency-worker-queue,
.emergency-live-pipeline {
  display: grid;
  gap: 8px;
}

.emergency-worker-queue article,
.emergency-live-pipeline article {
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 18px;
  padding: 10px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 10px 22px rgba(6,25,54,0.045);
}

.emergency-worker-queue article.primary {
  border-color: rgba(18, 56, 182, 0.2);
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.10), transparent 34%),
    #ffffff;
}

.emergency-worker-queue i,
.emergency-live-pipeline i {
  display: grid;
  place-items: center;
  min-height: 32px;
  border-radius: 13px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10px;
  line-height: 1.05;
  font-style: normal;
  font-weight: 920;
  text-align: center;
}

.emergency-worker-queue strong,
.emergency-live-pipeline strong {
  display: block;
  color: #07182f;
  font-size: 13px;
  line-height: 1.12;
  font-weight: 940;
}

.emergency-worker-queue small,
.emergency-live-pipeline small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.8px;
  line-height: 1.22;
  font-weight: 720;
}

.emergency-worker-stats {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.emergency-worker-stats span,
.emergency-status-strip span {
  border-radius: 999px;
  padding: 6px 8px;
  color: #334155;
  background: #f1f5f9;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 820;
}

.emergency-worker-queue details {
  justify-self: end;
  position: relative;
}

.emergency-worker-queue summary {
  list-style: none;
  border-radius: 999px;
  padding: 8px 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.emergency-worker-queue summary::-webkit-details-marker {
  display: none;
}

.emergency-worker-queue details div {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 4;
  width: 178px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216,229,244,0.9);
  border-radius: 16px;
  padding: 7px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(6,25,54,0.16);
}

.emergency-worker-queue details button {
  min-height: 34px;
  border: 0;
  border-radius: 11px;
  padding: 0 9px;
  color: #334155;
  background: transparent;
  text-align: left;
  font-size: 11px;
  font-weight: 800;
}

.emergency-worker-queue details button:hover {
  background: #f1f5f9;
}

.emergency-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.emergency-live-pipeline article {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.emergency-live-pipeline em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #047857;
  background: #dcfce7;
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.emergency-live-pipeline article.moved-on em,
.emergency-live-pipeline article.skipped em,
.emergency-live-pipeline article.expired em {
  color: #92400e;
  background: #fef3c7;
}

.emergency-fill-note {
  margin: 0;
  color: #475569;
  font-size: 12.5px;
  line-height: 1.38;
  font-weight: 720;
}

.emergency-fill-actions {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.95fr) minmax(0, 1.45fr);
  gap: 8px;
}

.emergency-fill-actions.inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emergency-fill-actions button {
  min-width: 0;
  min-height: 44px;
  border-radius: 15px;
  padding: 0 9px;
  font-size: 11.5px;
  line-height: 1.08;
  font-weight: 900;
}

@media (max-width: 374px) {
  .jobs-ops-overview-card .jobs-control-primary-actions,
  .emergency-fill-kpis,
  .emergency-form-grid,
  .emergency-form-grid.compact,
  .emergency-fill-actions,
  .emergency-fill-actions.inline {
    grid-template-columns: 1fr !important;
  }

  .emergency-worker-queue article {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .emergency-worker-queue details {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .emergency-worker-queue summary {
    text-align: center;
  }
}

/* Need Cover Now: emergency workforce command centre */
.emergency-fill-title small {
  display: block;
  margin-top: 5px;
  color: #fde68a;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
}

.emergency-fill-body > .emergency-fill-actions {
  margin: 0 -4px -4px;
  border: 1px solid rgba(216, 229, 244, 0.82);
  border-radius: 19px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
  box-shadow: 0 -12px 34px rgba(6, 25, 54, 0.12);
}

.emergency-subsection-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding-top: 2px;
}

.emergency-subsection-heading strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 920;
}

.emergency-subsection-heading small {
  color: #64748b;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 720;
  text-align: right;
}

.emergency-check-grid button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: normal;
  text-align: left;
}

.emergency-check-grid button.add-custom {
  color: #5b21b6;
  border-style: dashed;
  border-color: rgba(109, 93, 252, 0.32);
  background: #f5f3ff;
}

.emergency-check-grid button svg {
  width: 13px;
  height: 13px;
}

.emergency-check-grid.tier button.active {
  color: #5b21b6;
  border-color: rgba(109, 93, 252, 0.25);
  background: #f5f3ff;
}

.emergency-check-grid.transport button.active {
  color: #047857;
  border-color: rgba(16, 185, 129, 0.24);
  background: #ecfdf5;
}

.emergency-inline-add {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.emergency-inline-add input {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(109, 93, 252, 0.24);
  border-radius: 14px;
  padding: 0 11px;
  color: #07182f;
  background: #fff;
  font-size: 12px;
  font-weight: 760;
}

.emergency-inline-add button {
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  padding: 0 15px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 12px;
  font-weight: 900;
}

.emergency-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.emergency-mode-grid button {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 17px;
  padding: 10px 8px;
  color: #334155;
  background: #fff;
  text-align: left;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.04);
}

.emergency-mode-grid button i {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 10px;
  color: #1238b6;
  background: #eef6ff;
}

.emergency-mode-grid button svg {
  width: 13px;
  height: 13px;
}

.emergency-mode-grid button strong {
  color: #07182f;
  font-size: 11.5px;
  line-height: 1.08;
  font-weight: 920;
}

.emergency-mode-grid button small {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.25;
  font-weight: 700;
}

.emergency-mode-grid button em {
  color: #475569;
  font-size: 9px;
  line-height: 1.15;
  font-style: normal;
  font-weight: 820;
}

.emergency-mode-grid button.active {
  border-color: rgba(109, 93, 252, 0.34);
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.15), transparent 40%),
    linear-gradient(180deg, #fff, #f5f3ff);
  box-shadow: 0 12px 26px rgba(91, 33, 182, 0.11);
}

.emergency-mode-grid button.active i {
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.emergency-nearby-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.emergency-nearby-grid span {
  min-width: 0;
  display: grid;
  gap: 4px;
  border-radius: 14px;
  padding: 9px 6px;
  background: #f8fafc;
  text-align: center;
}

.emergency-nearby-grid strong {
  color: #07182f;
  font-size: 16px;
  line-height: 1;
  font-weight: 940;
}

.emergency-nearby-grid small {
  color: #64748b;
  font-size: 8.8px;
  line-height: 1.15;
  font-weight: 760;
}

.emergency-recommendation-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(52, 211, 153, 0.18);
  border-radius: 22px;
  padding: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(52, 211, 153, 0.2), transparent 36%),
    linear-gradient(135deg, #07182f, #1238b6 65%, #4338ca);
  box-shadow: 0 20px 42px rgba(6, 25, 54, 0.2);
}

.emergency-recommendation-card span {
  color: #a7f3d0;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 920;
  text-transform: uppercase;
}

.emergency-recommendation-card h3 {
  margin: 5px 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.12;
  font-weight: 940;
}

.emergency-recommendation-card p {
  margin: 0;
  color: rgba(226, 232, 240, 0.8);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
}

.emergency-recommendation-card > strong {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 18px;
  color: #d1fae5;
  background: rgba(255,255,255,0.1);
  font-size: 17px;
  font-weight: 950;
}

.emergency-selected-queue {
  display: grid;
  gap: 7px;
}

.emergency-selected-queue article {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(216, 229, 244, 0.85);
  border-radius: 15px;
  padding: 8px;
  background: rgba(255,255,255,0.9);
}

.emergency-selected-queue article.primary {
  border-color: rgba(18, 56, 182, 0.22);
  background: #eef6ff;
}

.emergency-selected-queue article > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #1238b6;
  background: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 930;
}

.emergency-selected-queue strong {
  display: block;
  color: #07182f;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 920;
}

.emergency-selected-queue small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 9.8px;
  line-height: 1.15;
  font-weight: 720;
}

.emergency-queue-row-actions {
  display: flex;
  gap: 4px;
}

.emergency-queue-row-actions button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 10px;
  color: #475569;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.emergency-queue-row-actions button:disabled {
  opacity: 0.35;
}

.emergency-queue-row-actions svg {
  width: 12px;
  height: 12px;
}

.emergency-automation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.emergency-automation-grid button {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(216, 229, 244, 0.88);
  border-radius: 15px;
  padding: 9px 8px;
  color: #475569;
  background: #fff;
  text-align: left;
}

.emergency-automation-grid button > span {
  width: max-content;
  border-radius: 999px;
  padding: 4px 6px;
  color: #64748b;
  background: #f1f5f9;
  font-size: 8.5px;
  line-height: 1;
  font-weight: 940;
}

.emergency-automation-grid button strong {
  color: #07182f;
  font-size: 10.5px;
  line-height: 1.12;
  font-weight: 900;
}

.emergency-automation-grid button small {
  color: #64748b;
  font-size: 8.8px;
  line-height: 1.2;
  font-weight: 680;
}

.emergency-automation-grid button.active {
  border-color: rgba(16, 185, 129, 0.24);
  background: #ecfdf5;
}

.emergency-automation-grid button.active > span {
  color: #047857;
  background: #d1fae5;
}

.emergency-worker-results {
  display: grid;
  gap: 10px;
}

.emergency-worker-card {
  min-width: 0;
  display: grid;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.86);
  border-radius: 19px;
  padding: 11px;
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.07), transparent 34%),
    #fff;
  box-shadow: 0 11px 24px rgba(6, 25, 54, 0.055);
}

.emergency-worker-card.recommended {
  border-color: rgba(16, 185, 129, 0.24);
  box-shadow: 0 14px 30px rgba(4, 120, 87, 0.09);
}

.emergency-worker-card-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.emergency-worker-avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  font-size: 11px;
  font-weight: 940;
  box-shadow: 0 10px 20px rgba(18, 56, 182, 0.16);
}

.emergency-worker-card-head strong {
  display: block;
  color: #07182f;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 940;
}

.emergency-worker-card-head small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 720;
}

.emergency-worker-card-head > em {
  border-radius: 13px;
  padding: 8px;
  color: #047857;
  background: #ecfdf5;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 940;
}

.emergency-arrival-panel {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border-radius: 14px;
  padding: 8px 9px;
  background: #f8fafc;
}

.emergency-arrival-panel > div {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}

.emergency-arrival-panel span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #475569;
}

.emergency-arrival-panel svg {
  width: 12px;
  height: 12px;
  color: #1238b6;
}

.emergency-arrival-panel strong {
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 850;
}

.emergency-arrival-panel > em {
  border-radius: 999px;
  padding: 6px 7px;
  color: #047857;
  background: #d1fae5;
  font-size: 9.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.emergency-arrival-panel.medium-confidence > em {
  color: #92400e;
  background: #fef3c7;
}

.emergency-arrival-panel.low-confidence > em,
.emergency-arrival-panel.cannot-arrive-on-time > em {
  color: #b91c1c;
  background: #fee2e2;
}

.emergency-worker-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.emergency-worker-metrics span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 12px;
  padding: 7px;
  background: #f8fafc;
}

.emergency-worker-metrics strong {
  color: #07182f;
  font-size: 11px;
  line-height: 1.05;
  font-weight: 920;
  overflow-wrap: anywhere;
}

.emergency-worker-metrics small {
  color: #64748b;
  font-size: 8.5px;
  line-height: 1.08;
  font-weight: 720;
}

.emergency-worker-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.emergency-worker-badges span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  padding: 5px 7px;
  color: #334155;
  background: #f1f5f9;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 790;
}

.emergency-worker-badges svg {
  width: 10px;
  height: 10px;
  color: #059669;
}

.emergency-worker-offer-state {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 12px;
  padding: 7px 9px;
  color: #047857;
  background: #ecfdf5;
  font-size: 10.5px;
  font-weight: 880;
}

.emergency-worker-offer-state svg {
  width: 12px;
  height: 12px;
}

.emergency-worker-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
  gap: 7px;
}

.emergency-worker-card-actions button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 13px;
  padding: 0 8px;
  color: #1238b6;
  background: #fff;
  font-size: 10.5px;
  line-height: 1.05;
  font-weight: 900;
}

.emergency-worker-card-actions button.primary-action {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.emergency-worker-card-actions button:disabled {
  color: #64748b;
  background: #f1f5f9;
  opacity: 0.76;
}

.emergency-worker-card-actions button.icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 5px;
}

.emergency-worker-card-actions svg {
  width: 13px;
  height: 13px;
}

.emergency-worker-card-actions button span {
  min-width: 0;
}

.emergency-empty {
  display: grid;
  gap: 5px;
  margin: 0;
  border-radius: 15px;
  padding: 13px;
  color: #64748b;
  background: #f8fafc;
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
}

.emergency-empty strong {
  color: #07182f;
  font-size: 12px;
}

@media (max-width: 390px) {
  .emergency-fill-backdrop {
    padding: 0;
  }

  .emergency-fill-sheet {
    width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }

  .emergency-fill-hero {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 350px) {
  .emergency-mode-grid,
  .emergency-automation-grid,
  .emergency-worker-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .emergency-nearby-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .emergency-worker-card-actions {
    grid-template-columns: 1fr 1fr;
  }

  .emergency-worker-card-actions .icon-action {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* Need Cover Now: verified location and distance intelligence */
.emergency-location-intelligence {
  min-width: 0;
  display: grid;
  gap: 11px;
  border: 1px solid rgba(31, 132, 229, 0.2);
  border-radius: 18px;
  padding: 11px;
  background:
    radial-gradient(circle at 100% 0, rgba(31,132,229,0.13), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,247,255,0.95));
  box-shadow: 0 14px 30px rgba(6,25,54,0.075), inset 0 1px 0 rgba(255,255,255,0.9);
}

.emergency-location-intelligence.pending {
  border-color: rgba(245, 158, 11, 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(245,158,11,0.11), transparent 38%),
    linear-gradient(145deg, #fff, #fffaf0);
}

.emergency-location-title {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.emergency-location-title > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: #1238b6;
  background: #eaf3ff;
}

.emergency-location-title svg {
  width: 16px;
  height: 16px;
}

.emergency-location-title small,
.emergency-location-title strong,
.emergency-location-title em {
  display: block;
}

.emergency-location-title small {
  color: #64748b;
  font-size: 8.5px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.emergency-location-title strong {
  margin-top: 3px;
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.15;
  font-weight: 940;
  overflow-wrap: anywhere;
}

.emergency-location-title em {
  margin-top: 2px;
  color: #475569;
  font-size: 10px;
  line-height: 1.15;
  font-style: normal;
  font-weight: 760;
}

.emergency-location-title b {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  padding: 6px 8px;
  color: #166534;
  background: #dcfce7;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.emergency-location-intelligence.pending .emergency-location-title b {
  color: #92400e;
  background: #fef3c7;
}

.emergency-location-title b svg {
  width: 11px;
  height: 11px;
}

.emergency-geofence-control {
  display: grid;
  gap: 8px;
  border-radius: 14px;
  padding: 9px;
  background: rgba(255,255,255,0.76);
  box-shadow: inset 0 0 0 1px rgba(216,229,244,0.78);
}

.emergency-geofence-control > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.emergency-geofence-control strong {
  color: #07182f;
  font-size: 10.5px;
  font-weight: 900;
}

.emergency-geofence-control small {
  color: #64748b;
  font-size: 8.8px;
  line-height: 1.2;
  font-weight: 700;
  text-align: right;
}

.emergency-geofence-control > div:last-child {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.emergency-geofence-control button {
  min-width: 0;
  min-height: 31px;
  border: 1px solid rgba(205,219,237,0.9);
  border-radius: 10px;
  padding: 0 3px;
  color: #475569;
  background: #fff;
  font-size: 9.5px;
  font-weight: 850;
  transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
}

.emergency-geofence-control button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 7px 15px rgba(18,56,182,0.2);
}

.emergency-geofence-control button:active,
.emergency-priority-grid button:active,
.emergency-radius-selector button:active {
  transform: scale(0.97);
}

.emergency-location-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.emergency-location-actions > span {
  min-width: 0;
}

.emergency-location-actions strong,
.emergency-location-actions small {
  display: block;
}

.emergency-location-actions strong {
  color: #07182f;
  font-size: 14px;
  line-height: 1;
  font-weight: 940;
}

.emergency-location-actions small {
  margin-top: 3px;
  color: #64748b;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 720;
}

.emergency-location-actions button {
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  border-radius: 12px;
  padding: 0 11px;
  color: #1238b6;
  background: #eaf3ff;
  font-size: 10.5px;
  font-weight: 900;
}

.emergency-location-actions button svg {
  width: 13px;
  height: 13px;
}

.emergency-site-operations,
.emergency-transport-details {
  min-width: 0;
  border: 1px solid rgba(216,229,244,0.82);
  border-radius: 14px;
  background: rgba(255,255,255,0.68);
}

.emergency-site-operations summary,
.emergency-transport-details summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 15px;
  gap: 7px;
  align-items: center;
  list-style: none;
  padding: 10px;
  cursor: pointer;
}

.emergency-site-operations summary::-webkit-details-marker,
.emergency-transport-details summary::-webkit-details-marker {
  display: none;
}

.emergency-site-operations summary span,
.emergency-transport-details summary span {
  color: #07182f;
  font-size: 10.5px;
  font-weight: 900;
}

.emergency-site-operations summary small,
.emergency-transport-details summary small {
  color: #64748b;
  font-size: 9px;
  font-weight: 720;
}

.emergency-site-operations summary svg,
.emergency-transport-details summary svg {
  width: 14px;
  transform: rotate(-90deg);
  transition: transform 120ms ease;
}

.emergency-site-operations[open] summary svg,
.emergency-transport-details[open] summary svg {
  transform: rotate(90deg);
}

.emergency-site-operations > div,
.emergency-transport-details > div {
  border-top: 1px solid rgba(216,229,244,0.72);
  padding: 10px;
}

.emergency-distance-intelligence {
  gap: 12px;
  background:
    radial-gradient(circle at 0 0, rgba(109,93,252,0.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,255,0.96));
}

.emergency-priority-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.emergency-priority-grid button {
  min-width: 0;
  min-height: 37px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.9);
  border-radius: 12px;
  padding: 6px 8px;
  color: #475569;
  background: #fff;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 820;
  text-align: left;
  transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

.emergency-priority-grid button span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  color: #fff;
  background: #f8fafc;
}

.emergency-priority-grid button span svg {
  width: 12px;
  height: 12px;
}

.emergency-priority-grid button.active {
  color: #1238b6;
  border-color: rgba(18,56,182,0.2);
  background: #eef6ff;
}

.emergency-priority-grid button.active span {
  border-color: transparent;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.emergency-radius-selector {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.emergency-radius-selector button {
  min-width: 0;
  min-height: 47px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  border: 1px solid rgba(216,229,244,0.9);
  border-radius: 12px;
  padding: 5px 2px;
  color: #64748b;
  background: #fff;
  transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

.emergency-radius-selector i {
  width: 12px;
  height: 12px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  background: #fff;
}

.emergency-radius-selector span {
  font-size: 8.8px;
  line-height: 1.08;
  font-weight: 830;
  text-align: center;
}

.emergency-radius-selector button.active {
  color: #1238b6;
  border-color: rgba(18,56,182,0.24);
  background: #eef6ff;
  box-shadow: 0 7px 16px rgba(18,56,182,0.09);
}

.emergency-radius-selector button.active i {
  border: 3px solid #1238b6;
  box-shadow: inset 0 0 0 2px #fff;
  background: #1238b6;
}

.emergency-arrival-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.emergency-arrival-summary article {
  min-width: 0;
  display: grid;
  gap: 3px;
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(145deg, #07182f, #1238b6);
  box-shadow: 0 12px 24px rgba(7,24,47,0.15);
}

.emergency-arrival-summary article:last-child {
  background: linear-gradient(145deg, #2b195f, #6d5dfc);
}

.emergency-arrival-summary small {
  color: rgba(226,232,240,0.72);
  font-size: 9px;
  font-weight: 760;
}

.emergency-arrival-summary strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 940;
}

.emergency-arrival-summary span {
  color: rgba(255,255,255,0.74);
  font-size: 8.8px;
  line-height: 1.2;
  font-weight: 700;
}

.emergency-density-table {
  display: grid;
  gap: 7px;
  border-radius: 15px;
  padding: 10px;
  background: rgba(255,255,255,0.78);
  box-shadow: inset 0 0 0 1px rgba(216,229,244,0.78);
}

.emergency-density-table > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.emergency-density-table > div strong {
  color: #07182f;
  font-size: 10.5px;
  font-weight: 900;
}

.emergency-density-table > div small {
  color: #64748b;
  font-size: 9px;
  font-weight: 700;
}

.emergency-density-table > span {
  display: grid;
  grid-template-columns: 70px 62px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.emergency-density-table > span small {
  color: #475569;
  font-size: 9.5px;
  font-weight: 760;
}

.emergency-density-table > span strong {
  color: #07182f;
  font-size: 9.5px;
  font-weight: 900;
  text-align: right;
}

.emergency-density-table > span i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.emergency-density-table > span b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1f84e5, #6d5dfc);
  transition: width 120ms ease;
}

.emergency-overall-score {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 9px;
  align-items: center;
}

.emergency-overall-score span {
  color: #475569;
  font-size: 10px;
  font-weight: 800;
}

.emergency-overall-score strong {
  color: #1238b6;
  font-size: 12px;
  font-weight: 940;
}

.emergency-overall-score i {
  grid-column: 1 / -1;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.emergency-overall-score b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1f84e5, #6d5dfc, #16a34a);
}

.location-map-sheet {
  display: grid;
  gap: 12px;
}

.location-map-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.location-map-summary > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  color: #1238b6;
  background: #eef6ff;
}

.location-map-summary svg {
  width: 16px;
  height: 16px;
}

.location-map-summary strong,
.location-map-summary small {
  display: block;
}

.location-map-summary strong {
  color: #07182f;
  font-size: 13px;
  font-weight: 930;
}

.location-map-summary small {
  margin-top: 3px;
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.25;
  font-weight: 700;
}

.location-map-summary em {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.location-map-summary em.verified { color: #166534; background: #dcfce7; }
.location-map-summary em.pending { color: #92400e; background: #fef3c7; }

.location-map-canvas {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  border: 1px solid rgba(205,219,237,0.82);
  border-radius: 20px;
  background:
    linear-gradient(30deg, transparent 48%, rgba(148,163,184,0.12) 49%, rgba(148,163,184,0.12) 52%, transparent 53%) 0 0 / 76px 76px,
    linear-gradient(120deg, transparent 48%, rgba(148,163,184,0.10) 49%, rgba(148,163,184,0.10) 52%, transparent 53%) 0 0 / 94px 94px,
    #edf4f7;
  box-shadow: inset 0 0 40px rgba(7,24,47,0.06);
}

.map-road {
  position: absolute;
  height: 12px;
  border: 3px solid rgba(255,255,255,0.9);
  border-radius: 999px;
  background: #cbd5e1;
  box-shadow: 0 1px 4px rgba(15,23,42,0.12);
}

.road-one { width: 140%; left: -20%; top: 42%; transform: rotate(-13deg); }
.road-two { width: 115%; left: -8%; top: 68%; transform: rotate(21deg); }
.road-three { width: 90%; left: 36%; top: 22%; transform: rotate(77deg); }

.map-geofence {
  position: absolute;
  left: var(--pin-x);
  top: var(--pin-y);
  width: var(--geofence-size);
  height: var(--geofence-size);
  border: 2px solid rgba(31,132,229,0.45);
  border-radius: 50%;
  background: rgba(31,132,229,0.12);
  box-shadow: 0 0 0 8px rgba(31,132,229,0.05);
  transform: translate(-50%, -50%);
}

.map-workplace-pin {
  position: absolute;
  left: var(--pin-x);
  top: var(--pin-y);
  z-index: 5;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 4px solid #fff;
  border-radius: 14px 14px 14px 3px;
  color: #fff;
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
  box-shadow: 0 9px 20px rgba(18,56,182,0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.map-workplace-pin svg {
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
}

.map-worker-dot {
  position: absolute;
  z-index: 4;
  display: grid;
  justify-items: center;
  gap: 2px;
  border: 0;
  padding: 0;
  background: transparent;
  transform: translate(-50%, -50%);
}

.map-worker-dot > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #0f766e;
  box-shadow: 0 6px 14px rgba(15,118,110,0.28);
  font-size: 8px;
  font-weight: 930;
}

.map-worker-dot small {
  border-radius: 999px;
  padding: 3px 5px;
  color: #07182f;
  background: rgba(255,255,255,0.92);
  font-size: 7.5px;
  font-weight: 900;
  box-shadow: 0 3px 8px rgba(7,24,47,0.12);
}

.map-density-heat {
  position: absolute;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34,197,94,0.28), rgba(34,197,94,0.03) 66%, transparent 72%);
  filter: blur(2px);
}

.heat-one { left: 8%; top: 12%; }
.heat-two { right: 3%; bottom: 5%; background: radial-gradient(circle, rgba(245,158,11,0.24), rgba(245,158,11,0.02) 68%, transparent 72%); }

.map-overlay-label {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 7;
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(7,24,47,0.86);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 20px rgba(7,24,47,0.2);
}

.map-overlay-label strong,
.map-overlay-label small {
  display: block;
}

.map-overlay-label strong {
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

.map-overlay-label small {
  margin-top: 2px;
  color: rgba(226,232,240,0.76);
  font-size: 8.5px;
  font-weight: 700;
}

.location-map-density {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.location-map-density span {
  min-width: 0;
  display: grid;
  gap: 2px;
  border-radius: 12px;
  padding: 8px 5px;
  background: #f8fafc;
  text-align: center;
}

.location-map-density strong {
  color: #07182f;
  font-size: 14px;
  font-weight: 940;
}

.location-map-density small {
  color: #64748b;
  font-size: 8px;
  line-height: 1.1;
  font-weight: 720;
}

.location-map-workers {
  display: grid;
  gap: 7px;
}

.location-map-workers > article {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(216,229,244,0.8);
  border-radius: 13px;
  padding: 8px;
  background: #fff;
}

.location-map-workers > article > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #1238b6;
  background: #eef6ff;
  font-size: 9px;
  font-weight: 930;
}

.location-map-workers strong,
.location-map-workers small {
  display: block;
}

.location-map-workers strong {
  color: #07182f;
  font-size: 11px;
  font-weight: 900;
}

.location-map-workers small {
  margin-top: 2px;
  color: #64748b;
  font-size: 9px;
  font-weight: 700;
}

.location-map-workers em {
  color: #1238b6;
  font-size: 11px;
  font-style: normal;
  font-weight: 930;
}

@media (max-width: 350px) {
  .emergency-location-title,
  .location-map-summary {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .emergency-location-title b,
  .location-map-summary em {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .emergency-radius-selector {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .location-map-density {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Emergency Fill custom locations, roles and agency compliance library */
.emergency-custom-module {
  min-width: 0;
  display: grid;
  gap: 11px;
  margin-top: 2px;
  border: 1px solid rgba(109, 93, 252, 0.18);
  border-radius: 19px;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(109, 93, 252, 0.1), transparent 34%),
    linear-gradient(180deg, #fbfcff, #f6f8ff);
  box-shadow: inset 3px 0 0 rgba(109, 93, 252, 0.45), 0 12px 26px rgba(6, 25, 54, 0.055);
}

.emergency-custom-module.role {
  border-color: rgba(31, 132, 229, 0.18);
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.1), transparent 34%),
    linear-gradient(180deg, #fbfdff, #f4f9ff);
  box-shadow: inset 3px 0 0 rgba(31, 132, 229, 0.45), 0 12px 26px rgba(6, 25, 54, 0.055);
}

.emergency-custom-module-head,
.emergency-custom-module-head > div,
.emergency-inline-toggle {
  min-width: 0;
  display: flex;
  align-items: center;
}

.emergency-custom-module-head {
  justify-content: space-between;
  gap: 10px;
}

.emergency-custom-module-head > div {
  gap: 9px;
}

.emergency-custom-module-head > div > span {
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 11px;
  color: #1238b6;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 7px 16px rgba(6,25,54,0.08);
}

.emergency-custom-module-head svg {
  width: 15px;
  height: 15px;
}

.emergency-custom-module-head strong,
.emergency-custom-module-head small {
  display: block;
}

.emergency-custom-module-head strong {
  color: #07182f;
  font-size: 12.5px;
  line-height: 1.12;
  font-weight: 930;
}

.emergency-custom-module-head small,
.emergency-custom-module-head em {
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 730;
}

.emergency-custom-module-head em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 8px;
  color: #5b21b6;
  background: rgba(237, 233, 254, 0.9);
}

.emergency-custom-form-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.emergency-custom-form-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.emergency-custom-form-grid label.full {
  grid-column: 1 / -1;
}

.emergency-custom-form-grid label > span,
.custom-check-form-grid label > span {
  color: #64748b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 850;
}

.emergency-custom-form-grid input,
.emergency-custom-form-grid select,
.emergency-custom-form-grid textarea,
.custom-check-form-grid input,
.custom-check-form-grid select,
.custom-check-form-grid textarea {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(205, 219, 237, 0.92);
  border-radius: 13px;
  padding: 0 10px;
  color: #07182f;
  background: rgba(255,255,255,0.94);
  font: inherit;
  font-size: 11.5px;
  line-height: 1.32;
  font-weight: 760;
  box-shadow: 0 6px 14px rgba(6,25,54,0.035);
}

.emergency-custom-form-grid input,
.emergency-custom-form-grid select,
.custom-check-form-grid input,
.custom-check-form-grid select {
  min-height: 42px;
}

.emergency-custom-form-grid textarea,
.custom-check-form-grid textarea {
  min-height: 66px;
  padding-top: 9px;
  resize: vertical;
}

.emergency-inline-toggle {
  width: 100%;
  gap: 9px;
  border: 1px solid rgba(216, 229, 244, 0.9);
  border-radius: 14px;
  padding: 9px;
  color: #334155;
  background: rgba(255,255,255,0.84);
  text-align: left;
}

.emergency-inline-toggle > span {
  flex: 0 0 25px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 9px;
  color: #fff;
  background: #e2e8f0;
}

.emergency-inline-toggle.active > span {
  background: linear-gradient(135deg, #1238b6, #6d5dfc);
}

.emergency-inline-toggle svg {
  width: 13px;
  height: 13px;
}

.emergency-inline-toggle div {
  min-width: 0;
  flex: 1;
}

.emergency-inline-toggle strong,
.emergency-inline-toggle small {
  display: block;
}

.emergency-inline-toggle strong {
  color: #07182f;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 900;
}

.emergency-inline-toggle small {
  margin-top: 2px;
  color: #64748b;
  font-size: 9.5px;
  line-height: 1.25;
  font-weight: 700;
}

.emergency-inline-toggle em {
  color: #5b21b6;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.emergency-library-note {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  border-radius: 12px;
  padding: 8px 9px;
  color: #155e75;
  background: #ecfeff;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
}

.emergency-library-note svg {
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
}

.custom-compliance-check-form,
.custom-check-form-grid {
  display: grid;
  gap: 10px;
}

.custom-check-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.custom-check-form-grid label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.custom-check-form-grid label.full {
  grid-column: 1 / -1;
}

.custom-check-system-note {
  display: flex;
  gap: 10px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 16px;
  padding: 11px;
  color: #1238b6;
  background: #f2f8ff;
}

.custom-check-system-note svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
}

.custom-check-system-note strong,
.custom-check-system-note small {
  display: block;
}

.custom-check-system-note strong {
  font-size: 12px;
  font-weight: 920;
}

.custom-check-system-note small {
  margin-top: 3px;
  color: #475569;
  font-size: 10.5px;
  line-height: 1.35;
  font-weight: 700;
}

.candidate-custom-check-filter {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(109, 93, 252, 0.15);
  border-radius: 17px;
  padding: 11px;
  background: linear-gradient(180deg, #fbfaff, #f6f5ff);
}

.candidate-custom-check-filter > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.candidate-custom-check-filter strong {
  color: #07182f;
  font-size: 11.5px;
  font-weight: 920;
}

.candidate-custom-check-filter small {
  color: #64748b;
  font-size: 9.5px;
  font-weight: 720;
}

.candidate-custom-check-filter > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.candidate-custom-check-filter button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 33px;
  border: 1px solid rgba(205,219,237,0.9);
  border-radius: 999px;
  padding: 0 9px;
  color: #334155;
  background: #fff;
  font-size: 10.5px;
  font-weight: 820;
}

.candidate-custom-check-filter button.active {
  color: #5b21b6;
  border-color: rgba(109,93,252,0.28);
  background: #ede9fe;
}

.candidate-custom-check-filter svg {
  width: 12px;
  height: 12px;
}

.custom-compliance-profile-card {
  display: grid;
  gap: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(109,93,252,0.09), transparent 30%),
    #fff;
}

.custom-compliance-profile-list {
  display: grid;
  gap: 9px;
}

.custom-compliance-profile-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  border: 1px solid rgba(216,229,244,0.88);
  border-radius: 17px;
  padding: 10px;
  background: rgba(248,250,252,0.74);
}

.custom-check-profile-copy {
  min-width: 0;
  display: flex;
  gap: 8px;
}

.custom-check-profile-copy > span {
  flex: 0 0 29px;
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  color: #5b21b6;
  background: #ede9fe;
}

.custom-check-profile-copy svg {
  width: 14px;
  height: 14px;
}

.custom-check-profile-copy strong,
.custom-check-profile-copy small,
.custom-check-profile-copy em,
.custom-check-profile-status small {
  display: block;
}

.custom-check-profile-copy strong {
  color: #07182f;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 920;
}

.custom-check-profile-copy small {
  margin-top: 3px;
  color: #475569;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 710;
}

.custom-check-profile-copy em {
  margin-top: 4px;
  color: #64748b;
  font-size: 9px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 700;
}

.custom-check-profile-status {
  text-align: right;
}

.custom-check-profile-status > span {
  display: inline-flex;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.custom-check-profile-status .verified { color: #166534; background: #dcfce7; }
.custom-check-profile-status .pending { color: #92400e; background: #fef3c7; }
.custom-check-profile-status .rejected,
.custom-check-profile-status .expired { color: #991b1b; background: #fee2e2; }
.custom-check-profile-status .missing { color: #475569; background: #e2e8f0; }

.custom-check-profile-status small {
  max-width: 105px;
  margin-top: 5px;
  color: #64748b;
  font-size: 8.8px;
  line-height: 1.2;
  font-weight: 680;
  overflow-wrap: anywhere;
}

.custom-check-profile-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.custom-check-profile-actions button {
  min-height: 31px;
  border: 1px solid rgba(205,219,237,0.9);
  border-radius: 10px;
  padding: 0 9px;
  color: #1238b6;
  background: #fff;
  font-size: 10px;
  font-weight: 850;
}

@media (max-width: 350px) {
  .emergency-custom-form-grid,
  .custom-check-form-grid {
    grid-template-columns: 1fr;
  }

  .emergency-custom-form-grid label.full,
  .custom-check-form-grid label.full {
    grid-column: auto;
  }

  .custom-compliance-profile-list article {
    grid-template-columns: 1fr;
  }

  .custom-check-profile-status {
    text-align: left;
  }
}

/* Final mobile safeguards for the enterprise hiring rebuild. */
.dispatch-method-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  overflow: visible !important;
}

.dispatch-method-strip button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 84px !important;
  padding: 9px !important;
  align-content: start !important;
}

.dispatch-method-strip strong,
.dispatch-method-strip small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.dispatch-primary-candidate-card .dispatch-candidate-actions button {
  min-width: 0 !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}

.dispatch-step-nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  overflow: visible !important;
}

.dispatch-step-nav button {
  min-width: 0 !important;
  width: auto !important;
  padding-inline: 4px !important;
}

.dispatch-step-nav strong {
  font-size: 8px !important;
  white-space: normal !important;
}

@media (max-width: 350px) {
  .dispatch-primary-candidate-card .dispatch-candidate-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Worker earnings: premium weekly pay and payout experience. */
.worker-fintech-page {
  --finance-navy: #071a38;
  --finance-blue: #1769e8;
  --finance-violet: #6858e8;
  --finance-green: #0d7a55;
  gap: 14px;
  padding: 12px 16px calc(118px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 96% 4%, rgba(76, 117, 255, 0.08), transparent 28%),
    linear-gradient(180deg, #f4f7fb 0%, #f7f9fc 44%, #f3f6fa 100%);
}

.worker-fintech-page *,
.worker-finance-sheet * {
  box-sizing: border-box;
}

.worker-fintech-hero,
.worker-fintech-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 22px;
}

.worker-fintech-hero {
  position: relative;
  padding: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 4%, rgba(118, 102, 255, 0.46), transparent 34%),
    radial-gradient(circle at 5% 96%, rgba(0, 185, 255, 0.2), transparent 36%),
    linear-gradient(142deg, #06162f 0%, #0b327e 55%, #4d42c7 115%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 20px 46px rgba(6, 22, 47, 0.26);
}

.worker-fintech-hero::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: 21px;
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.worker-fintech-hero-top,
.worker-fintech-section-heading,
.worker-tax-meta,
.worker-fintech-friday-note,
.worker-bank-protected,
.worker-support-availability {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.worker-fintech-hero-top > span,
.worker-fintech-hero-top > em {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 10px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 900;
}

.worker-fintech-hero-top > span {
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.worker-fintech-hero-top svg {
  width: 14px;
  height: 14px;
}

.worker-fintech-hero-top > em {
  flex: 0 0 auto;
  border: 1px solid rgba(139, 240, 197, 0.28);
  border-radius: 999px;
  padding: 6px 9px;
  color: #c7f9e2;
  background: rgba(20, 139, 96, 0.18);
}

.worker-fintech-balance {
  position: relative;
  z-index: 1;
  margin-top: 22px;
}

.worker-fintech-balance small,
.worker-fintech-balance strong,
.worker-fintech-balance p {
  display: block;
  margin: 0;
}

.worker-fintech-balance small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 800;
}

.worker-fintech-balance strong {
  margin-top: 5px;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}

.worker-fintech-balance p {
  margin-top: 7px;
  max-width: 260px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}

.worker-fintech-hero-actions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
}

.worker-fintech-hero-actions button {
  min-width: 0;
  min-height: 43px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 13px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(14px);
  font-size: 12px;
  font-weight: 900;
}

.worker-fintech-hero-actions button.worker-fintech-primary {
  border-color: #fff;
  color: #081b3a;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.worker-fintech-hero-actions button:disabled {
  opacity: 0.64;
}

.worker-fintech-hero-actions svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.worker-fintech-friday-note {
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  margin-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 12px;
  color: rgba(255, 255, 255, 0.72);
}

.worker-fintech-friday-note > span {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.1);
}

.worker-fintech-friday-note svg {
  width: 14px;
  height: 14px;
}

.worker-fintech-friday-note p {
  margin: 0;
  min-width: 0;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 700;
}

.worker-fintech-friday-note strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 11px;
}

.worker-fintech-card {
  padding: 16px;
  border: 1px solid rgba(79, 104, 139, 0.12);
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow:
    0 12px 30px rgba(11, 30, 65, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.worker-fintech-section-heading {
  align-items: flex-start;
}

.worker-fintech-section-heading > div {
  min-width: 0;
}

.worker-fintech-section-heading span,
.worker-fintech-section-heading h2 {
  display: block;
  margin: 0;
}

.worker-fintech-section-heading span {
  color: #7b8ba3;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.worker-fintech-section-heading h2 {
  margin-top: 4px;
  color: var(--finance-navy);
  font-size: 18px;
  line-height: 1.18;
  font-weight: 880;
  overflow-wrap: break-word;
}

.worker-fintech-section-heading > em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 8px;
  color: #24508d;
  background: #edf4ff;
  font-size: 9px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.worker-fintech-section-heading > i {
  width: 31px;
  height: 31px;
  flex: 0 0 auto;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #245db7;
  background: #eef4ff;
}

.worker-fintech-section-heading > i svg {
  width: 15px;
  height: 15px;
}

.worker-week-money-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.worker-week-money-grid article,
.worker-intelligence-grid article {
  min-width: 0;
  border: 1px solid rgba(92, 116, 148, 0.1);
  border-radius: 15px;
  padding: 10px;
  background: rgba(248, 251, 255, 0.92);
}

.worker-week-money-grid span,
.worker-week-money-grid strong,
.worker-week-money-grid small,
.worker-intelligence-grid span,
.worker-intelligence-grid strong,
.worker-intelligence-grid small {
  display: block;
  min-width: 0;
}

.worker-week-money-grid span,
.worker-intelligence-grid span {
  color: #708198;
  font-size: 10px;
  font-weight: 850;
}

.worker-week-money-grid strong {
  margin-top: 5px;
  color: #0a2349;
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}

.worker-week-money-grid small,
.worker-intelligence-grid small {
  margin-top: 5px;
  color: #8491a4;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
}

.worker-friday-settlement {
  margin-top: 9px;
  border: 1px solid rgba(46, 111, 216, 0.14);
  border-radius: 15px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 10px;
  align-items: center;
  background: linear-gradient(135deg, #eef5ff, #f8f5ff);
}

.worker-friday-settlement span,
.worker-friday-settlement small {
  color: #66768d;
  font-size: 10px;
  font-weight: 800;
}

.worker-friday-settlement strong {
  grid-row: span 2;
  color: #11366f;
  font-size: 19px;
  line-height: 1;
  font-weight: 900;
}

.worker-pay-cycle {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin-top: 15px;
}

.worker-pay-cycle::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 11%;
  right: 11%;
  height: 2px;
  background: #dfe7f1;
}

.worker-pay-cycle span {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
}

.worker-pay-cycle i {
  width: 25px;
  height: 25px;
  border: 2px solid #e0e8f2;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #8b99ac;
  background: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.worker-pay-cycle i svg {
  width: 12px;
  height: 12px;
}

.worker-pay-cycle span.active i {
  border-color: #1a6ce6;
  color: #fff;
  background: #1a6ce6;
  box-shadow: 0 0 0 4px rgba(26, 108, 230, 0.1);
}

.worker-pay-cycle span.paid i {
  border-color: #11845e;
  background: #11845e;
}

.worker-pay-cycle b {
  min-width: 0;
  color: #718096;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 850;
  white-space: normal;
}

.worker-pay-logic > p,
.worker-tax-wallet > p {
  margin: 11px 0 0;
  color: #65758a;
  font-size: 12px;
  line-height: 1.48;
  font-weight: 650;
}

.worker-pay-example-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
}

.worker-pay-example-grid article {
  min-width: 0;
  border: 1px solid rgba(88, 111, 143, 0.12);
  border-radius: 15px;
  padding: 11px;
  background: #f8faff;
}

.worker-pay-example-grid article.active {
  border-color: rgba(25, 120, 86, 0.24);
  background: #f1fbf7;
}

.worker-pay-example-grid span,
.worker-pay-example-grid strong,
.worker-pay-example-grid small {
  display: block;
}

.worker-pay-example-grid span {
  color: #265ba8;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.worker-pay-example-grid strong {
  margin-top: 6px;
  color: #0a2349;
  font-size: 14px;
  line-height: 1.15;
}

.worker-pay-example-grid small {
  margin-top: 5px;
  color: #718096;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
}

.worker-payment-events {
  position: relative;
  display: grid;
  gap: 0;
  margin-top: 12px;
}

.worker-payment-events::before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 28px;
  left: 17px;
  width: 1px;
  background: #dfe7f1;
}

.worker-payment-events article {
  position: relative;
  min-width: 0;
  padding: 0 0 12px;
}

.worker-payment-events article:last-child {
  padding-bottom: 0;
}

.worker-payment-events article > small {
  display: block;
  margin: 0 0 5px 42px;
  color: #8390a2;
  font-size: 9px;
  font-weight: 900;
}

.worker-payment-events article > button {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(86, 110, 142, 0.1);
  border-radius: 15px;
  padding: 9px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 13px;
  gap: 8px;
  align-items: center;
  text-align: left;
  color: inherit;
  background: #fff;
  box-shadow: 0 7px 18px rgba(11, 30, 65, 0.04);
}

.worker-payment-events article.open > button {
  border-color: rgba(28, 105, 222, 0.2);
  border-radius: 15px 15px 8px 8px;
  background: #f9fbff;
}

.worker-payment-events button > i {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #215eb9;
  background: #eaf2ff;
}

.worker-payment-events button > i.paid {
  color: #08704d;
  background: #e9f8f2;
}

.worker-payment-events button > i.pending {
  color: #996010;
  background: #fff7e6;
}

.worker-payment-events button > i.neutral {
  color: #65758a;
  background: #eef2f7;
}

.worker-payment-events button svg {
  width: 15px;
  height: 15px;
}

.worker-payment-events button > span {
  min-width: 0;
}

.worker-payment-events button strong,
.worker-payment-events button em {
  display: block;
}

.worker-payment-events button strong {
  color: #10294d;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 880;
  white-space: normal;
}

.worker-payment-events button em {
  width: fit-content;
  margin-top: 4px;
  border-radius: 999px;
  padding: 3px 6px;
  color: #1d5caa;
  background: #edf4ff;
  font-size: 8px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.worker-payment-events button em.paid,
.worker-payment-events button em.approved {
  color: #08704d;
  background: #eaf8f2;
}

.worker-payment-events button em.pending {
  color: #8a5814;
  background: #fff5df;
}

.worker-payment-events button em.neutral {
  color: #5d6b7e;
  background: #eef2f6;
}

.worker-payment-events button > b {
  color: #10294d;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.worker-payment-events button > u {
  color: #728197;
  transform: rotate(-90deg);
  text-decoration: none;
}

.worker-payment-events article.open button > u {
  transform: rotate(90deg);
}

.worker-payment-event-detail {
  margin: 3px 0 0 42px;
  border: 1px solid rgba(28, 105, 222, 0.13);
  border-radius: 8px 8px 14px 14px;
  padding: 8px 10px;
  display: grid;
  gap: 5px;
  background: #f7faff;
}

.worker-payment-event-detail span {
  color: #607088;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
}

.payment-command-hero {
  background:
    radial-gradient(circle at 88% 0, rgba(90, 125, 255, .42), transparent 31%),
    radial-gradient(circle at 8% 92%, rgba(19, 201, 146, .20), transparent 34%),
    linear-gradient(145deg, #04142c 0%, #082d67 56%, #21165f 118%);
}

.payment-command-summary {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

.instant-access-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-top: 16px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(14px);
}

.instant-access-card.limit {
  border-color: rgba(255, 192, 82, .28);
  background: rgba(255, 192, 82, .12);
}

.instant-access-card span,
.instant-access-card strong,
.instant-access-card small,
.instant-access-eligible small,
.instant-access-eligible strong {
  display: block;
}

.instant-access-card span,
.instant-access-eligible small {
  color: rgba(255,255,255,.62);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.instant-access-card strong {
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
}

.instant-access-card small {
  margin-top: 5px;
  color: rgba(255,255,255,.68);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 780;
}

.instant-access-meter {
  display: inline-flex;
  gap: 6px;
  justify-content: flex-end;
}

.instant-access-meter i {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255,255,255,.48);
  border-radius: 999px;
  background: rgba(255,255,255,.10);
}

.instant-access-meter i.used {
  border-color: #8af1c8;
  background: #8af1c8;
}

.instant-access-eligible {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 11px;
}

.instant-access-eligible strong {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.payment-command-summary article {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255, 255, 255, .09);
  backdrop-filter: blur(12px);
}

.payment-command-summary span,
.payment-command-summary strong,
.payment-command-summary small,
.payment-command-countdown span,
.payment-command-countdown strong,
.payment-command-countdown small {
  display: block;
}

.payment-command-summary span,
.payment-command-countdown span {
  color: rgba(255, 255, 255, .62);
  font-size: 9px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.payment-command-summary strong {
  margin-top: 6px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.payment-command-summary small,
.payment-command-countdown small {
  margin-top: 6px;
  color: rgba(255, 255, 255, .62);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
}

.payment-command-countdown {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 20px;
  padding: 14px;
  background: rgba(255, 255, 255, .08);
}

.payroll-window-command {
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06)),
    rgba(255, 255, 255, .08);
}

.payment-command-countdown strong {
  margin-top: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
}

.payment-live-countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

.payment-live-countdown-digital {
  display: none;
}

.payment-live-countdown span {
  min-width: 0;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 15px;
  padding: 10px 8px;
  text-align: center;
  background: rgba(255, 255, 255, .92);
}

.payment-command-countdown .payment-live-countdown span {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .12);
}

.payment-live-countdown strong {
  display: block;
  color: #0a2349;
  font-size: 24px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.payment-command-countdown .payment-live-countdown strong {
  color: #fff;
}

.payment-live-countdown small {
  display: block;
  margin-top: 5px;
  color: #718096;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
}

.payment-command-countdown .payment-live-countdown small {
  color: rgba(255, 255, 255, .66);
}

.payment-live-countdown em {
  grid-column: 1 / -1;
  justify-self: center;
  border-radius: 999px;
  padding: 6px 10px;
  color: #1b5fb8;
  background: #edf4ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.payroll-window-rail {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.13);
  padding-top: 12px;
}

.payroll-window-rail span {
  color: rgba(255,255,255,.68);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.payroll-window-rail i {
  position: relative;
  display: block;
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.17);
}

.payroll-window-rail u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #46b6ff, #8b7cff, #22d08f);
  text-decoration: none;
}

.payroll-window-rail em {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border: 3px solid rgba(255,255,255,.92);
  border-radius: 999px;
  background: #22d08f;
  box-shadow: 0 0 0 8px rgba(34, 208, 143, .13);
  animation: paymentPulse 1.7s ease-in-out infinite;
}

.payment-command-countdown .payment-live-countdown em {
  color: #dbe9ff;
  background: rgba(255, 255, 255, .12);
}

.payment-live-countdown.near span,
.payment-live-countdown.soon span {
  box-shadow: 0 0 0 3px rgba(255, 166, 45, .11);
}

.payment-live-countdown.critical span {
  animation: paymentPulse 1.4s ease-in-out infinite;
}

@keyframes paymentPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(31, 110, 231, .24); }
  50% { box-shadow: 0 0 0 6px rgba(31, 110, 231, .05); }
}

.payment-status-tracker {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
}

.payment-status-tracker.complete {
  color: #fff;
  border-color: rgba(25, 169, 116, .24);
  background:
    radial-gradient(circle at 92% 8%, rgba(127, 242, 187, .22), transparent 32%),
    linear-gradient(135deg, #07523d, #0f8f61);
}

.payment-status-tracker.collecting,
.payment-status-tracker.scheduled {
  border-color: rgba(23, 105, 232, .13);
  background:
    radial-gradient(circle at 92% 12%, rgba(78, 128, 255, .14), transparent 34%),
    linear-gradient(135deg, #ffffff, #f7fbff);
}

.payment-status-tracker.warning {
  border-color: rgba(239, 164, 39, .23);
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 185, 73, .18), transparent 34%),
    linear-gradient(135deg, #ffffff, #fffaf0);
}

.payment-status-tracker.locked,
.payment-status-tracker.processing {
  border-color: rgba(112, 96, 235, .20);
  background:
    radial-gradient(circle at 92% 12%, rgba(112, 96, 235, .16), transparent 34%),
    linear-gradient(135deg, #ffffff, #f8f6ff);
}

.payment-status-orb {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1769e8, #6958e8);
  box-shadow: 0 14px 28px rgba(23, 105, 232, .18);
}

.payment-status-tracker.complete .payment-status-orb {
  background: rgba(255,255,255,.18);
}

.payment-status-orb svg {
  width: 22px;
  height: 22px;
}

.payment-status-tracker span,
.payment-status-tracker h2,
.payment-status-tracker p,
.payment-status-tracker small {
  display: block;
  margin: 0;
}

.payment-status-tracker span {
  color: #7b8ba3;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.payment-status-tracker.complete span,
.payment-status-tracker.complete p,
.payment-status-tracker.complete small {
  color: rgba(255,255,255,.72);
}

.payment-status-tracker h2 {
  margin-top: 3px;
  color: #071a38;
  font-size: 22px;
  line-height: 1;
}

.payment-status-tracker.complete h2 {
  color: #fff;
}

.payment-status-tracker p {
  margin-top: 5px;
  color: #40546c;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 850;
}

.payment-status-tracker small {
  margin-top: 3px;
  color: #718096;
  font-size: 10px;
  line-height: 1.35;
}

.payment-status-tracker > em {
  border-radius: 999px;
  padding: 7px 9px;
  color: #1b5fb8;
  background: #edf4ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.payment-status-tracker.complete > em {
  color: #07523d;
  background: #fff;
}

.payment-certainty-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid rgba(77, 102, 137, .10);
  padding-top: 12px;
}

.payment-status-tracker.complete .payment-certainty-row {
  border-top-color: rgba(255,255,255,.18);
}

.payment-certainty-row span {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  border-radius: 13px;
  padding: 8px;
  color: #0d7654;
  background: #eefcf6;
}

.payment-status-tracker.complete .payment-certainty-row span {
  color: #fff;
  background: rgba(255,255,255,.14);
}

.payment-certainty-row svg {
  width: 14px;
  height: 14px;
}

.payment-certainty-row small {
  margin: 0;
  color: inherit;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 900;
}

.payment-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.weekly-earnings-progress {
  display: grid;
  gap: 10px;
  margin-top: 13px;
  border-radius: 17px;
  padding: 13px;
  background: #f3f8ff;
}

.weekly-earnings-progress span,
.weekly-earnings-progress strong,
.weekly-earnings-progress small {
  display: block;
}

.weekly-earnings-progress span {
  color: #6b7f96;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.weekly-earnings-progress strong {
  margin-top: 4px;
  color: #071a38;
  font-size: 24px;
  line-height: 1;
}

.weekly-earnings-progress small {
  margin-top: 4px;
  color: #718096;
  font-size: 11px;
  font-weight: 760;
}

.weekly-earnings-progress > i,
.prediction-meter {
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: #dfe8f3;
}

.weekly-earnings-progress > i u,
.prediction-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1769e8, #22b486);
}

.weekly-cycle-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  margin-top: 14px;
  border-radius: 17px;
  padding: 11px 8px 24px;
  background: #f8fbff;
}

.weekly-cycle-map::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 13px;
  height: 3px;
  border-radius: 999px;
  background: #dfe7f1;
}

.weekly-cycle-map > em {
  position: absolute;
  bottom: 8px;
  width: 13px;
  height: 13px;
  margin-left: -6px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #1769e8;
  box-shadow: 0 0 0 5px rgba(23, 105, 232, .12);
}

.weekly-cycle-map span {
  min-width: 0;
  text-align: center;
}

.weekly-cycle-map b,
.weekly-cycle-map small {
  display: block;
}

.weekly-cycle-map b {
  color: #65758a;
  font-size: 11px;
  line-height: 1;
}

.weekly-cycle-map small {
  min-height: 20px;
  margin-top: 5px;
  color: #8190a2;
  font-size: 8px;
  line-height: 1.1;
}

.weekly-cycle-map .today b {
  color: #1769e8;
}

.weekly-cycle-map .cutoff b {
  color: #8a5814;
}

.weekly-cycle-explainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.weekly-cycle-explainer span {
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 14px;
  padding: 10px;
  background: #fff;
}

.weekly-cycle-explainer b,
.weekly-cycle-explainer small {
  display: block;
}

.weekly-cycle-explainer b {
  color: #10294d;
  font-size: 11px;
}

.weekly-cycle-explainer small {
  margin-top: 4px;
  color: #728197;
  font-size: 9px;
  line-height: 1.3;
}

.weekly-overnight-rule,
.weekly-cutoff-result {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 17px;
  padding: 12px;
  background: #fff;
}

.weekly-cutoff-result {
  border-color: rgba(23, 105, 232, .16);
  background: linear-gradient(135deg, #f6faff, #fff);
}

.weekly-cutoff-result.warning {
  border-color: rgba(239, 164, 39, .22);
  background: linear-gradient(135deg, #fffaf0, #fff);
}

.weekly-overnight-rule > i,
.weekly-cutoff-result > svg {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  padding: 8px;
  color: #1769e8;
  background: #edf4ff;
}

.weekly-overnight-rule strong,
.weekly-overnight-rule small,
.weekly-cutoff-result strong,
.weekly-cutoff-result small {
  display: block;
}

.weekly-overnight-rule strong,
.weekly-cutoff-result strong {
  color: #10294d;
  font-size: 12px;
}

.weekly-overnight-rule small,
.weekly-cutoff-result small {
  margin-top: 4px;
  color: #718096;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
}

.weekly-overnight-rule em {
  border-radius: 999px;
  padding: 7px 9px;
  color: #1b5fb8;
  background: #edf4ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.payroll-cutoff-card,
.payment-prediction-card {
  min-height: 100%;
}

.payroll-cutoff-rules {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.payroll-cutoff-rules span {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  border-radius: 14px;
  padding: 10px;
  background: #f8fbff;
}

.payroll-cutoff-rules svg {
  width: 16px;
  height: 16px;
  color: #1769e8;
}

.payroll-cutoff-rules strong,
.payroll-cutoff-rules small {
  display: block;
}

.payroll-cutoff-rules strong {
  color: #10294d;
  font-size: 11px;
}

.payroll-cutoff-rules small,
.payment-prediction-card p {
  margin: 4px 0 0;
  color: #718096;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 740;
}

.payroll-cutoff-rules small {
  grid-column: 2;
}

.payment-prediction-card p svg,
.weekly-overnight-rule svg,
.weekly-cutoff-result svg {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}

.prediction-meter {
  margin-top: 14px;
}

.payment-milestone-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.payment-milestone-list article {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(76, 101, 137, .11);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  animation: paymentStageIn .34s ease both;
  animation-delay: calc(var(--step-index, 0) * 45ms);
}

.payment-milestone-list article:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 32px;
  top: calc(100% - 1px);
  width: 3px;
  height: 12px;
  border-radius: 999px;
  background: #dfe7f1;
}

.payment-milestone-list article.complete:not(:last-child)::after,
.payment-milestone-list article.current:not(:last-child)::after {
  background: linear-gradient(180deg, #1769e8, rgba(23, 105, 232, .25));
  box-shadow: 0 0 10px rgba(23, 105, 232, .25);
}

@keyframes paymentStageIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.payment-milestone-list article.current {
  border-color: rgba(23, 105, 232, .24);
  background: linear-gradient(135deg, #f4f8ff, #fff);
  box-shadow: 0 0 0 4px rgba(23, 105, 232, .07);
}

.payment-milestone-list article.paid {
  color: #fff;
  border-color: rgba(17, 132, 94, .24);
  background: linear-gradient(135deg, #0c744f, #16a56b);
  animation: paymentCompleteFlash .7s ease both;
}

@keyframes paymentCompleteFlash {
  from { transform: scale(.985); }
  to { transform: scale(1); }
}

.payment-milestone-list i {
  width: 42px;
  height: 42px;
  border: 2px solid #dfe7f1;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #90a0b3;
  background: #fff;
}

.payment-milestone-list .complete i,
.payment-milestone-list .current i {
  border-color: #1769e8;
  color: #fff;
  background: #1769e8;
}

.payment-milestone-list .current i {
  animation: paymentPulse 1.4s ease-in-out infinite;
}

.payment-milestone-list .paid i {
  border-color: rgba(255,255,255,.34);
  color: #0c744f;
  background: #fff;
}

.payment-milestone-list svg {
  width: 18px;
  height: 18px;
}

.payment-milestone-list strong,
.payment-milestone-list small {
  display: block;
}

.payment-milestone-list strong {
  color: #10294d;
  font-size: 14px;
}

.payment-milestone-list small {
  margin-top: 4px;
  color: #728197;
  font-size: 11px;
  line-height: 1.3;
}

.payment-milestone-list .paid strong,
.payment-milestone-list .paid small {
  color: #fff;
}

.payment-milestone-list em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1b5fb8;
  background: #edf4ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.payment-milestone-list .paid em {
  color: #0c744f;
  background: #fff;
}

.recent-payout-list {
  display: grid;
  gap: 9px;
  margin-top: 13px;
}

.recent-payout-list article {
  display: grid;
  gap: 6px;
}

.recent-payout-list button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(76, 101, 137, .10);
  border-radius: 16px;
  padding: 11px;
  text-align: left;
  background: #fff;
}

.recent-payout-list article.open button {
  border-color: rgba(23, 105, 232, .20);
  background: #f8fbff;
}

.recent-payout-list article > p {
  margin: 0;
  border: 1px solid rgba(23, 105, 232, .12);
  border-radius: 13px;
  padding: 9px 11px;
  color: #5f7086;
  background: #f8fbff;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
}

.recent-payout-detail {
  display: grid;
  gap: 8px;
}

.recent-payout-detail p {
  margin: 0;
  border: 1px solid rgba(23, 105, 232, .12);
  border-radius: 13px;
  padding: 9px 11px;
  color: #5f7086;
  background: #f8fbff;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
}

.recent-payout-detail div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.recent-payout-detail button,
.view-all-payments-button {
  min-height: 40px;
  border: 1px solid rgba(23,105,232,.14);
  border-radius: 13px;
  color: #1b5fb8;
  background: #fff;
  font-size: 10px;
  font-weight: 950;
}

.view-all-payments-button {
  width: 100%;
  margin-top: 12px;
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #123e88, #5548c7);
}

.recent-payout-list i {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #11845e;
}

.recent-payout-list svg {
  width: 16px;
  height: 16px;
}

.recent-payout-list strong,
.recent-payout-list small,
.recent-payout-list b {
  display: block;
}

.recent-payout-list strong {
  color: #10294d;
  font-size: 13px;
}

.recent-payout-list small {
  margin-top: 3px;
  color: #718096;
  font-size: 10px;
}

.recent-payout-list b {
  color: #10294d;
  font-size: 14px;
}

.payment-ai-insights-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.payment-ai-insights-grid article {
  min-width: 0;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 17px;
  padding: 13px;
  background:
    radial-gradient(circle at 92% 10%, rgba(95, 116, 255, .08), transparent 34%),
    #fff;
}

.payment-ai-insights-grid span,
.payment-ai-insights-grid strong,
.payment-ai-insights-grid small,
.holiday-reward-layout span,
.holiday-reward-layout strong,
.holiday-reward-layout p,
.holiday-reward-layout small {
  display: block;
}

.payment-ai-insights-grid span,
.holiday-reward-layout span {
  color: #73839a;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.payment-ai-insights-grid strong,
.holiday-reward-layout strong {
  margin-top: 6px;
  color: #10294d;
  font-size: 20px;
  line-height: 1;
  font-weight: 950;
}

.payment-ai-insights-grid small,
.holiday-reward-layout small,
.holiday-reward-layout p {
  margin-top: 6px;
  color: #718096;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
}

.bank-transfer-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.bank-transfer-rail article {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 16px;
  padding: 11px 8px;
  text-align: center;
  background: #f8fbff;
}

.bank-transfer-rail article:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 24px;
  left: calc(100% - 1px);
  width: 9px;
  height: 3px;
  border-radius: 999px;
  background: #d7e1ee;
}

.bank-transfer-rail article.complete,
.bank-transfer-rail article.current {
  border-color: rgba(23, 105, 232, .20);
  background: #fff;
}

.bank-transfer-rail article.current {
  box-shadow: 0 0 0 4px rgba(23, 105, 232, .07);
}

.bank-transfer-rail i {
  width: 30px;
  height: 30px;
  margin: 0 auto 8px;
  border: 2px solid #dfe7f1;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #fff;
}

.bank-transfer-rail .complete i,
.bank-transfer-rail .current i {
  border-color: #1769e8;
  background: #1769e8;
}

.bank-transfer-rail .current i {
  animation: paymentPulse 1.5s ease-in-out infinite;
}

.bank-transfer-rail svg {
  width: 14px;
  height: 14px;
}

.bank-transfer-rail strong,
.bank-transfer-rail small {
  display: block;
}

.bank-transfer-rail strong {
  color: #10294d;
  font-size: 10px;
  line-height: 1.2;
}

.bank-transfer-rail small {
  margin-top: 5px;
  color: #718096;
  font-size: 8px;
  line-height: 1.25;
  font-weight: 760;
}

.holiday-reward-card {
  background:
    radial-gradient(circle at 92% 0, rgba(255, 203, 92, .20), transparent 32%),
    linear-gradient(135deg, #fff, #fbf8ef);
}

.payroll-command-centre {
  display: grid;
  gap: 16px;
  background:
    radial-gradient(circle at 92% 6%, rgba(72, 111, 255, .08), transparent 32%),
    linear-gradient(160deg, #fff, #f7faff);
}

.worker-fintech-section-heading p {
  margin: 5px 0 0;
  color: #73839a;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.payroll-command-state {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
}

.payroll-command-state > i {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1769e8, #6858e8);
  box-shadow: 0 12px 24px rgba(23,105,232,.16);
}

.payroll-command-state > i.warning {
  background: linear-gradient(135deg, #b66a0a, #eba42a);
}

.payroll-command-state svg {
  width: 20px;
  height: 20px;
}

.payroll-command-state strong,
.payroll-command-state small {
  display: block;
}

.payroll-command-state strong {
  color: #10294d;
  font-size: 15px;
  line-height: 1.2;
}

.payroll-command-state small {
  margin-top: 5px;
  color: #718096;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 760;
}

.payroll-command-countdown {
  display: grid;
  gap: 11px;
}

.payroll-command-countdown > span {
  color: #6d7f97;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.payroll-command-countdown .payment-live-countdown {
  gap: 10px;
}

.payroll-command-countdown .payment-live-countdown span {
  border-color: rgba(23,105,232,.10);
  background: #fff;
  box-shadow: 0 10px 24px rgba(10, 31, 68, .045);
}

.payroll-command-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  border-radius: 18px;
  padding: 14px 8px 26px;
  background: #f5f8fc;
}

.payroll-command-rail::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 15px;
  height: 3px;
  border-radius: 999px;
  background: #dce6f2;
}

.payroll-command-rail > i {
  position: absolute;
  bottom: 10px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #1769e8;
  box-shadow: 0 0 0 6px rgba(23,105,232,.10);
}

.payroll-command-rail span {
  min-width: 0;
  text-align: center;
}

.payroll-command-rail b,
.payroll-command-rail small {
  display: block;
}

.payroll-command-rail b {
  color: #56677d;
  font-size: 10px;
  line-height: 1.15;
}

.payroll-command-rail .today b {
  color: #1769e8;
}

.payroll-command-rail small {
  margin-top: 4px;
  color: #8190a2;
  font-size: 8px;
  line-height: 1.2;
  font-weight: 760;
}

.payroll-command-arrival {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(23,105,232,.12);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
}

.payroll-command-arrival span,
.payroll-command-arrival small,
.payroll-command-arrival strong {
  display: block;
}

.payroll-command-arrival small {
  color: #728197;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.payroll-command-arrival strong {
  margin-top: 5px;
  color: #10294d;
  font-size: 14px;
  line-height: 1.25;
}

.payroll-command-arrival p {
  grid-column: 1 / -1;
  margin: 0;
  color: #718096;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 760;
}

.outstanding-approval-alert {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border-color: rgba(232, 150, 27, .22);
  background:
    radial-gradient(circle at 92% 0, rgba(255, 185, 73, .14), transparent 30%),
    linear-gradient(135deg, #fff, #fff9ec);
}

.outstanding-approval-alert > i {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #945b0a;
  background: #fff1d6;
}

.outstanding-approval-alert svg {
  width: 20px;
  height: 20px;
}

.outstanding-approval-alert span,
.outstanding-approval-alert h2,
.outstanding-approval-alert p {
  display: block;
  margin: 0;
}

.outstanding-approval-alert span {
  color: #945b0a;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.outstanding-approval-alert h2 {
  margin-top: 4px;
  color: #2d210f;
  font-size: 18px;
  line-height: 1.15;
}

.outstanding-approval-alert p {
  margin-top: 6px;
  color: #765c31;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 760;
}

.outstanding-approval-alert button {
  grid-column: 2;
  justify-self: start;
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  padding: 0 15px;
  color: #fff;
  background: linear-gradient(135deg, #9b600a, #e99a21);
  font-size: 11px;
  font-weight: 950;
}

.payroll-help-row {
  padding: 0;
  overflow: hidden;
}

.payroll-help-row > button {
  width: 100%;
  min-height: 68px;
  border: 0;
  padding: 16px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 20px;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: transparent;
}

.payroll-help-row > button > span {
  width: 38px;
  height: 38px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #1769e8;
  background: #edf4ff;
}

.payroll-help-row svg {
  width: 18px;
  height: 18px;
}

.payroll-help-row strong,
.payroll-help-row small {
  display: block;
}

.payroll-help-row strong {
  color: #10294d;
  font-size: 14px;
}

.payroll-help-row small {
  margin-top: 4px;
  color: #718096;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.payroll-help-row em {
  color: #718096;
  transform: rotate(180deg);
}

.payroll-help-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
}

.payroll-help-item > span {
  width: 34px;
  height: 34px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #1769e8;
  background: #edf4ff;
}

.payroll-help-item svg {
  width: 16px;
  height: 16px;
}

.payroll-help-item small,
.payroll-help-item strong,
.payroll-help-item p {
  display: block;
  margin: 0;
}

.payroll-help-item small {
  color: #728197;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.payroll-help-item strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 13px;
}

.payroll-help-item p {
  margin-top: 5px;
  color: #718096;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 760;
}

.holiday-reward-layout {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 14px;
}

.holiday-reward-ring {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  background:
    radial-gradient(circle at center, #fff 57%, transparent 59%),
    conic-gradient(#d4a12c var(--holiday-progress), #eee4c8 0);
  box-shadow: 0 16px 28px rgba(143, 104, 23, .12);
}

.holiday-reward-ring strong,
.holiday-reward-ring small {
  display: block;
}

.holiday-reward-ring strong {
  color: #4b3812;
  font-size: 20px;
  line-height: 1;
}

.holiday-reward-ring small {
  margin-top: 4px;
  color: #93722c;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.worker-week-statement {
  margin-top: 13px;
  border: 1px solid rgba(77, 102, 137, 0.12);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(10, 31, 68, 0.045);
}

.worker-week-statement-top {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
}

.worker-week-statement-top > span {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #215fb9;
  background: #eaf2ff;
}

.worker-week-statement-top svg {
  width: 16px;
  height: 16px;
}

.worker-week-statement-top div {
  min-width: 0;
}

.worker-week-statement-top small,
.worker-week-statement-top strong,
.worker-week-statement-top p {
  display: block;
  margin: 0;
}

.worker-week-statement-top small {
  color: #76869a;
  font-size: 9px;
  font-weight: 900;
}

.worker-week-statement-top strong {
  margin-top: 2px;
  color: #10294d;
  font-size: 12px;
  line-height: 1.2;
}

.worker-week-statement-top p {
  margin-top: 3px;
  color: #8793a3;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 700;
}

.worker-week-statement-top > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #08704d;
  background: #eaf8f2;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.worker-week-statement-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 11px;
}

.worker-week-statement-values span {
  min-width: 0;
  border-radius: 11px;
  padding: 7px;
  background: #f6f8fc;
}

.worker-week-statement-values small,
.worker-week-statement-values strong {
  display: block;
}

.worker-week-statement-values small {
  color: #7b899b;
  font-size: 8px;
  font-weight: 850;
}

.worker-week-statement-values strong {
  margin-top: 3px;
  color: #10294d;
  font-size: 13px;
  line-height: 1;
}

.worker-statement-actions {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 0.9fr;
  gap: 6px;
  margin-top: 10px;
}

.worker-statement-actions button,
.worker-tax-actions button,
.worker-download-latest {
  min-width: 0;
  min-height: 36px;
  border: 1px solid rgba(61, 91, 132, 0.14);
  border-radius: 11px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #244e88;
  background: #fff;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 900;
}

.worker-statement-actions button:first-child {
  color: #fff;
  background: #145cc7;
  border-color: #145cc7;
}

.worker-statement-actions svg,
.worker-download-latest svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

.worker-tax-balance {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 12px;
  align-items: center;
  margin-top: 13px;
}

.worker-tax-balance small,
.worker-tax-balance strong,
.worker-tax-balance span {
  display: block;
}

.worker-tax-balance small {
  color: #728197;
  font-size: 10px;
  font-weight: 850;
}

.worker-tax-balance > div:first-child > strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
}

.worker-tax-balance span {
  margin-top: 5px;
  color: #8793a3;
  font-size: 10px;
  font-weight: 700;
}

.worker-tax-ring {
  width: 68px;
  height: 68px;
  border-radius: 999px;
  display: grid;
  place-content: center;
  text-align: center;
  background:
    radial-gradient(circle at center, #fff 58%, transparent 60%),
    conic-gradient(#1769e8 var(--tax-progress), #e7edf6 0);
}

.worker-tax-ring strong {
  color: #123e80;
  font-size: 16px;
  line-height: 1;
}

.worker-tax-ring small {
  margin-top: 3px;
  font-size: 7px;
}

.worker-tax-progress {
  height: 6px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
}

.worker-tax-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1769e8, #6858e8);
}

.worker-tax-meta {
  margin-top: 9px;
  align-items: flex-start;
}

.worker-tax-meta span {
  min-width: 0;
  color: #7b899b;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
}

.worker-tax-meta strong {
  display: block;
  margin-top: 2px;
  color: #193d71;
  font-size: 11px;
}

.worker-fintech-toggle {
  flex: 0 0 auto;
  border: 1px solid #d9e2ee;
  border-radius: 999px;
  min-height: 28px;
  padding: 3px 7px 3px 3px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #718096;
  background: #f0f3f7;
  font-size: 9px;
  font-weight: 900;
}

.worker-fintech-toggle i {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(10, 31, 68, 0.14);
}

.worker-fintech-toggle.active {
  color: #086849;
  background: #ddf5ea;
  border-color: #bfe7d7;
}

.worker-fintech-toggle.active i {
  background: #15906a;
}

.worker-tax-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}

.worker-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
}

.worker-intelligence-grid strong {
  margin-top: 5px;
  color: #10294d;
  font-size: 15px;
  line-height: 1.08;
  font-weight: 900;
  overflow-wrap: break-word;
}

.worker-finance-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.worker-finance-action-grid button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid rgba(73, 101, 138, 0.12);
  border-radius: 14px;
  padding: 8px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 12px;
  gap: 7px;
  align-items: center;
  color: #183c70;
  text-align: left;
  background: #f8faff;
}

.worker-finance-action-grid button > i {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #1d62c8;
  background: #e8f1ff;
}

.worker-finance-action-grid button > i svg {
  width: 14px;
  height: 14px;
}

.worker-finance-action-grid button > span {
  min-width: 0;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  white-space: normal;
}

.worker-finance-action-grid button > u {
  color: #718096;
  transform: rotate(180deg);
  text-decoration: none;
}

.worker-finance-action-grid button > u svg {
  width: 12px;
  height: 12px;
}

.worker-download-latest {
  width: 100%;
  margin-top: 8px;
  color: #fff;
  background: linear-gradient(135deg, #123e88, #5548c7);
  border-color: transparent;
}

.worker-payment-state-preview {
  width: 100%;
  margin-top: 7px;
  border: 0;
  padding: 4px;
  color: #708198;
  background: transparent;
  font-size: 9px;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.worker-finance-sheet {
  display: grid;
  gap: 12px;
}

.worker-finance-sheet-balance {
  border-radius: 18px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(129, 112, 255, 0.5), transparent 34%),
    linear-gradient(135deg, #071a38, #164d9b);
}

.worker-finance-sheet-balance.tax {
  background:
    radial-gradient(circle at 92% 8%, rgba(63, 207, 160, 0.28), transparent 34%),
    linear-gradient(135deg, #071a38, #145c58);
}

.worker-finance-sheet-balance span,
.worker-finance-sheet-balance strong,
.worker-finance-sheet-balance small {
  display: block;
}

.worker-finance-sheet-balance span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 850;
}

.worker-finance-sheet-balance strong {
  margin-top: 5px;
  font-size: 27px;
  line-height: 1;
}

.worker-finance-sheet-balance small {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 750;
}

.worker-finance-sheet-lines {
  display: grid;
  gap: 2px;
  border: 1px solid #e2e9f2;
  border-radius: 16px;
  padding: 5px 11px;
  background: #fff;
}

.worker-finance-sheet-lines > span {
  min-width: 0;
  border-bottom: 1px solid #edf1f6;
  padding: 9px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.worker-finance-sheet-lines > span:last-child {
  border-bottom: 0;
}

.worker-finance-sheet-lines > span.total {
  color: #0c6c4b;
}

.worker-finance-sheet-lines small {
  color: #68788e;
  font-size: 10px;
  font-weight: 800;
}

.worker-finance-sheet-lines strong {
  flex: 0 0 auto;
  font-size: 12px;
}

.worker-finance-sheet-note {
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  gap: 8px;
  color: #335985;
  background: #edf5ff;
}

.worker-finance-sheet-note svg {
  width: 17px;
  height: 17px;
}

.worker-finance-sheet-note p {
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 750;
}

.worker-finance-sheet-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.worker-finance-sheet-actions button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid #dbe4ef;
  border-radius: 13px;
  padding: 0 8px;
  color: #24476f;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
}

.worker-finance-sheet-actions button.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #155fc8, #594acb);
  box-shadow: 0 10px 22px rgba(30, 83, 174, 0.2);
}

.worker-finance-sheet label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.worker-finance-sheet label > span {
  color: #5f7087;
  font-size: 10px;
  font-weight: 900;
}

.worker-finance-sheet input {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 0 11px;
  color: #10294d;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}

.instant-payout-sheet {
  gap: 14px;
}

.instant-amount-field input {
  min-height: 56px;
  border-radius: 16px;
  font-size: 22px;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.instant-quick-amounts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.instant-quick-amounts button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  color: #173d73;
  background: #fff;
  font-size: 11px;
  font-weight: 950;
}

.instant-quick-amounts button:disabled,
.worker-finance-sheet-actions button:disabled {
  opacity: .45;
}

.instant-allowance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  border: 1px solid rgba(23, 105, 232, .12);
  border-radius: 16px;
  padding: 12px;
  background: #f7fbff;
}

.instant-allowance-row small,
.instant-allowance-row strong,
.instant-allowance-row em {
  display: block;
}

.instant-allowance-row small {
  color: #6d7e96;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.instant-allowance-row strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 14px;
}

.instant-allowance-row em {
  color: #315d97;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.instant-security-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.instant-security-list span {
  min-width: 0;
  border: 1px solid rgba(13, 122, 85, .12);
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  background: #f1fbf7;
}

.instant-security-list svg {
  grid-row: 1 / span 2;
  width: 15px;
  height: 15px;
  color: #0d7a55;
}

.instant-security-list small,
.instant-security-list strong {
  display: block;
}

.instant-security-list small {
  color: #60748c;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 850;
}

.instant-security-list strong {
  color: #0b664a;
  font-size: 11px;
  line-height: 1.15;
}

.instant-success-hero {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border-radius: 20px;
  padding: 16px;
  color: #fff;
  background: linear-gradient(135deg, #07523d, #0f8f61);
  box-shadow: 0 16px 34px rgba(15, 143, 97, .20);
}

.instant-success-hero > span {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.16);
}

.instant-success-hero svg {
  width: 24px;
  height: 24px;
}

.instant-success-hero small,
.instant-success-hero strong,
.instant-success-hero p {
  display: block;
  margin: 0;
}

.instant-success-hero small {
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.instant-success-hero strong {
  margin-top: 5px;
  color: #fff;
  font-size: 28px;
  line-height: 1;
}

.instant-success-hero p {
  margin-top: 6px;
  color: rgba(255,255,255,.74);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 760;
}

.instant-receipt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.instant-receipt-grid span {
  min-width: 0;
  border: 1px solid rgba(77, 102, 137, .10);
  border-radius: 15px;
  padding: 11px;
  background: #fff;
}

.instant-receipt-grid small,
.instant-receipt-grid strong {
  display: block;
}

.instant-receipt-grid small {
  color: #718096;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.instant-receipt-grid strong {
  margin-top: 5px;
  color: #10294d;
  font-size: 12px;
  line-height: 1.25;
}

.worker-bank-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.worker-bank-protected {
  justify-content: flex-start;
  border-radius: 14px;
  padding: 10px;
  color: #0b664a;
  background: #eaf8f2;
}

.worker-bank-protected > svg {
  width: 20px;
  height: 20px;
}

.worker-bank-protected strong,
.worker-bank-protected small {
  display: block;
}

.worker-bank-protected strong {
  font-size: 11px;
}

.worker-bank-protected small {
  margin-top: 2px;
  color: #548071;
  font-size: 9px;
  font-weight: 750;
}

.worker-support-sheet > button {
  width: 100%;
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) 13px;
  gap: 9px;
  align-items: center;
  color: #1b416f;
  text-align: left;
  background: #fff;
}

.worker-support-sheet > button > i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #215fb9;
  background: #edf4ff;
}

.worker-support-sheet > button svg {
  width: 14px;
  height: 14px;
}

.worker-support-sheet > button > svg {
  transform: rotate(180deg);
}

.worker-support-sheet strong,
.worker-support-sheet small {
  display: block;
}

.worker-support-sheet strong {
  font-size: 11px;
}

.worker-support-sheet small {
  margin-top: 3px;
  color: #7a899c;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
}

.worker-support-availability {
  justify-content: flex-start;
  border-radius: 14px;
  padding: 10px;
  background: #eef9f4;
}

.worker-support-availability > i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #13966c;
  box-shadow: 0 0 0 5px rgba(19, 150, 108, 0.1);
}

.worker-support-availability strong,
.worker-support-availability small {
  display: block;
}

.worker-support-availability strong {
  color: #0b664a;
  font-size: 10px;
}

.worker-support-availability small {
  margin-top: 2px;
  color: #598272;
  font-size: 9px;
  font-weight: 750;
}

.worker-payment-state-list > button {
  width: 100%;
  min-width: 0;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  color: #1b416f;
  text-align: left;
  background: #fff;
}

.worker-payment-state-list > button.active {
  border-color: rgba(28, 105, 222, 0.32);
  background: #f1f6ff;
  box-shadow: 0 8px 18px rgba(28, 105, 222, 0.08);
}

.worker-payment-state-list > button > i {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #215fb9;
  background: #eaf2ff;
}

.worker-payment-state-list svg {
  width: 14px;
  height: 14px;
}

.worker-payment-state-list strong,
.worker-payment-state-list small {
  display: block;
}

.worker-payment-state-list strong {
  font-size: 11px;
}

.worker-payment-state-list small {
  margin-top: 3px;
  color: #7b899b;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
}

.worker-tax-rate-field {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.worker-tax-rate-field > span {
  grid-column: 1 / -1;
}

.worker-tax-rate-field input {
  min-height: 26px;
  padding: 0;
}

.worker-tax-rate-field b {
  color: #174c92;
  font-size: 12px;
}

@media (max-width: 350px) {
  .worker-fintech-page {
    padding-inline: 12px;
  }

  .worker-fintech-hero,
  .worker-fintech-card {
    border-radius: 19px;
  }

  .worker-fintech-balance strong {
    font-size: 31px;
  }

  .worker-fintech-hero-actions,
  .worker-pay-example-grid {
    grid-template-columns: 1fr;
  }

  .worker-statement-actions {
    grid-template-columns: 1fr 1fr;
  }

  .worker-statement-actions button:first-child {
    grid-column: 1 / -1;
  }
}

/* Candidate Payslip Archive */
.worker-earnings-tabs {
  position: sticky;
  top: 4px;
  z-index: 8;
  display: flex;
  gap: 5px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  border: 1px solid rgba(75, 100, 135, 0.12);
  border-radius: 17px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 26px rgba(11, 30, 65, 0.08);
  backdrop-filter: blur(18px);
}

.worker-earnings-tabs::-webkit-scrollbar {
  display: none;
}

.worker-earnings-tabs button {
  flex: 0 0 calc((100% - 20px) / 5);
  min-width: 0;
  min-height: 43px;
  border: 0;
  border-radius: 12px;
  padding: 5px 3px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 3px;
  color: #718096;
  background: transparent;
  font-size: 8px;
  line-height: 1.1;
  font-weight: 900;
  white-space: normal;
}

.worker-earnings-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #0b347a, #5b4dcc);
  box-shadow: 0 8px 17px rgba(38, 73, 158, 0.24);
}

.worker-earnings-tabs svg {
  width: 14px;
  height: 14px;
}

.payslip-archive-hero {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 17px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  color: #fff;
  background:
    radial-gradient(circle at 90% 4%, rgba(125, 108, 255, 0.48), transparent 38%),
    linear-gradient(140deg, #071a38, #103e8e 60%, #5547bd);
  box-shadow: 0 18px 40px rgba(7, 26, 56, 0.22);
}

.payslip-archive-hero span,
.payslip-archive-hero h2,
.payslip-archive-hero p,
.payslip-archive-hero strong,
.payslip-archive-hero small {
  display: block;
  margin: 0;
}

.payslip-archive-hero span {
  color: #abcaff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payslip-archive-hero h2 {
  margin-top: 5px;
  max-width: 255px;
  color: #fff;
  font-size: 20px;
  line-height: 1.14;
}

.payslip-archive-hero p {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.67);
  font-size: 10px;
  line-height: 1.4;
  font-weight: 720;
}

.payslip-archive-hero aside {
  min-width: 66px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(12px);
}

.payslip-archive-hero aside strong {
  font-size: 23px;
  line-height: 1;
}

.payslip-archive-hero aside small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 8px;
  line-height: 1.2;
  font-weight: 800;
}

.payslip-search-centre {
  display: grid;
  gap: 10px;
}

.payslip-search-field {
  min-width: 0;
  min-height: 44px;
  border: 1px solid #dce5ef;
  border-radius: 14px;
  padding: 0 9px;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) 27px;
  gap: 7px;
  align-items: center;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(11, 30, 65, 0.025);
}

.payslip-search-field > svg {
  width: 16px;
  height: 16px;
  color: #3566a8;
}

.payslip-search-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #10294d;
  background: transparent;
  font-size: 11px;
  font-weight: 750;
}

.payslip-search-field input::placeholder {
  color: #93a0b1;
}

.payslip-search-field button {
  width: 27px;
  height: 27px;
  border: 0;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #78879a;
  background: #f0f3f7;
}

.payslip-search-field button svg {
  width: 12px;
  height: 12px;
}

.payslip-selector-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.payslip-selector-row label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.payslip-selector-row span {
  color: #718096;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.payslip-selector-row select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  border: 1px solid #dce5ef;
  border-radius: 12px;
  padding: 0 28px 0 9px;
  color: #173965;
  background: #f8faff;
  font-size: 10px;
  font-weight: 850;
}

.payslip-filter-scroll {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.payslip-filter-scroll::-webkit-scrollbar {
  display: none;
}

.payslip-filter-scroll button {
  min-height: 29px;
  flex: 0 0 auto;
  border: 1px solid #dce5ef;
  border-radius: 999px;
  padding: 0 9px;
  color: #63758d;
  background: #fff;
  font-size: 9px;
  font-weight: 850;
}

.payslip-filter-scroll button.active {
  color: #fff;
  border-color: #174f9e;
  background: #174f9e;
}

.payslip-custom-dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid #dce5ef;
  border-radius: 13px;
  padding: 9px;
  background: #f8faff;
}

.payslip-custom-dates label {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.payslip-custom-dates span {
  color: #718096;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.payslip-custom-dates input {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  border: 1px solid #dce5ef;
  border-radius: 10px;
  padding: 0 7px;
  color: #173965;
  background: #fff;
  font-size: 9px;
  font-weight: 800;
}

.payslip-result-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.payslip-result-line span {
  color: #6d7d91;
  font-size: 10px;
  font-weight: 780;
}

.payslip-result-line strong {
  color: #153f79;
}

.payslip-result-line button {
  border: 0;
  padding: 3px;
  color: #245ca8;
  background: transparent;
  font-size: 9px;
  font-weight: 900;
}

.payslip-archive-list {
  display: grid;
  gap: 9px;
}

.payslip-tax-month {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(73, 99, 135, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(11, 30, 65, 0.05);
}

.payslip-month-header {
  width: 100%;
  min-width: 0;
  min-height: 57px;
  border: 0;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 14px;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: linear-gradient(145deg, #fff, #f7faff);
}

.payslip-month-header span {
  min-width: 0;
}

.payslip-month-header small,
.payslip-month-header strong {
  display: block;
}

.payslip-month-header small {
  color: #74849a;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.payslip-month-header strong {
  margin-top: 3px;
  color: #10294d;
  font-size: 13px;
}

.payslip-month-header em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #245da9;
  background: #eaf2ff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.payslip-month-header > i {
  color: #76869a;
  transform: rotate(-90deg);
}

.payslip-month-header[aria-expanded="true"] > i {
  transform: rotate(90deg);
}

.payslip-month-header svg {
  width: 13px;
  height: 13px;
}

.payslip-month-records {
  display: grid;
  gap: 7px;
  border-top: 1px solid #e9eef5;
  padding: 9px;
  background: #f4f7fb;
}

.payslip-month-records[hidden],
.payslip-tax-month[hidden],
.payslip-archive-card[hidden],
.payslip-empty-state[hidden] {
  display: none !important;
}

.payslip-archive-card {
  min-width: 0;
  border: 1px solid rgba(73, 99, 135, 0.1);
  border-radius: 15px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(11, 30, 65, 0.035);
}

.payslip-card-top {
  display: grid;
  grid-template-columns: 33px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.payslip-card-top > span {
  width: 33px;
  height: 33px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #1c61c5;
  background: #eaf2ff;
}

.payslip-card-top > span svg {
  width: 15px;
  height: 15px;
}

.payslip-card-top > div {
  min-width: 0;
}

.payslip-card-top small,
.payslip-card-top strong,
.payslip-card-top p {
  display: block;
  margin: 0;
}

.payslip-card-top small {
  color: #7a899d;
  font-size: 8px;
  font-weight: 900;
}

.payslip-card-top strong {
  margin-top: 2px;
  color: #10294d;
  font-size: 11px;
  line-height: 1.2;
}

.payslip-card-top p {
  margin-top: 3px;
  color: #8592a4;
  font-size: 8px;
  line-height: 1.25;
  font-weight: 730;
  white-space: normal;
}

.payslip-card-top > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #08704d;
  background: #e9f8f2;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.payslip-card-top > em.approved {
  color: #8a5b12;
  background: #fff4dd;
}

.payslip-card-summary {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr 0.8fr;
  gap: 5px;
  margin-top: 9px;
}

.payslip-card-summary > span {
  min-width: 0;
  border-radius: 10px;
  padding: 6px;
  background: #f6f8fc;
}

.payslip-card-summary small,
.payslip-card-summary strong {
  display: block;
}

.payslip-card-summary small {
  color: #7d8b9c;
  font-size: 7px;
  font-weight: 850;
}

.payslip-card-summary strong {
  margin-top: 3px;
  color: #173965;
  font-size: 11px;
  line-height: 1;
}

.payslip-card-actions {
  display: grid;
  grid-template-columns: 1fr 0.58fr;
  gap: 6px;
  margin-top: 8px;
}

.payslip-card-actions button,
.payslip-load-older {
  min-width: 0;
  min-height: 34px;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #24568f;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.payslip-card-actions button:first-child {
  color: #fff;
  border-color: #1656b2;
  background: #1656b2;
}

.payslip-card-actions svg,
.payslip-load-older svg {
  width: 13px;
  height: 13px;
}

.payslip-load-older {
  width: 100%;
  min-height: 42px;
  border-style: dashed;
  color: #506b91;
  background: rgba(255, 255, 255, 0.7);
}

.payslip-empty-state {
  border: 1px dashed #cad6e5;
  border-radius: 18px;
  padding: 24px 16px;
  display: grid;
  justify-items: center;
  text-align: center;
  background: #fff;
}

.payslip-empty-state > svg {
  width: 26px;
  height: 26px;
  color: #4776b6;
}

.payslip-empty-state h3 {
  margin: 9px 0 0;
  color: #10294d;
  font-size: 15px;
}

.payslip-empty-state p {
  margin: 5px 0 0;
  max-width: 240px;
  color: #7b899c;
  font-size: 10px;
  line-height: 1.4;
}

.payslip-empty-state button {
  margin-top: 10px;
  border: 0;
  border-radius: 10px;
  min-height: 34px;
  padding: 0 12px;
  color: #fff;
  background: #1656b2;
  font-size: 9px;
  font-weight: 900;
}

.payslip-detail-page {
  gap: 12px;
}

.payslip-back-button {
  width: fit-content;
  min-height: 34px;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #244f86;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

.payslip-back-button svg {
  width: 14px;
  height: 14px;
}

.payslip-detail-hero {
  overflow: hidden;
  border-radius: 22px;
  padding: 17px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 4%, rgba(121, 104, 255, 0.45), transparent 38%),
    linear-gradient(142deg, #071a38, #124697 62%, #5548bf);
  box-shadow: 0 18px 40px rgba(7, 26, 56, 0.22);
}

.payslip-detail-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.payslip-detail-top span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

.payslip-detail-top svg {
  width: 13px;
  height: 13px;
}

.payslip-detail-top em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #c9f8e5;
  background: rgba(20, 139, 96, 0.22);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.payslip-detail-hero > small {
  display: block;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  font-weight: 850;
}

.payslip-detail-hero h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.2;
}

.payslip-detail-hero > div:last-child {
  margin-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  padding-top: 13px;
}

.payslip-detail-hero > div:last-child span,
.payslip-detail-hero > div:last-child strong,
.payslip-detail-hero > div:last-child small {
  display: block;
}

.payslip-detail-hero > div:last-child span,
.payslip-detail-hero > div:last-child small {
  color: rgba(255, 255, 255, 0.67);
  font-size: 9px;
  font-weight: 780;
}

.payslip-detail-hero > div:last-child strong {
  margin: 5px 0;
  font-size: 29px;
  line-height: 1;
}

.payslip-event-flow {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.payslip-event-flow article,
.payslip-work-detail article {
  min-width: 0;
  border: 1px solid #e2e9f2;
  border-radius: 13px;
  padding: 9px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  background: #fff;
}

.payslip-event-flow article > i,
.payslip-work-detail article > span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #215fb9;
  background: #eaf2ff;
}

.payslip-event-flow svg,
.payslip-work-detail svg {
  width: 14px;
  height: 14px;
}

.payslip-event-flow small,
.payslip-event-flow strong,
.payslip-work-detail small,
.payslip-work-detail strong {
  display: block;
}

.payslip-event-flow small,
.payslip-work-detail small {
  color: #7b899c;
  font-size: 8px;
  font-weight: 850;
}

.payslip-event-flow strong,
.payslip-work-detail strong {
  margin-top: 3px;
  color: #15365f;
  font-size: 11px;
  line-height: 1.25;
}

.payslip-payment-explainer > p {
  margin: 10px 0 0;
  color: #68788e;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 720;
}

.payslip-breakdown-lines {
  display: grid;
  margin-top: 11px;
}

.payslip-breakdown-lines > span {
  min-width: 0;
  border-bottom: 1px solid #e9eef5;
  padding: 9px 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.payslip-breakdown-lines > span.total {
  border-bottom: 0;
  padding-bottom: 0;
  color: #0a694b;
}

.payslip-breakdown-lines small {
  color: #718096;
  font-size: 10px;
  font-weight: 800;
}

.payslip-breakdown-lines strong {
  flex: 0 0 auto;
  font-size: 11px;
}

.payslip-work-detail {
  display: grid;
  gap: 7px;
}

.payslip-work-detail .worker-fintech-section-heading {
  margin-bottom: 4px;
}

.payslip-record-meta > div:last-child {
  display: grid;
  gap: 0;
  margin-top: 10px;
}

.payslip-record-meta > div:last-child > span {
  border-bottom: 1px solid #e9eef5;
  padding: 8px 0;
}

.payslip-record-meta > div:last-child > span:last-child {
  border-bottom: 0;
}

.payslip-record-meta small,
.payslip-record-meta strong {
  display: block;
}

.payslip-record-meta small {
  color: #7a899c;
  font-size: 8px;
  font-weight: 850;
}

.payslip-record-meta strong {
  margin-top: 3px;
  color: #173965;
  font-size: 10px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.payslip-detail-actions {
  position: sticky;
  bottom: calc(72px + env(safe-area-inset-bottom));
  z-index: 7;
  border: 1px solid rgba(75, 100, 135, 0.13);
  border-radius: 17px;
  padding: 6px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  gap: 5px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(11, 30, 65, 0.16);
  backdrop-filter: blur(18px);
}

.payslip-detail-actions button {
  min-width: 0;
  min-height: 41px;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  padding: 0 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #244f86;
  background: #fff;
  font-size: 8px;
  line-height: 1.15;
  font-weight: 900;
}

.payslip-detail-actions button.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #155fc8, #594acb);
}

.payslip-detail-actions svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

@media (max-width: 350px) {
  .payslip-archive-hero {
    grid-template-columns: 1fr;
  }

  .payslip-archive-hero aside {
    display: none;
  }

  .payslip-detail-actions {
    grid-template-columns: 1fr 0.7fr 0.9fr;
  }
}

/* Premium payroll vault and financial activity system. */
.worker-fintech-page {
  --finance-ink: #0c2447;
  --finance-muted: #718198;
  --finance-line: rgba(63, 89, 126, 0.13);
  --finance-blue: #165fc5;
  --finance-green: #087453;
}

.financial-vault-hero {
  min-height: 168px;
  padding: 20px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background:
    radial-gradient(circle at 88% 5%, rgba(137, 113, 255, 0.55), transparent 34%),
    radial-gradient(circle at 4% 104%, rgba(31, 190, 206, 0.2), transparent 37%),
    linear-gradient(143deg, #06152d 0%, #0d3475 54%, #5748bf 118%);
  box-shadow:
    0 24px 54px rgba(5, 22, 50, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.financial-vault-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.055) 50%, transparent 76%);
}

.financial-vault-hero h2 {
  max-width: 270px;
  font-size: 22px;
  letter-spacing: 0;
}

.financial-vault-hero p {
  max-width: 275px;
  font-size: 11px;
}

.financial-vault-hero aside {
  position: relative;
  z-index: 1;
  min-width: 78px;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.financial-vault-hero aside svg {
  width: 17px;
  height: 17px;
  margin: 0 auto 7px;
  color: #bff6de;
}

.financial-intelligence-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--finance-line);
  border-radius: 20px;
  padding: 13px;
  background:
    radial-gradient(circle at 100% 0, rgba(76, 101, 210, 0.08), transparent 35%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(12, 36, 71, 0.075);
  backdrop-filter: blur(18px);
}

.financial-intelligence-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 2px 11px;
}

.financial-intelligence-heading span,
.financial-intelligence-heading strong {
  display: block;
}

.financial-intelligence-heading span {
  color: #315f9b;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.financial-intelligence-heading strong {
  color: var(--finance-ink);
  font-size: 13px;
  text-align: right;
}

.financial-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.financial-intelligence-grid article {
  min-width: 0;
  min-height: 72px;
  border: 1px solid rgba(75, 102, 140, 0.11);
  border-radius: 14px;
  padding: 9px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  background: linear-gradient(145deg, #fff, #f6f9ff);
  box-shadow: 0 6px 15px rgba(12, 36, 71, 0.035);
}

.financial-intelligence-grid article > i {
  width: 27px;
  height: 27px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #185db8;
  background: #e9f2ff;
}

.financial-intelligence-grid svg {
  width: 13px;
  height: 13px;
}

.financial-intelligence-grid article > span,
.financial-intelligence-grid small,
.financial-intelligence-grid strong,
.financial-intelligence-grid em {
  display: block;
  min-width: 0;
}

.financial-intelligence-grid small {
  color: #718198;
  font-size: 7px;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
}

.financial-intelligence-grid strong {
  margin-top: 4px;
  color: var(--finance-ink);
  font-size: 15px;
  line-height: 1;
}

.financial-intelligence-grid em {
  margin-top: 5px;
  color: #8491a3;
  font-size: 7px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.payslip-search-centre,
.statement-search-centre {
  border: 1px solid var(--finance-line);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(12, 36, 71, 0.065);
  backdrop-filter: blur(18px);
}

.financial-archive-heading {
  min-width: 0;
  padding: 2px 2px 0;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 12px;
}

.financial-archive-heading span,
.financial-archive-heading h2 {
  display: block;
  margin: 0;
}

.financial-archive-heading span {
  color: #627590;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.financial-archive-heading h2 {
  margin-top: 4px;
  color: var(--finance-ink);
  font-size: 16px;
  line-height: 1.2;
}

.financial-archive-heading em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 8px;
  color: #1e5ba4;
  background: #eaf2ff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.tax-year-archive-list {
  gap: 11px;
}

.payslip-tax-year {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(55, 82, 121, 0.15);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 15px 36px rgba(12, 36, 71, 0.08);
}

.payslip-tax-year-header {
  width: 100%;
  min-width: 0;
  min-height: 90px;
  border: 0;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 15px;
  gap: 10px;
  align-items: center;
  color: inherit;
  text-align: left;
  background:
    radial-gradient(circle at 100% 0, rgba(93, 75, 199, 0.12), transparent 39%),
    linear-gradient(145deg, #fff, #f4f8ff);
}

.payslip-tax-year-header span,
.payslip-tax-year-header small,
.payslip-tax-year-header strong,
.payslip-tax-year-header p,
.payslip-tax-year-header em,
.payslip-tax-year-header b {
  display: block;
  min-width: 0;
  margin: 0;
}

.payslip-tax-year-header span > small {
  color: #315f9b;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payslip-tax-year-header span > strong {
  margin-top: 4px;
  color: var(--finance-ink);
  font-size: 18px;
}

.payslip-tax-year-header span > p {
  margin-top: 5px;
  color: #718198;
  font-size: 9px;
  font-weight: 750;
  line-height: 1.3;
}

.payslip-tax-year-header > em {
  max-width: 100px;
  color: #61748d;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
  text-align: right;
}

.payslip-tax-year-header > em b {
  color: #0d704f;
  font-size: 12px;
}

.payslip-tax-year-header > em small {
  margin-top: 3px;
  color: #929dac;
  font-size: 7px;
}

.payslip-tax-year-header > i,
.payslip-month-header > i,
.statement-month-header > i {
  display: grid;
  place-items: center;
  transition: transform 140ms ease;
}

.payslip-tax-year-header > i {
  color: #6e8199;
  transform: rotate(-90deg);
}

.payslip-tax-year-header[aria-expanded="true"] > i {
  transform: rotate(90deg);
}

.payslip-tax-year-header svg {
  width: 14px;
  height: 14px;
}

.payslip-tax-year-months {
  display: grid;
  gap: 8px;
  border-top: 1px solid #e5ebf3;
  padding: 9px;
  background: #f1f5fa;
}

.payslip-tax-year-months[hidden] {
  display: none;
}

.payslip-tax-year .payslip-tax-month {
  border-radius: 15px;
  box-shadow: 0 6px 15px rgba(12, 36, 71, 0.04);
}

.payslip-month-header {
  min-height: 67px;
}

.payslip-month-header span p,
.statement-month-header span p {
  display: block;
  margin: 3px 0 0;
  color: #8491a3;
  font-size: 8px;
  font-weight: 750;
}

.payslip-month-records {
  padding: 8px;
  background: #f5f7fb;
}

.payslip-card-open {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  color: inherit;
  text-align: left;
  background: transparent;
}

.payslip-card-open > span {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #1d61bd;
  background: linear-gradient(145deg, #eff5ff, #e3edfc);
  box-shadow: inset 0 0 0 1px rgba(37, 91, 163, 0.08);
}

.payslip-card-open svg {
  width: 15px;
  height: 15px;
}

.payslip-card-open > div {
  min-width: 0;
}

.payslip-card-open small,
.payslip-card-open strong,
.payslip-card-open p {
  display: block;
  margin: 0;
}

.payslip-card-open small {
  color: #76869b;
  font-size: 8px;
  font-weight: 850;
  line-height: 1.25;
}

.payslip-card-open strong {
  margin-top: 3px;
  color: var(--finance-ink);
  font-size: 11px;
  line-height: 1.25;
}

.payslip-card-open p {
  margin-top: 3px;
  color: #8793a3;
  font-size: 8px;
  font-weight: 730;
  line-height: 1.3;
}

.payslip-card-open > em {
  border-radius: 999px;
  padding: 5px 7px;
  color: #08704d;
  background: #e9f8f2;
  font-size: 7px;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.payslip-archive-card {
  border-color: rgba(55, 82, 121, 0.11);
  padding: 11px;
  box-shadow: 0 8px 20px rgba(12, 36, 71, 0.045);
}

.payslip-card-summary > span {
  border: 1px solid rgba(75, 101, 137, 0.08);
  background: linear-gradient(145deg, #fafcff, #f3f7fc);
}

.payslip-card-actions button:first-child {
  background: linear-gradient(135deg, #155fc8, #5549c7);
  box-shadow: 0 7px 15px rgba(35, 78, 165, 0.18);
}

.statement-filter-scroll {
  margin-top: 1px;
}

.financial-activity-list {
  gap: 10px;
}

.statement-month-group {
  border-radius: 19px;
  box-shadow: 0 13px 30px rgba(12, 36, 71, 0.07);
}

.statement-month-header {
  min-height: 69px;
  padding: 11px 13px;
  background:
    radial-gradient(circle at 100% 0, rgba(79, 91, 196, 0.09), transparent 42%),
    linear-gradient(145deg, #fff, #f6f9fe);
}

.statement-month-weeks {
  padding: 5px 10px;
  background: #fff;
}

.financial-activity-row {
  min-height: 65px;
  padding: 10px 2px;
}

.financial-activity-row > i {
  width: 34px;
  height: 34px;
  border-radius: 11px;
}

.financial-activity-row.debit > i {
  color: #7f568f;
  background: #f5ecfa;
}

.financial-activity-row > span strong {
  font-size: 11px;
}

.financial-activity-row > b {
  min-width: 72px;
}

.financial-activity-row.credit > b strong {
  color: #087453;
}

.financial-activity-row.debit > b strong {
  color: #9b4054;
}

.transaction-detail-hero.debit {
  background:
    radial-gradient(circle at 92% 6%, rgba(211, 112, 181, 0.38), transparent 36%),
    linear-gradient(142deg, #18152d 0%, #49315f 58%, #7b466c 112%);
}

.transaction-assurance-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border-color: rgba(24, 116, 83, 0.16);
  background: linear-gradient(145deg, #fff, #f1faf6);
}

.transaction-assurance-card > i {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #087453;
  background: #e6f7ef;
}

.transaction-assurance-card svg {
  width: 16px;
  height: 16px;
}

.transaction-assurance-card span,
.transaction-assurance-card h2,
.transaction-assurance-card p {
  display: block;
  margin: 0;
}

.transaction-assurance-card span {
  color: #087453;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.transaction-assurance-card h2 {
  margin-top: 4px;
  color: var(--finance-ink);
  font-size: 13px;
  line-height: 1.3;
}

.transaction-assurance-card p {
  margin-top: 5px;
  color: #718198;
  font-size: 9px;
  font-weight: 730;
  line-height: 1.4;
}

.transaction-linked-record > div:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.transaction-linked-record > div:nth-child(2) span {
  min-width: 0;
  border: 1px solid rgba(75, 101, 137, 0.1);
  border-radius: 12px;
  padding: 9px;
  background: #f6f9fd;
}

.transaction-linked-record > div:nth-child(2) span:last-child {
  grid-column: 1 / -1;
}

.transaction-linked-record small,
.transaction-linked-record strong {
  display: block;
}

.transaction-linked-record small {
  color: #7c899b;
  font-size: 8px;
  font-weight: 850;
}

.transaction-linked-record strong {
  margin-top: 4px;
  color: var(--finance-ink);
  font-size: 10px;
  line-height: 1.25;
}

.transaction-linked-record > button {
  width: 100%;
  min-height: 39px;
  margin-top: 9px;
  border: 1px solid #d9e3ef;
  border-radius: 11px;
  padding: 0 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1859a8;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.transaction-linked-record > button svg {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
}

@media (max-width: 370px) {
  .financial-vault-hero {
    grid-template-columns: minmax(0, 1fr) 68px;
    padding: 17px;
  }

  .financial-vault-hero h2 {
    font-size: 20px;
  }

  .payslip-tax-year-header {
    grid-template-columns: minmax(0, 1fr) 15px;
  }

  .payslip-tax-year-header > em {
    display: none;
  }
}

/* Final cascade lock for the offers and notifications operating system. */
.worker-opportunity-hero.offers-command-hero {
  background:
    radial-gradient(circle at 94% 0%, rgba(137, 103, 255, 0.38), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(24, 176, 222, 0.2), transparent 38%),
    linear-gradient(140deg, #071a35 0%, #114487 55%, #5033a8 112%);
}

.notification-action-buttons.redirect-only {
  grid-template-columns: 1.2fr 1fr;
}

.notification-group-grid > article {
  overflow: hidden;
  border: 1px solid rgba(42, 75, 119, 0.11);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #f5f8fc);
  box-shadow: 0 9px 21px rgba(11, 32, 61, 0.05);
}

.notification-group-grid > article > button {
  width: 100%;
  min-height: 96px;
  padding: 12px;
  border: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  text-align: left;
  color: #173654;
  background: transparent;
}

.notification-group-grid > article > button > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #1e62bb;
  background: #e9f2ff;
}

.notification-group-grid > article > button > i svg {
  width: 14px;
  height: 14px;
}

.notification-group-grid > article > button > span strong,
.notification-group-grid > article > button > span small,
.notification-group-grid > article > button > span em {
  display: block;
}

.notification-group-grid > article > button > span strong {
  font-size: 10px;
}

.notification-group-grid > article > button > span small {
  margin-top: 5px;
  color: #315f91;
  font-size: 9px;
  font-weight: 850;
}

.notification-group-grid > article > button > span em {
  margin-top: 5px;
  color: #718399;
  font-size: 8px;
  font-style: normal;
  line-height: 1.35;
}

.notification-group-grid > article > button > svg {
  display: none;
}

.notification-group-grid > article > div {
  min-height: 40px;
  padding: 7px 9px;
  border-top: 1px solid #e4ebf3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  color: #657a8e;
  font-size: 7px;
  font-weight: 800;
}

.notification-group-grid > article > div button {
  flex: 0 0 auto;
  min-height: 27px;
  border: 0;
  border-radius: 7px;
  padding: 0 8px;
  color: #fff;
  background: #1857a7;
  font-size: 7px;
  font-weight: 900;
}

/* Release cascade lock for the worker marketplace filter engine. */
.marketplace-filter-page .worker-filter-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.marketplace-filter-page .worker-filter-section.marketplace-filter-group {
  padding: 0;
  border: 1px solid rgba(42, 74, 115, 0.11);
  border-radius: 8px;
  gap: 0;
  background: #fff;
  box-shadow: 0 9px 22px rgba(10, 32, 62, 0.05);
}

.marketplace-filter-page .marketplace-filter-group summary {
  min-height: 58px;
  padding: 10px 12px;
}

.marketplace-filter-page .marketplace-filter-group summary > span {
  min-width: 0;
}

.marketplace-filter-page .marketplace-filter-group summary strong,
.marketplace-filter-page .marketplace-filter-group summary small {
  display: block;
}

.marketplace-filter-page .marketplace-filter-group summary strong {
  color: #183b63;
  font-size: 11px;
}

.marketplace-filter-page .marketplace-filter-group summary small {
  margin-top: 4px;
  color: #7a899d;
  font-size: 7px;
  font-weight: 780;
}

/* Final marketplace discovery overrides: keep temporary search actions clear of bottom navigation. */
.content.marketplace-filter-page.worker-filter-page {
  padding: 0 16px calc(208px + env(safe-area-inset-bottom));
}

.content.marketplace-filter-page .worker-filter-panel {
  padding: 0;
  overflow: visible;
}

.content.marketplace-filter-page .worker-filter-footer {
  position: fixed;
  left: 50%;
  bottom: calc(88px + env(safe-area-inset-bottom));
  width: min(calc(100% - 32px), 398px);
  transform: translateX(-50%);
  z-index: 30;
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 46px rgba(7, 27, 56, .18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Premium Offers rebuild: one status, active queue, quiet history. */
.premium-offers-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 15px;
  border: 1px solid rgba(36, 75, 119, .12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(80, 68, 202, .10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.94));
  box-shadow: 0 16px 38px rgba(10, 31, 60, .08);
}

.premium-offers-command span,
.premium-offers-command small {
  color: #687d92;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.premium-offers-command h2 {
  margin: 4px 0 0;
  color: #0b213d;
  font-size: 20px;
  line-height: 1.12;
}

.premium-offers-command p {
  margin: 6px 0 0;
  color: #667a90;
  font-size: 10px;
  line-height: 1.45;
}

.premium-offers-command > div:last-child {
  min-width: 96px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.premium-offers-command > div:last-child strong {
  padding: 8px 8px 2px;
  border: 1px solid rgba(31, 99, 188, .10);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  color: #155baa;
  background: #eef6ff;
  text-align: center;
  font-size: 18px;
  line-height: 1;
}

.premium-offers-command > div:last-child small {
  margin-top: -7px;
  padding: 1px 6px 7px;
  border: 1px solid rgba(31, 99, 188, .10);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #eef6ff;
  text-align: center;
  font-size: 6px;
  letter-spacing: .04em;
}

.offer-status-pill.awaiting {
  color: #1859a7;
  background: #e8f2ff;
}

.offer-status-pill.closed,
.offer-status-pill.filled {
  color: #667484;
  background: #eef2f6;
}

.offer-status-pill.withdrawn {
  color: #a33a48;
  background: #ffecef;
}

.marketplace-offer-card.awaiting {
  border-left-color: #2f79db;
}

.marketplace-offer-card.closed,
.marketplace-offer-card.declined,
.marketplace-offer-card.filled,
.marketplace-offer-card.withdrawn {
  border-left-color: #9aa7b5;
  background: linear-gradient(145deg, #fff, #f8fafc);
  filter: none;
}

.marketplace-offer-shift > em {
  display: grid;
  gap: 2px;
}

.marketplace-offer-shift > em small,
.marketplace-offer-shift > em strong {
  display: block;
}

.marketplace-offer-shift > em small {
  color: #7b8b9d;
  font-size: 6px;
  font-weight: 900;
  text-transform: uppercase;
}

.marketplace-offer-shift > em strong {
  color: #173653;
  font-size: 9px;
  font-weight: 950;
}

.offer-matching-insights {
  margin-top: 9px;
  padding: 9px;
  border: 1px solid rgba(42, 76, 117, .09);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  background: rgba(247, 250, 254, .84);
}

.offer-matching-insights strong {
  grid-column: 1 / -1;
  color: #193a5f;
  font-size: 9px;
}

.offer-matching-insights span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #60758a;
  font-size: 8px;
  font-weight: 780;
}

.offer-matching-insights svg {
  width: 11px;
  height: 11px;
  color: #0d8a61;
}

.marketplace-offer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.marketplace-offer-actions button {
  min-width: 0;
  padding: 0 8px;
  white-space: nowrap;
}

.offer-history-shell {
  display: grid;
  gap: 9px;
}

.offer-history-toggle {
  width: 100%;
  min-height: 56px;
  padding: 11px 12px;
  border: 1px solid rgba(42, 76, 117, .11);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #15334f;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 28px rgba(10,31,60,.06);
}

.offer-history-toggle span,
.offer-history-toggle strong,
.offer-history-toggle small {
  display: block;
  min-width: 0;
  text-align: left;
}

.offer-history-toggle strong {
  font-size: 13px;
}

.offer-history-toggle small {
  margin-top: 3px;
  color: #718397;
  font-size: 9px;
  line-height: 1.35;
}

.offer-history-toggle em {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: #1e5d9f;
  background: #edf5ff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.offer-history-timeline {
  display: grid;
  gap: 8px;
}

.offer-history-row {
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(42, 76, 117, .09);
  border-radius: 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  background: rgba(255,255,255,.78);
}

.offer-history-row strong,
.offer-history-row small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.offer-history-row strong {
  color: #183756;
  font-size: 10px;
}

.offer-history-row small {
  margin-top: 3px;
  color: #718397;
  font-size: 8px;
}

.offer-history-row button {
  min-height: 30px;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  padding: 0 9px;
  color: #245d9d;
  background: #fff;
  font-size: 8px;
  font-weight: 900;
}

.premium-offer-empty-state {
  padding: 22px 16px;
  border: 1px solid rgba(42, 76, 117, .11);
  border-radius: 18px;
  display: grid;
  gap: 10px;
  justify-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(39, 103, 191, .08), transparent 40%),
    #fff;
  box-shadow: 0 14px 32px rgba(10,31,60,.06);
}

.premium-offer-empty-state > svg {
  width: 22px;
  height: 22px;
  color: #1b66b4;
}

.premium-offer-empty-state h3 {
  margin: 0;
  color: #102a47;
  font-size: 16px;
}

.premium-offer-empty-state p {
  max-width: 280px;
  margin: 0;
  color: #667a90;
  font-size: 10px;
  line-height: 1.45;
}

.premium-offer-empty-state > div {
  width: 100%;
  display: grid;
  gap: 7px;
}

.premium-offer-empty-state button {
  min-height: 40px;
  border: 1px solid #d9e4ef;
  border-radius: 12px;
  color: #245b99;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.premium-offer-empty-state button:first-child {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #1056b4, #5744ca);
}

.premium-offer-closed-state {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(42, 76, 117, .11);
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background: rgba(255,255,255,.12);
}

.premium-offer-closed-state h3,
.premium-offer-closed-state p {
  margin: 0;
}

.premium-offer-closed-state h3 {
  color: #fff;
  font-size: 13px;
}

.premium-offer-closed-state p {
  margin-top: 3px;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  line-height: 1.35;
}

.premium-offer-closed-state button {
  grid-column: 1 / -1;
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  color: #12355d;
  background: #fff;
  font-size: 9px;
  font-weight: 900;
}

.premium-offer-match-card {
  padding: 14px;
  border: 1px solid rgba(42, 76, 117, .11);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(10,31,60,.06);
}

/* AgencyHub marketplace quality lock: premium alignment for Offers, Filters and Matches. */
.content.worker-premium-page,
.content.marketplace-filter-page.worker-filter-page {
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  padding-inline: 20px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.content.worker-premium-page {
  gap: 20px;
  padding-bottom: calc(118px + env(safe-area-inset-bottom));
}

.content.marketplace-filter-page.worker-filter-page {
  gap: 20px;
  padding: 0 20px calc(174px + env(safe-area-inset-bottom));
}

.worker-premium-page > *,
.offers-marketplace,
.offers-marketplace > *,
.marketplace-filter-page > *,
.marketplace-filter-page .worker-filter-panel,
.marketplace-filter-page .worker-filter-panel > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.worker-opportunity-hero.premium-offers-header {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  gap: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(126, 105, 255, .22), transparent 38%),
    linear-gradient(140deg, #071a35 0%, #103f7c 58%, #3b2c8f 112%);
  box-shadow: 0 18px 42px rgba(8, 28, 58, .20);
}

.worker-opportunity-hero.premium-offers-header h2 {
  margin: 5px 0 0;
  max-width: 300px;
  font-size: 24px;
  line-height: 1.08;
}

.worker-opportunity-hero.premium-offers-header p {
  max-width: 330px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.42;
}

.premium-offers-stat-row {
  margin: 0;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.premium-offers-stat-row span {
  min-height: 76px;
  padding: 13px 10px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 16px !important;
  display: grid;
  place-items: center;
  align-content: center;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  text-align: center;
}

.premium-offers-stat-row strong {
  font-size: 25px !important;
  line-height: 1 !important;
}

.premium-offers-stat-row small {
  margin-top: 6px !important;
  font-size: 8px !important;
  letter-spacing: .06em;
}

.offer-action-centre,
.offer-intelligence-panel,
.offer-history-toggle,
.marketplace-offer-card,
.premium-offer-empty-state,
.discovery-filter-card,
.marketplace-filter-summary,
.premium-discovery-topbar {
  border-radius: 18px;
}

.offers-marketplace {
  gap: 20px;
}

.offer-action-centre {
  padding: 14px;
  box-shadow: 0 14px 34px rgba(8, 30, 59, .07);
}

.offer-primary-control-bar {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.offer-primary-control-bar > button,
.offer-primary-control-bar > label,
.offer-advanced-filter-panel label,
.offer-advanced-filter-panel > button {
  min-height: 48px;
  border-radius: 14px;
}

.offer-advanced-filter-panel {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.offer-marketplace-list {
  gap: 14px;
}

.marketplace-offer-card {
  width: 100%;
  padding: 15px;
  box-shadow: 0 16px 36px rgba(10, 31, 60, .075);
}

.marketplace-offer-finance,
.offer-intelligence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.marketplace-offer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.marketplace-offer-actions button {
  min-height: 42px;
  border-radius: 12px;
  justify-content: center;
  text-align: center;
}

.marketplace-filter-page .worker-filter-panel {
  padding: 0;
  overflow: visible;
}

.discovery-filter-stack {
  gap: 14px;
}

.discovery-filter-card {
  padding: 14px;
}

.discovery-filter-card.sort-filter-card .discovery-segment-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.discovery-filter-card.sort-filter-card .discovery-segment-grid button {
  min-height: 46px;
  justify-content: flex-start;
  padding: 0 14px;
  border-radius: 14px;
  text-align: left;
}

.content.marketplace-filter-page .worker-filter-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(100px + env(safe-area-inset-bottom));
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  transform: none;
  min-height: 76px;
  padding: 12px 20px;
  border: 1px solid rgba(16, 36, 64, .10);
  border-radius: 0;
  display: grid;
  grid-template-columns: .9fr 1.6fr;
  gap: 12px;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.90);
  box-shadow: 0 20px 48px rgba(7, 27, 56, .18);
  box-sizing: border-box;
}

.content.marketplace-filter-page .worker-filter-footer .ghost-button,
.content.marketplace-filter-page .worker-filter-footer .button {
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  text-align: center;
  font-size: 11px;
  font-weight: 920;
}

.content.marketplace-filter-page .worker-filter-footer .ghost-button {
  border: 1px solid rgba(32, 70, 111, .14);
  color: #173a5f;
  background: rgba(255,255,255,.72);
}

.content.marketplace-filter-page .worker-filter-footer .button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac 62%, #4431a5);
  box-shadow: 0 12px 24px rgba(19, 76, 160, .24);
}

.content.marketplace-filter-page .worker-filter-footer button:disabled,
.job-preferences-modal footer button.primary:disabled {
  opacity: .48;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.content.marketplace-filter-page .worker-filter-footer .ghost-button:disabled {
  color: #8795a6;
  background: rgba(245, 248, 252, .82);
}

.content.marketplace-filter-page .worker-filter-footer .button:disabled {
  color: #71839a;
  background: #e7edf4;
}

@media (max-width: 370px) {
  .content.worker-premium-page,
  .content.marketplace-filter-page.worker-filter-page {
    padding-inline: 16px;
  }

  .premium-offers-stat-row {
    gap: 8px !important;
  }

  .premium-offers-stat-row span {
    min-height: 64px;
    padding: 10px 8px !important;
  }

  .premium-offers-stat-row strong {
    font-size: 21px !important;
  }

  .marketplace-offer-finance,
  .offer-intelligence-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .content.marketplace-filter-page .worker-filter-footer {
    width: 100%;
  }
}

/* Premium self-employed Tax Centre */
.worker-fintech-page .tax-os-hero,
.worker-fintech-page .tax-os-card {
  width: 100%;
  box-sizing: border-box;
}

.tax-os-hero {
  overflow: hidden;
  position: relative;
  display: grid;
  gap: 15px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(92, 132, 255, .38), transparent 34%),
    linear-gradient(142deg, #061832 0%, #0b3774 58%, #34236f 100%);
  box-shadow: 0 22px 48px rgba(6, 24, 50, .22);
}

.tax-os-hero::after {
  content: "";
  position: absolute;
  inset: auto -20% -42% 18%;
  height: 160px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
  filter: blur(24px);
}

.tax-os-hero > * {
  position: relative;
  z-index: 1;
}

.tax-os-hero-top,
.tax-os-section-head,
.tax-os-action-row,
.tax-os-upload-row,
.tax-os-sheet-head,
.tax-os-report-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.tax-os-hero-top span,
.tax-os-section-head span,
.tax-os-hero-top em,
.tax-os-section-head em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tax-os-hero-top svg,
.tax-os-section-head svg,
.tax-os-disclaimer svg,
.tax-os-expense-list svg,
.tax-os-upload-row svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.tax-os-hero h2 {
  margin: 0;
  max-width: 12ch;
  font-size: 27px;
  line-height: 1.03;
  letter-spacing: 0;
}

.tax-os-hero p,
.tax-os-disclaimer {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  line-height: 1.45;
}

.tax-os-hero-grid,
.tax-os-kpi-grid,
.tax-os-result-grid,
.tax-os-form-grid,
.tax-performance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.tax-os-hero-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(12px);
}

.tax-os-hero-grid small,
.tax-os-lines small,
.tax-os-result-grid small,
.tax-os-summary-sheet small,
.tax-os-payment-main small {
  color: inherit;
  opacity: .68;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tax-os-hero-grid strong {
  min-width: 0;
  font-size: 18px;
  line-height: 1.1;
}

.tax-os-card {
  display: grid;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .92));
  box-shadow: 0 16px 36px rgba(12, 34, 63, .08);
}

.tax-os-section-head h3 {
  margin: 4px 0 0;
  color: #07182f;
  font-size: 17px;
  line-height: 1.12;
  letter-spacing: 0;
}

.tax-os-section-head > div {
  min-width: 0;
}

.tax-os-section-head button,
.tax-os-action-row button,
.tax-os-primary-wide,
.tax-os-filter-row button,
.tax-os-strategy button {
  min-width: 0;
  border: 1px solid rgba(21, 73, 122, .12);
  border-radius: 15px;
  color: #12365e;
  background: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 900;
}

.tax-os-section-head button {
  flex: 0 0 auto;
  padding: 9px 11px;
}

.tax-os-kpi-grid article,
.tax-os-result-grid span,
.tax-os-summary-sheet span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 18px;
  background: #fff;
}

.tax-os-kpi-grid small,
.tax-os-kpi-grid em {
  min-width: 0;
  color: #66768c;
  font-size: 10px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.tax-os-kpi-grid strong,
.tax-os-result-grid strong,
.tax-os-summary-sheet strong {
  min-width: 0;
  color: #07182f;
  font-size: 18px;
  line-height: 1.12;
}

.tax-os-payment-layout {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: 12px;
  align-items: stretch;
}

.tax-os-payment-main {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
  padding: 15px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(150deg, #081b38, #1454a5);
}

.tax-os-payment-main strong {
  font-size: 30px;
  line-height: 1;
}

.tax-os-payment-main p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  line-height: 1.35;
}

.tax-os-lines {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.tax-os-lines span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 14px;
  background: #f5f8fc;
}

.tax-os-lines strong {
  flex: 0 0 auto;
  color: #07182f;
  font-size: 13px;
}

.tax-os-lines .total {
  color: #0f6b4d;
  background: rgba(21, 165, 107, .10);
}

.tax-os-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
}

.tax-os-action-row button,
.tax-os-primary-wide {
  min-height: 48px;
  padding: 0 12px;
}

.tax-os-action-row .primary,
.tax-os-primary-wide {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
  box-shadow: 0 12px 24px rgba(21, 88, 172, .20);
}

.tax-os-form-grid label,
.tax-os-note-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.tax-os-form-grid label span,
.tax-os-note-field span {
  color: #65748b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tax-os-form-grid input,
.tax-os-form-grid select,
.tax-os-note-field textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(17, 44, 78, .10);
  border-radius: 15px;
  padding: 12px;
  color: #07182f;
  background: #fff;
  font: inherit;
  font-size: 14px;
}

.tax-os-filter-row,
.tax-os-strategy {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.tax-os-filter-row button,
.tax-os-strategy button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 13px;
  white-space: nowrap;
}

.tax-os-filter-row button.active,
.tax-os-strategy button.active {
  border-color: rgba(21, 88, 172, .28);
  color: #0b3774;
  background: rgba(31, 132, 229, .11);
}

.tax-os-expense-list {
  display: grid;
  gap: 9px;
}

.tax-os-expense-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 18px;
  background: #fff;
}

.tax-os-expense-list i,
.tax-os-upload-row i,
.tax-os-sheet-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  color: #1454a5;
  background: rgba(31, 132, 229, .10);
}

.tax-os-expense-list span {
  min-width: 0;
}

.tax-os-expense-list strong {
  display: block;
  color: #07182f;
  font-size: 15px;
}

.tax-os-expense-list p {
  margin: 2px 0 0;
  color: #65748b;
  font-size: 12px;
  line-height: 1.3;
}

.tax-os-expense-list em,
.tax-os-upload-row em,
.tax-os-section-head > em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 8px;
  color: #526178;
  background: #eef3f8;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.tax-os-expense-list em.saved,
.tax-os-upload-row em {
  color: #0f6b4d;
  background: rgba(21, 165, 107, .12);
}

.tax-os-expense-list em.exported {
  color: #163f9f;
  background: rgba(31, 132, 229, .12);
}

.tax-os-expense-list em.draft {
  color: #8a5d13;
  background: rgba(242, 189, 66, .15);
}

.tax-os-summary-sheet,
.tax-os-report-paper {
  display: grid;
  gap: 9px;
  padding: 14px;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 20px;
  background: #fff;
}

.tax-os-summary-sheet > div {
  display: grid;
  gap: 4px;
  padding-bottom: 4px;
}

.tax-os-sheet {
  display: grid;
  gap: 14px;
}

.tax-os-sheet-head {
  align-items: flex-start;
}

.tax-os-sheet-head h3,
.tax-os-report-paper h3 {
  margin: 0;
  color: #07182f;
  font-size: 19px;
}

.tax-os-sheet-head p,
.tax-os-report-paper p {
  margin: 3px 0 0;
  color: #65748b;
  font-size: 13px;
  line-height: 1.4;
}

.tax-os-upload-row {
  justify-content: flex-start;
  padding: 12px;
  border: 1px dashed rgba(21, 88, 172, .22);
  border-radius: 18px;
  background: rgba(31, 132, 229, .06);
}

.tax-os-upload-row span {
  flex: 1;
  min-width: 0;
}

.tax-os-upload-row strong,
.tax-os-upload-row small {
  display: block;
  min-width: 0;
}

.tax-os-report-preview {
  display: grid;
  gap: 12px;
}

.tax-os-report-head {
  color: #07182f;
  font-weight: 900;
}

.tax-os-report-head em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #0f6b4d;
  background: rgba(21, 165, 107, .12);
  font-size: 10px;
  font-style: normal;
}

.tax-os-report-table {
  display: grid;
  gap: 8px;
}

.tax-os-report-table span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid rgba(17, 44, 78, .08);
}

@media (max-width: 390px) {
  .tax-os-hero-grid,
  .tax-os-kpi-grid,
  .tax-os-result-grid,
  .tax-os-form-grid,
  .tax-os-payment-layout,
  .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-os-hero h2 {
    font-size: 24px;
  }
}

/* Tax Centre V2: simplified fintech information architecture */
.tax-v2-tabs {
  position: sticky;
  top: 0;
  z-index: 12;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 28px rgba(12, 34, 63, .08);
  backdrop-filter: blur(16px);
}

.tax-v2-tabs button {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  color: #5e7088;
  background: transparent;
  font-size: 13px;
  font-weight: 900;
}

.tax-v2-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
  box-shadow: 0 10px 22px rgba(21, 88, 172, .18);
}

.tax-v2-position-hero,
.tax-v2-reserve-card,
.tax-v2-payment-card,
.tax-v2-tools-hero,
.tax-v2-actions,
.tax-v2-tool-card,
.tax-v2-expense-manager,
.tax-v2-annual-snapshot,
.tax-v2-accountant-pack {
  width: 100%;
  box-sizing: border-box;
}

.tax-v2-position-hero {
  overflow: hidden;
  position: relative;
  display: grid;
  gap: 16px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 6%, rgba(79, 133, 255, .38), transparent 30%),
    linear-gradient(145deg, #061832 0%, #0a3472 56%, #312169 100%);
  box-shadow: 0 24px 54px rgba(7, 24, 48, .24);
}

.tax-v2-position-top,
.tax-v2-position-main,
.tax-v2-reserve-head,
.tax-v2-payment-head,
.tax-v2-coverage-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  min-width: 0;
}

.tax-v2-position-top span,
.tax-v2-position-top em,
.tax-v2-reserve-head span,
.tax-v2-payment-head span,
.tax-v2-tools-hero span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 920;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tax-v2-position-top svg,
.tax-v2-actions svg,
.tax-v2-pack-list svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.tax-v2-position-main > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.tax-v2-position-main small,
.tax-v2-position-grid small,
.tax-v2-reserve-metrics small,
.tax-v2-payment-lines small,
.tax-v2-snapshot-grid small,
.tax-v2-coverage-row small {
  color: inherit;
  opacity: .66;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tax-v2-position-main strong {
  font-size: 36px;
  line-height: .96;
  letter-spacing: 0;
}

.tax-v2-position-main p {
  max-width: 21ch;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.35;
}

.tax-v2-ring {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, #0b2b59 58%, transparent 59%),
    conic-gradient(#5de4a3 var(--tax-v2-cover), rgba(255, 255, 255, .18) 0);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 14px 30px rgba(0, 0, 0, .16);
}

.tax-v2-ring b,
.tax-v2-ring small {
  grid-area: 1 / 1;
  text-align: center;
}

.tax-v2-ring b {
  transform: translateY(-6px);
  font-size: 22px;
  line-height: 1;
}

.tax-v2-ring small {
  transform: translateY(17px);
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.tax-v2-position-grid,
.tax-v2-reserve-metrics,
.tax-v2-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tax-v2-position-grid span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 19px;
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(10px);
}

.tax-v2-position-grid strong,
.tax-v2-reserve-metrics strong,
.tax-v2-payment-head strong,
.tax-v2-payment-lines strong,
.tax-v2-snapshot-grid strong,
.tax-v2-coverage-row strong {
  min-width: 0;
  font-size: 18px;
  line-height: 1.1;
}

.tax-v2-reserve-card,
.tax-v2-payment-card,
.tax-v2-tools-hero {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 25px;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.94));
  box-shadow: 0 16px 36px rgba(12, 34, 63, .08);
}

.tax-v2-reserve-head h3,
.tax-v2-tools-hero h2 {
  margin: 4px 0 0;
  color: #07182f;
  font-size: 18px;
  line-height: 1.12;
}

.tax-v2-reserve-head > strong {
  flex: 0 0 auto;
  padding: 10px 12px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #0f6b4d, #18a86f);
  box-shadow: 0 12px 24px rgba(21, 165, 107, .20);
  font-size: 25px;
}

.tax-v2-reserve-card p,
.tax-v2-tools-hero p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
}

.tax-v2-reserve-metrics span,
.tax-v2-snapshot-grid article {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 18px;
  background: #fff;
}

.tax-v2-progress,
.tax-v2-coverage-row i {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: #edf3f8;
}

.tax-v2-progress i,
.tax-v2-coverage-row u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #16a56b, #6be0a4);
}

.tax-v2-strategy-row {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.tax-v2-strategy-row button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(17, 44, 78, .10);
  border-radius: 15px;
  color: #173a5f;
  background: #fff;
  font-size: 12px;
  font-weight: 920;
}

.tax-v2-strategy-row button.smart {
  color: #0f6b4d;
  background: rgba(21, 165, 107, .10);
}

.tax-v2-strategy-row button.active {
  border-color: rgba(21, 88, 172, .34);
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.tax-v2-payment-head strong {
  font-size: 32px;
  color: #07182f;
}

.tax-v2-payment-lines {
  display: grid;
  gap: 8px;
}

.tax-v2-payment-lines span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border-radius: 16px;
  background: #f5f8fc;
}

.tax-v2-payment-lines .total {
  color: #0f6b4d;
  background: rgba(21, 165, 107, .10);
}

.tax-v2-payment-action,
.tax-v2-actions button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 17px;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
  box-shadow: 0 12px 24px rgba(21, 88, 172, .18);
  font-size: 13px;
  font-weight: 920;
}

.tax-v2-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tax-v2-actions button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  justify-content: start;
  gap: 9px;
  padding: 0 13px;
  text-align: left;
  color: #0f3158;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(17,44,78,.09);
  box-shadow: 0 12px 26px rgba(12,34,63,.07);
}

.tax-v2-actions span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tax-v2-tool-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 62px;
  border: 0;
  padding: 0;
  color: #07182f;
  background: transparent;
  text-align: left;
}

.tax-v2-tool-toggle span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.tax-v2-tool-toggle small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.tax-v2-tool-toggle strong {
  font-size: 15px;
  line-height: 1.25;
}

.tax-v2-tool-toggle em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 8px 10px;
  color: #1558ac;
  background: rgba(31,132,229,.10);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.tax-v2-expense-types,
.tax-v2-pack-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.tax-v2-expense-types span,
.tax-v2-pack-list span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border-radius: 15px;
  color: #173a5f;
  background: #f5f8fc;
  font-size: 12px;
  font-weight: 850;
}

.tax-os-expense-list.compact article:nth-child(n+4) {
  display: none;
}

.tax-v2-coverage-row {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr) auto;
  align-items: center;
}

.tax-os-disclaimer.dark {
  color: #64748b;
}

@media (max-width: 370px) {
  .tax-v2-position-main,
  .tax-v2-position-top,
  .tax-v2-reserve-head,
  .tax-v2-payment-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .tax-v2-ring {
    width: 82px;
    height: 82px;
  }

  .tax-v2-strategy-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tax-v2-position-grid,
  .tax-v2-reserve-metrics,
  .tax-v2-snapshot-grid,
  .tax-v2-actions,
  .tax-v2-expense-types,
  .tax-v2-pack-list,
  .tax-v2-coverage-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Premium financial layout rebuild: no critical truncation, stronger responsive structure. */
.tax-premium-snapshot,
.tax-premium-pot-card,
.financial-passport-premium-card {
  overflow: visible;
}

.tax-premium-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.tax-premium-card-head span,
.tax-premium-metric-grid small,
.tax-premium-coverage-panel small,
.tax-premium-pot-figures span,
.tax-premium-smart-save h4,
.financial-passport-verification-grid small,
.financial-passport-metric-grid small {
  color: #6a7b92;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.tax-premium-card-head h3 {
  margin: 5px 0 0;
  color: #07182f;
  font-size: 20px;
  line-height: 1.12;
}

.tax-premium-card-head em {
  justify-self: end;
  border: 1px solid rgba(16, 143, 94, .16);
  border-radius: 999px;
  padding: 8px 10px;
  color: #0d7654;
  background: #eefcf6;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.tax-premium-metric-grid,
.financial-passport-verification-grid,
.financial-passport-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.tax-premium-metric-grid article,
.financial-passport-verification-grid article,
.financial-passport-metric-grid article {
  min-width: 0;
  min-height: 98px;
  border: 1px solid rgba(16, 41, 76, .09);
  border-radius: 20px;
  padding: 15px;
  background: linear-gradient(145deg, #fff, #f7fbff);
  box-shadow: 0 12px 28px rgba(12, 34, 63, .06);
  box-sizing: border-box;
}

.tax-premium-metric-grid strong,
.financial-passport-verification-grid strong,
.financial-passport-metric-grid strong {
  display: block;
  margin-top: 7px;
  color: #0d294a;
  font-size: 19px;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.financial-passport-verification-grid article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 11px;
  min-height: 112px;
}

.financial-passport-verification-grid i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  color: #0d7654;
  background: #eafbf3;
}

.financial-passport-verification-grid svg {
  width: 16px;
  height: 16px;
}

.financial-passport-verification-grid em,
.financial-passport-metric-grid em {
  display: block;
  margin-top: 7px;
  color: #728298;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 760;
  white-space: normal;
}

.financial-passport-dashboard-grid {
  margin-top: 12px;
}

.tax-premium-coverage-panel {
  display: grid;
  gap: 16px;
  margin-top: 16px;
  border: 1px solid rgba(13, 118, 84, .13);
  border-radius: 24px;
  padding: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(25, 169, 116, .11), transparent 32%),
    linear-gradient(145deg, #fff, #f6fbf8);
}

.tax-premium-coverage-top,
.tax-premium-coverage-targets,
.tax-premium-progress-foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.tax-premium-coverage-top strong {
  display: block;
  margin-top: 6px;
  color: #07182f;
  font-size: 26px;
  line-height: 1;
}

.tax-premium-coverage-top > span {
  display: grid;
  justify-items: end;
  gap: 3px;
  border-radius: 18px;
  padding: 10px 12px;
  color: #0d7654;
  background: #eafbf3;
}

.tax-premium-coverage-top b {
  font-size: 21px;
  line-height: 1;
}

.tax-premium-coverage-targets span {
  min-width: 0;
}

.tax-premium-coverage-targets strong {
  display: block;
  margin-top: 4px;
  color: #173a5f;
  font-size: 15px;
}

.tax-premium-progress {
  overflow: hidden;
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: #e4edf4;
  box-shadow: inset 0 1px 2px rgba(7, 24, 47, .06);
}

.tax-premium-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f8f61, #6be0a4);
  box-shadow: 0 0 18px rgba(25, 169, 116, .28);
}

.tax-premium-progress-foot {
  color: #607388;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 820;
}

.tax-premium-action-row,
.tax-premium-management-actions {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: 12px;
  margin-top: 16px;
}

.tax-premium-action-row button,
.tax-premium-management-actions button,
.tax-premium-sheet-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 52px;
  border-radius: 16px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 950;
  box-sizing: border-box;
}

.tax-premium-action-row svg,
.tax-premium-management-actions svg {
  width: 17px;
  height: 17px;
}

.tax-premium-action-row .primary,
.tax-premium-management-actions .primary,
.tax-premium-sheet-actions .primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21, 88, 172, .18);
}

.tax-premium-action-row .secondary,
.tax-premium-management-actions .secondary,
.tax-premium-sheet-actions button:not(.primary) {
  border: 1px solid rgba(17, 44, 78, .11);
  color: #12365d;
  background: rgba(255, 255, 255, .86);
}

.tax-premium-pot-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
}

.tax-premium-pot-overview {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

.tax-premium-pot-figures h3 {
  margin: 6px 0 0;
  color: #0d294a;
  font-size: 24px;
  line-height: 1.08;
}

.tax-premium-pot-figures p,
.tax-premium-smart-save p,
.tax-premium-sheet p {
  margin: 7px 0 0;
  color: #657991;
  font-size: 13px;
  line-height: 1.45;
}

.tax-premium-pot-figures dl {
  display: grid;
  gap: 9px;
  margin: 14px 0 0;
}

.tax-premium-pot-figures div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, .72);
}

.tax-premium-pot-figures dt,
.tax-premium-pot-figures dd {
  margin: 0;
  font-size: 12px;
  line-height: 1.25;
}

.tax-premium-pot-figures dt {
  color: #6d7f94;
  font-weight: 780;
}

.tax-premium-pot-figures dd {
  color: #0d294a;
  font-weight: 930;
  text-align: right;
}

.tax-premium-smart-save {
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(17, 44, 78, .08);
  padding-top: 16px;
}

.tax-premium-smart-save h4 {
  margin: 0;
  color: #0d294a;
}

.tax-premium-save-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tax-premium-save-grid button {
  min-width: 0;
  min-height: 48px;
  border: 1px solid rgba(17, 44, 78, .11);
  border-radius: 15px;
  color: #173a5f;
  background: #fff;
  font-size: 13px;
  font-weight: 950;
}

.tax-premium-save-grid button.active {
  border-color: rgba(21, 88, 172, .28);
  color: #fff;
  background: linear-gradient(135deg, #07182f, #5a39d6);
  box-shadow: 0 12px 24px rgba(40, 55, 141, .16);
}

.tax-premium-save-grid button.smart {
  color: #0d7654;
  background: #eefcf6;
}

.tax-premium-save-grid button.smart.active {
  color: #fff;
  background: linear-gradient(135deg, #0d7654, #1558ac);
}

.tax-premium-custom-rate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.tax-premium-custom-rate label,
.tax-premium-field,
.tax-premium-rule-grid label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.tax-premium-custom-rate span,
.tax-premium-field span,
.tax-premium-rule-grid span {
  color: #657991;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.tax-premium-custom-rate input,
.tax-premium-field input,
.tax-premium-field select,
.tax-premium-field textarea,
.tax-premium-rule-grid input,
.tax-premium-rule-grid select {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(17, 44, 78, .12);
  border-radius: 15px;
  padding: 0 14px;
  color: #0d294a;
  background: rgba(255, 255, 255, .9);
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 850;
}

.tax-premium-field textarea {
  min-height: 86px;
  padding-top: 13px;
  resize: vertical;
}

.tax-premium-custom-rate button {
  min-height: 52px;
  border: 0;
  border-radius: 15px;
  padding: 0 16px;
  color: #fff;
  background: #07182f;
  font-weight: 950;
}

.tax-premium-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  align-items: end;
  padding: 20px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
  background: rgba(5, 16, 34, .36);
  backdrop-filter: blur(14px);
}

.tax-premium-sheet {
  width: min(430px, 100%);
  max-height: 85vh;
  overflow-y: auto;
  justify-self: center;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 28px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,250,255,.94));
  box-shadow: 0 28px 70px rgba(3, 12, 26, .28);
  box-sizing: border-box;
}

.tax-premium-sheet-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
  margin-bottom: 16px;
}

.tax-premium-sheet-head span {
  color: #657991;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.tax-premium-sheet-head h3 {
  margin: 5px 0 0;
  color: #07182f;
  font-size: 20px;
}

.tax-premium-sheet-head button {
  border: 1px solid rgba(17, 44, 78, .11);
  border-radius: 999px;
  padding: 8px 10px;
  color: #173a5f;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
}

.tax-premium-share-link,
.tax-premium-rule-summary {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  border: 1px dashed rgba(21, 88, 172, .24);
  border-radius: 18px;
  padding: 13px;
  background: #f3f8ff;
}

.tax-premium-share-link strong {
  color: #12365d;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.tax-premium-share-link button {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: #1558ac;
  font-weight: 920;
}

.tax-premium-balance-grid,
.tax-premium-rule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.tax-premium-balance-grid span {
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 16px;
  padding: 13px;
  background: #fff;
}

.tax-premium-balance-grid small {
  display: block;
  color: #657991;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.tax-premium-balance-grid strong {
  display: block;
  margin-top: 6px;
  color: #07182f;
  font-size: 19px;
}

.tax-premium-sheet-actions {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
  gap: 12px;
  margin-top: 14px;
}

.tax-premium-error {
  border-radius: 14px;
  padding: 10px 12px;
  color: #8b1e36;
  background: #fff0f4;
  font-size: 12px;
  font-weight: 850;
}

.tax-premium-toggle-list {
  display: grid;
  gap: 9px;
}

.tax-premium-toggle-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 16px;
  padding: 0 12px;
  color: #173a5f;
  background: #fff;
  font-size: 13px;
  font-weight: 880;
}

.tax-premium-toggle-list button.active {
  color: #0d7654;
  background: #eefcf6;
}

.tax-premium-toggle-list em {
  font-style: normal;
  font-size: 11px;
  font-weight: 950;
}

.tax-premium-rule-summary {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  color: #244866;
  font-size: 12px;
  line-height: 1.4;
}

.tax-premium-rule-summary svg {
  width: 18px;
  height: 18px;
}

.financial-passport-evolution-grid strong,
.smart-tax-grid strong,
.financial-passport-key-grid strong,
.financial-passport-breakdown strong,
.tax-v2-snapshot-grid strong,
.tax-v2-coverage-row strong {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.financial-passport-evolution-grid span,
.smart-tax-grid span,
.financial-passport-key-grid article,
.financial-passport-breakdown span {
  min-height: auto;
}

.tax-v2-actions.command span,
.tax-v2-expense-types.premium strong,
.tax-v2-expense-types.premium small,
.receipt-upload-strip strong,
.receipt-upload-strip small,
.worker-passport-list strong,
.worker-passport-list small,
.identity-passport-list strong,
.identity-passport-list small,
.identity-passport-list p,
.workforce-passport-grid strong,
.workforce-passport-grid small,
.workforce-passport-grid p,
.passport-qualification-grid strong,
.passport-qualification-grid small,
.passport-qualification-grid p {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.tax-v2-actions.command button {
  min-height: 62px;
  height: auto;
}

/* Payments V3 responsive rebuild: mobile-first, never squeeze financial copy. */
.worker-fintech-page .payment-command-summary span,
.worker-fintech-page .payment-command-summary strong,
.worker-fintech-page .payment-command-summary small,
.worker-fintech-page .payment-command-countdown span,
.worker-fintech-page .payment-command-countdown strong,
.worker-fintech-page .payment-command-countdown small,
.worker-fintech-page .worker-fintech-section-heading span,
.worker-fintech-page .worker-fintech-section-heading h2,
.worker-fintech-page .worker-week-money-grid span,
.worker-fintech-page .worker-week-money-grid strong,
.worker-fintech-page .worker-week-money-grid small,
.worker-fintech-page .weekly-cycle-explainer b,
.worker-fintech-page .weekly-cycle-explainer small,
.worker-fintech-page .weekly-overnight-rule strong,
.worker-fintech-page .weekly-overnight-rule small,
.worker-fintech-page .weekly-overnight-rule em,
.worker-fintech-page .weekly-cutoff-result strong,
.worker-fintech-page .weekly-cutoff-result small,
.worker-fintech-page .payroll-cutoff-rules strong,
.worker-fintech-page .payroll-cutoff-rules small,
.worker-fintech-page .payment-prediction-card h2,
.worker-fintech-page .payment-prediction-card p,
.worker-fintech-page .payment-ai-insights-grid span,
.worker-fintech-page .payment-ai-insights-grid strong,
.worker-fintech-page .payment-ai-insights-grid small,
.worker-fintech-page .bank-transfer-rail strong,
.worker-fintech-page .bank-transfer-rail small,
.worker-fintech-page .holiday-reward-layout span,
.worker-fintech-page .holiday-reward-layout strong,
.worker-fintech-page .holiday-reward-layout p,
.worker-fintech-page .holiday-reward-layout small {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

@media (max-width: 700px) {
  .worker-fintech-page {
    gap: 20px;
    padding-inline: 18px;
  }

  .worker-fintech-hero,
  .worker-fintech-card {
    overflow: visible;
  }

  .worker-fintech-hero {
    padding: 22px 20px;
  }

  .worker-fintech-card {
    padding: 20px;
  }

  .worker-fintech-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .worker-fintech-section-heading > em,
  .worker-fintech-section-heading > i {
    justify-self: start;
  }

  .payment-command-summary,
  .payment-insight-grid,
  .worker-week-money-grid,
  .worker-pay-example-grid,
  .payment-certainty-row,
  .weekly-cycle-explainer,
  .payment-ai-insights-grid,
  .instant-receipt-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .instant-access-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .instant-access-meter {
    justify-content: flex-start;
  }

  .instant-quick-amounts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .instant-security-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .payment-command-summary article,
  .worker-week-money-grid article,
  .worker-pay-example-grid article,
  .payment-ai-insights-grid article {
    padding: 15px;
  }

  .payment-command-countdown {
    gap: 16px;
    padding: 18px;
  }

  .payment-live-countdown {
    gap: 10px;
  }

  .payment-live-countdown span {
    min-width: 0;
    padding: 13px 8px;
  }

  .payment-live-countdown strong {
    font-size: 26px;
  }

  .payroll-window-rail {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .payroll-window-rail i {
    order: 2;
    min-height: 7px;
  }

  .weekly-cycle-map {
    padding: 14px 8px 28px;
  }

  .weekly-cycle-map small {
    min-height: 0;
    font-size: 8px;
  }

  .weekly-cycle-explainer span {
    padding: 13px;
  }

  .weekly-overnight-rule,
  .weekly-cutoff-result {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 15px;
  }

  .weekly-overnight-rule em {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 2px;
    white-space: normal;
  }

  .payroll-cutoff-rules {
    gap: 11px;
  }

  .payroll-cutoff-rules span {
    padding: 14px;
  }

  .payment-status-tracker {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .payment-status-tracker > em {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .payment-milestone-list {
    gap: 12px;
  }

  .payment-milestone-list article {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 15px;
  }

  .payment-milestone-list em {
    grid-column: 2;
    justify-self: start;
  }

  .bank-transfer-rail {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .bank-transfer-rail article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 12px;
    padding: 14px;
    text-align: left;
  }

  .bank-transfer-rail article:not(:last-child)::after {
    left: 32px;
    top: calc(100% - 1px);
    width: 3px;
    height: 12px;
  }

  .bank-transfer-rail i {
    grid-row: 1 / span 2;
    margin: 0;
  }

  .bank-transfer-rail strong {
    font-size: 12px;
  }

  .bank-transfer-rail small {
    font-size: 10px;
  }

  .holiday-reward-layout {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 18px;
  }

  .worker-fintech-hero-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .payroll-command-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 8px;
    padding-bottom: 34px;
  }

  .payroll-command-rail::before {
    left: 22px;
    right: 22px;
  }

  .payroll-command-arrival,
  .outstanding-approval-alert {
    grid-template-columns: minmax(0, 1fr);
  }

  .outstanding-approval-alert button {
    grid-column: 1;
  }

  .recent-payout-detail div {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-friday-settlement {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .worker-friday-settlement strong {
    grid-row: auto;
  }
}

@media (max-width: 390px) {
  .payment-command-summary,
  .payment-insight-grid,
  .payment-certainty-row,
  .weekly-cycle-explainer,
  .payment-ai-insights-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .payroll-window-rail {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .payroll-window-rail i {
    order: 2;
  }

  .weekly-overnight-rule,
  .weekly-cutoff-result {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .weekly-overnight-rule em {
    grid-column: 2;
    justify-self: start;
  }

  .bank-transfer-rail {
    grid-template-columns: minmax(0, 1fr);
  }

  .bank-transfer-rail article {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 10px;
    text-align: left;
  }

  .bank-transfer-rail article:not(:last-child)::after {
    left: 23px;
    top: calc(100% - 1px);
    width: 3px;
    height: 9px;
  }

  .bank-transfer-rail i {
    grid-row: 1 / span 2;
    margin: 0;
  }

  .holiday-reward-layout {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }

  .payment-status-tracker {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .payment-status-tracker > em {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .payment-milestone-list article {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .payment-milestone-list em {
    grid-column: 2;
    justify-self: start;
  }

  .payment-live-countdown strong {
    font-size: 20px;
  }

  .weekly-cycle-map small {
    font-size: 7px;
  }

  .tax-premium-metric-grid,
  .financial-passport-verification-grid,
  .financial-passport-metric-grid,
  .tax-premium-balance-grid,
  .tax-premium-rule-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-premium-card-head,
  .tax-premium-coverage-top,
  .tax-premium-coverage-targets,
  .tax-premium-progress-foot {
    align-items: stretch;
  }

  .tax-premium-card-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-premium-card-head em {
    justify-self: start;
  }

  .tax-premium-pot-overview {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }

  .tax-premium-save-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tax-premium-action-row,
  .tax-premium-management-actions,
  .tax-premium-sheet-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 340px) {
  .tax-premium-save-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Professional Passport rebuild: reputation and verified career record only. */
.professional-passport-page {
  display: grid;
  gap: 18px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: calc(120px + env(safe-area-inset-bottom));
}

.professional-passport-page * {
  box-sizing: border-box;
}

.professional-passport-hero,
.professional-passport-panel {
  width: 100%;
  min-width: 0;
  overflow: visible;
  border-radius: 28px;
  box-sizing: border-box;
}

.professional-passport-hero {
  display: grid;
  gap: 18px;
  padding: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 0, rgba(110, 137, 255, .34), transparent 30%),
    radial-gradient(circle at 4% 96%, rgba(48, 215, 167, .20), transparent 34%),
    linear-gradient(145deg, #05162f 0%, #082f69 58%, #291762 118%);
  box-shadow: 0 28px 60px rgba(7, 24, 48, .28);
}

.professional-passport-topline,
.professional-passport-hero-main,
.professional-passport-actions,
.professional-passport-view-toggle,
.professional-passport-section-head,
.trust-summary,
.passport-visibility-columns,
.passport-share-panel {
  display: grid;
  min-width: 0;
}

.professional-passport-topline {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.professional-passport-topline span,
.professional-passport-section-head span,
.professional-record-grid small,
.professional-reputation-metrics small,
.agency-confidence-grid small {
  color: inherit;
  opacity: .68;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.professional-passport-topline em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: end;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 8px 10px;
  color: #eafff7;
  background: rgba(255,255,255,.12);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.professional-passport-topline svg,
.professional-passport-actions svg,
.professional-passport-section-head svg,
.trust-summary svg,
.professional-badge-list svg,
.professional-timeline svg {
  width: 18px;
  height: 18px;
}

.professional-passport-hero-main {
  grid-template-columns: 72px minmax(0, 1fr) minmax(92px, auto);
  gap: 16px;
  align-items: center;
}

.professional-passport-photo {
  position: relative;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 24px;
  color: #071b38;
  background: linear-gradient(145deg, #fff, #dfeafe);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.36), 0 18px 36px rgba(0,0,0,.18);
  font-size: 22px;
  font-weight: 950;
}

.professional-passport-photo i {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 18px;
  height: 18px;
  border: 3px solid #082f69;
  border-radius: 999px;
  background: #37d69b;
}

.professional-passport-identity,
.professional-passport-score,
.professional-passport-meta span,
.professional-record-grid article,
.professional-role-list article,
.agency-confidence-grid article,
.passport-visibility-columns article {
  min-width: 0;
}

.professional-passport-identity small,
.professional-passport-identity h2,
.professional-passport-identity p,
.professional-passport-identity span,
.professional-passport-score strong,
.professional-passport-score span,
.professional-passport-score small,
.professional-passport-meta small,
.professional-passport-meta strong {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.professional-passport-identity small {
  color: rgba(255,255,255,.70);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 760;
}

.professional-passport-identity h2 {
  margin: 6px 0 0;
  color: #fff;
  font-size: 29px;
  line-height: 1.02;
  letter-spacing: 0;
}

.professional-passport-identity p {
  margin: 7px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.35;
}

.professional-passport-identity div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.professional-passport-identity span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 7px 9px;
  color: rgba(255,255,255,.84);
  background: rgba(255,255,255,.10);
  font-size: 10px;
  font-weight: 900;
}

.professional-passport-score {
  justify-self: end;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  padding: 14px;
  text-align: right;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(14px);
}

.professional-passport-score strong {
  color: #fff;
  font-size: 34px;
  line-height: .92;
}

.professional-passport-score span {
  color: rgba(255,255,255,.70);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.professional-passport-score small {
  color: rgba(255,255,255,.78);
  font-size: 11px;
  line-height: 1.25;
}

.professional-passport-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.professional-passport-meta span {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 17px;
  padding: 12px;
  background: rgba(255,255,255,.09);
}

.professional-passport-meta small {
  color: rgba(255,255,255,.58);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.professional-passport-meta strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.25;
}

.professional-passport-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.professional-passport-actions button,
.professional-passport-view-toggle button,
.professional-passport-section-head button,
.professional-filter-rail button,
.professional-sector-strip button,
.trust-summary button,
.passport-share-panel button {
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(16, 41, 76, .10);
  border-radius: 16px;
  padding: 0 13px;
  color: #173a5f;
  background: rgba(255,255,255,.94);
  font-size: 12px;
  font-weight: 920;
}

.professional-passport-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.12);
}

.professional-passport-actions .primary,
.professional-passport-actions button.primary,
.professional-agency-actions .primary {
  border-color: transparent;
  color: #071b38;
  background: linear-gradient(135deg, #fff, #dce8ff);
  box-shadow: 0 14px 28px rgba(0,0,0,.14);
}

.professional-passport-actions.light button {
  color: #14385e;
  background: #fff;
}

.professional-passport-view-toggle {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid rgba(16, 41, 76, .08);
  border-radius: 18px;
  padding: 6px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 28px rgba(12,34,63,.08);
  backdrop-filter: blur(14px);
}

.professional-passport-view-toggle button {
  border: 0;
  background: transparent;
}

.professional-passport-view-toggle button.active {
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.professional-passport-panel {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(16, 41, 76, .08);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  box-shadow: 0 18px 42px rgba(12,34,63,.08);
}

.professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 13px;
  align-items: start;
}

.professional-passport-section-head span {
  color: #718096;
  opacity: 1;
}

.professional-passport-section-head h3,
.professional-passport-section-head p {
  margin: 0;
}

.professional-passport-section-head h3 {
  margin-top: 5px;
  color: #07182f;
  font-size: 20px;
  line-height: 1.14;
}

.professional-passport-section-head p {
  margin-top: 6px;
  color: #66778f;
  font-size: 12px;
  line-height: 1.45;
}

.professional-passport-section-head em {
  justify-self: end;
  border-radius: 999px;
  padding: 8px 10px;
  color: #0f6b4d;
  background: rgba(21,165,107,.11);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.professional-reputation-layout {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.professional-score-orb {
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, #fff 57%, transparent 58%),
    conic-gradient(#1769e8 var(--passport-score), #e5edf7 0);
  box-shadow: inset 0 0 0 1px rgba(16,41,76,.06), 0 18px 36px rgba(23,105,232,.12);
}

.professional-score-orb strong,
.professional-score-orb small {
  grid-area: 1 / 1;
  display: block;
  text-align: center;
}

.professional-score-orb strong {
  transform: translateY(-7px);
  color: #07182f;
  font-size: 32px;
  line-height: 1;
}

.professional-score-orb small {
  transform: translateY(22px);
  color: #1769e8;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.professional-reputation-metrics,
.professional-record-grid,
.agency-confidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.professional-reputation-metrics span,
.professional-record-grid article,
.agency-confidence-grid article {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(16,41,76,.07);
  border-radius: 17px;
  padding: 13px;
  background: #fff;
}

.professional-reputation-metrics strong,
.professional-record-grid strong,
.agency-confidence-grid strong {
  color: #10294d;
  font-size: 18px;
  line-height: 1.15;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.professional-sector-strip,
.professional-filter-rail {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.professional-sector-strip::-webkit-scrollbar,
.professional-filter-rail::-webkit-scrollbar {
  display: none;
}

.professional-sector-strip button,
.professional-filter-rail button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.professional-sector-strip button.active,
.professional-filter-rail button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.professional-sector-strip svg {
  width: 17px;
  height: 17px;
}

.professional-role-list,
.professional-badge-list,
.professional-timeline {
  display: grid;
  gap: 10px;
}

.professional-role-list article,
.professional-badge-list button,
.professional-timeline article > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
}

.professional-role-list small,
.professional-role-list strong,
.professional-role-list p,
.professional-badge-list strong,
.professional-badge-list small,
.professional-timeline small,
.professional-timeline strong,
.professional-timeline p {
  display: block;
  margin: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.professional-role-list small,
.professional-timeline small {
  color: #718096;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.professional-role-list strong,
.professional-badge-list strong,
.professional-timeline strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 15px;
  line-height: 1.25;
}

.professional-role-list p,
.professional-badge-list small,
.professional-timeline p {
  margin-top: 5px;
  color: #66778f;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 760;
}

.professional-role-list em,
.professional-timeline em,
.professional-badge-list em {
  border-radius: 999px;
  padding: 7px 9px;
  color: #0f6b4d;
  background: rgba(21,165,107,.11);
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.professional-badge-list button,
.professional-timeline article > button {
  width: 100%;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  text-align: left;
}

.professional-badge-list i,
.professional-timeline i,
.trust-summary span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 15px;
  color: #1769e8;
  background: #edf4ff;
}

.professional-timeline article > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: -2px;
  border: 1px solid rgba(23,105,232,.10);
  border-radius: 0 0 16px 16px;
  padding: 10px 14px 14px 64px;
  color: #66778f;
  background: #f7fbff;
  font-size: 11px;
  font-weight: 800;
}

.passport-visibility-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.passport-visibility-columns article {
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
}

.passport-visibility-columns strong,
.passport-visibility-columns p {
  display: block;
  margin: 0;
}

.passport-visibility-columns strong {
  color: #10294d;
  font-size: 14px;
}

.passport-visibility-columns p {
  margin-top: 6px;
  color: #66778f;
  font-size: 11px;
  line-height: 1.45;
}

.passport-visibility-controls {
  display: grid;
  gap: 8px;
}

.passport-visibility-controls button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 16px;
  padding: 0 13px;
  color: #10294d;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.passport-visibility-controls button.active em {
  color: #0f6b4d;
  background: rgba(21,165,107,.11);
}

.passport-visibility-controls em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #66778f;
  background: #eef3f8;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.passport-share-panel {
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(23,105,232,.14);
  border-radius: 20px;
  padding: 15px;
  background: #f7fbff;
}

.passport-share-panel small,
.passport-share-panel strong,
.passport-share-panel p {
  display: block;
  margin: 0;
}

.passport-share-panel small {
  color: #718096;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.passport-share-panel strong {
  margin-top: 5px;
  color: #10294d;
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.passport-share-panel p {
  margin-top: 6px;
  color: #66778f;
  font-size: 11px;
  line-height: 1.4;
}

.passport-share-panel > div:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.passport-share-panel button:disabled {
  opacity: .45;
}

.passport-qr-code {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 18px;
  padding: 10px;
  background: #fff;
}

.passport-qr-code i {
  border-radius: 3px;
  background: #dbe6f2;
}

.passport-qr-code i.filled {
  background: #071b38;
}

.trust-summary {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0, rgba(23,105,232,.09), transparent 36%),
    #fff;
}

.trust-summary > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}

.trust-summary strong,
.trust-summary p {
  display: block;
  margin: 0;
}

.trust-summary strong {
  color: #10294d;
  font-size: 14px;
}

.trust-summary p {
  margin-top: 4px;
  color: #66778f;
  font-size: 11px;
  line-height: 1.4;
}

.professional-agency-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .professional-passport-page {
    gap: 16px;
  }

  .professional-passport-hero {
    padding: 20px;
  }

  .professional-passport-hero-main {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .professional-passport-photo {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    font-size: 20px;
  }

  .professional-passport-score {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: left;
  }

  .professional-passport-meta,
  .professional-passport-actions,
  .professional-passport-actions.light,
  .professional-reputation-layout,
  .passport-visibility-columns,
  .professional-agency-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .professional-passport-section-head,
  .trust-summary,
  .passport-share-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .professional-passport-section-head em,
  .professional-passport-section-head button,
  .professional-passport-topline em {
    justify-self: start;
  }

  .professional-score-orb {
    width: 108px;
    height: 108px;
  }

  .professional-reputation-metrics,
  .professional-record-grid,
  .agency-confidence-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .professional-timeline article > div {
    grid-template-columns: minmax(0, 1fr);
    padding-left: 14px;
  }

  .passport-share-panel > div:last-child {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 900px) {
  .professional-passport-page {
    max-width: 980px;
    margin-inline: auto;
  }

  .professional-passport-page .professional-passport-panel:nth-of-type(3),
  .professional-passport-page .professional-passport-panel:nth-of-type(4) {
    align-self: start;
  }
}

/* Passport correction: compact professional identity + payment-only financial record. */
.professional-passport-hero {
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
}

.professional-passport-hero-main {
  grid-template-columns: 58px minmax(0, 1fr) minmax(84px, auto);
  gap: 12px;
}

.professional-passport-photo {
  width: 58px;
  height: 58px;
  border-radius: 19px;
  font-size: 18px;
}

.professional-passport-score {
  padding: 10px 11px;
  border-radius: 18px;
}

.professional-passport-score strong {
  font-size: 28px;
}

.professional-passport-identity h2 {
  font-size: 24px;
}

.professional-passport-identity div {
  gap: 6px;
  margin-top: 9px;
}

.professional-passport-identity span {
  padding: 6px 8px;
  font-size: 9px;
}

.professional-passport-meta {
  gap: 8px;
}

.professional-passport-meta span {
  padding: 10px;
  border-radius: 15px;
}

.professional-passport-panel {
  padding: 18px;
  border-radius: 22px;
}

.professional-role-list article {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.professional-role-list article > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
  background: transparent;
}

.professional-role-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(16,41,76,.07);
}

.professional-role-actions button,
.professional-agency-actions button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 14px;
  padding: 0 12px;
  color: #10294d;
  background: #fff;
  font-size: 11px;
  font-weight: 920;
}

.professional-role-actions button {
  flex: 1 1 140px;
}

.professional-agency-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
}

.professional-agency-actions button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  gap: 11px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 8px 10px;
  text-align: left;
}

.professional-agency-actions button > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  color: #1769e8;
  background: #edf4ff;
}

.professional-agency-actions button > i svg {
  width: 20px !important;
  height: 20px !important;
}

.professional-agency-actions button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.professional-agency-actions button strong,
.professional-agency-actions button small {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.professional-agency-actions button strong {
  color: #10294d;
  font-size: 13px;
  line-height: 1.2;
}

.professional-agency-actions button small {
  color: #66778f;
  font-size: 10px;
  line-height: 1.28;
}

.professional-agency-actions button > em {
  display: grid;
  place-items: center;
  justify-self: end;
  width: 18px;
  height: 18px;
  color: #7890aa;
}

.professional-agency-actions button > em svg {
  width: 16px;
  height: 16px;
}

.passport-preview-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.passport-preview-summary span,
.passport-preview-summary article {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(16,41,76,.07);
  border-radius: 15px;
  padding: 11px;
  background: #fff;
}

.passport-preview-summary small,
.passport-preview-summary strong {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.passport-preview-summary small {
  color: #718096;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.passport-preview-summary strong {
  color: #10294d;
  font-size: 15px;
  line-height: 1.2;
}

.financial-passport-finance-hero {
  display: grid;
  gap: 11px;
  overflow: hidden;
}

.financial-passport-hero-metrics,
.financial-passport-filter-grid,
.financial-income-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.financial-passport-hero-metrics span,
.financial-income-breakdown span {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  padding: 9px;
  background: rgba(255,255,255,.10);
}

.financial-income-breakdown span {
  border-color: rgba(16,41,76,.07);
  background: #f8fbff;
}

.financial-passport-hero-metrics small,
.financial-passport-hero-metrics strong,
.financial-income-breakdown small,
.financial-income-breakdown strong {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.financial-passport-hero-metrics small,
.financial-income-breakdown small {
  color: inherit;
  opacity: .68;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.financial-passport-hero-metrics strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

.financial-income-breakdown strong {
  color: #10294d;
  font-size: 13px;
  line-height: 1.22;
}

.financial-passport-filter-panel {
  gap: 12px;
}

.financial-passport-filter-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.financial-passport-filter-grid label > span {
  color: #65768e;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.financial-passport-filter-grid input,
.financial-passport-filter-grid select {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 13px;
  padding: 0 12px;
  color: #10294d;
  background: #fff;
  font-size: 12px;
  font-weight: 820;
}

.financial-passport-filter-actions,
.financial-income-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.financial-passport-filter-actions button,
.financial-income-actions button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 13px;
  padding: 0 11px;
  color: #123d68;
  background: #fff;
  font-size: 11px;
  font-weight: 920;
}

.financial-passport-filter-actions button:last-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.financial-income-record {
  display: grid;
  gap: 11px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 9px 20px rgba(13, 43, 78, .045);
}

.financial-income-record > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  width: 100%;
  border: 0;
  padding: 0;
  text-align: left;
  background: transparent;
}

.financial-income-record small,
.financial-income-record strong,
.financial-income-record p,
.financial-income-record b {
  display: block;
  margin: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.financial-income-record > button small {
  color: #718096;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.financial-income-record > button strong {
  margin-top: 4px;
  color: #10294d;
  font-size: 15px;
  line-height: 1.24;
}

.financial-income-record > button p {
  margin-top: 5px;
  color: #66778f;
  font-size: 11px;
  line-height: 1.36;
  font-weight: 760;
}

.financial-income-record > button span {
  display: grid;
  gap: 4px;
  justify-items: end;
  text-align: right;
}

.financial-income-record > button b {
  color: #10294d;
  font-size: 17px;
  line-height: 1.12;
}

.financial-income-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .professional-passport-hero {
    padding: 16px;
  }

  .professional-passport-hero-main {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .professional-passport-photo {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }

  .professional-passport-score {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    text-align: left;
  }

  .professional-passport-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .professional-passport-hero .professional-passport-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .passport-preview-summary,
  .financial-passport-hero-metrics,
  .financial-passport-filter-grid,
  .financial-income-breakdown,
  .financial-passport-filter-actions,
  .financial-income-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-income-record > button {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-income-record > button span {
    justify-items: start;
    text-align: left;
  }
}

/* Native Android passport containment: no right-edge clipping on 320-430px phones. */
html.native-android .profile-page-content,
html.native-android .worker-finance-page {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 16px !important;
  overflow-x: hidden !important;
}

html.native-android #app,
html.native-android .app-shell {
  width: 100% !important;
  max-width: 430px !important;
}

html.native-android .worker-profile-premium,
html.native-android .professional-passport-page,
html.native-android .financial-passport-hero,
html.native-android .financial-passport-panel,
html.native-android .financial-passport-control-card,
html.native-android .financial-passport-metric-grid,
html.native-android .professional-passport-hero,
html.native-android .professional-passport-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.professional-passport-identity svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
}

.professional-passport-identity span,
.professional-passport-actions button span,
.financial-passport-hero-actions button span,
.financial-passport-hero h2,
.financial-passport-hero p,
.financial-passport-hero small {
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

.financial-passport-hero-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  width: 100%;
  min-width: 0;
}

.financial-passport-hero-actions button {
  width: 100%;
  min-width: 0;
  padding-inline: 8px;
}

@media (max-width: 700px) {
  .professional-passport-identity div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .professional-passport-identity span {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Premium correction pass: compact overlays, filters and financial archive controls. */
.native-command-overlay.messages svg,
.premium-booking-chat-sheet svg,
.financial-passport-panel svg,
.financial-passport-subpage svg,
.content.marketplace-filter-page .worker-filter-footer svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

.native-command-overlay.messages .native-command-panel {
  width: min(100% - 24px, 430px);
  margin-inline: auto;
  border-radius: 28px 28px 0 0;
  overflow: hidden;
}

.native-command-overlay.messages .native-command-scroll {
  padding: 16px 16px calc(24px + env(safe-area-inset-bottom));
}

.native-command-overlay.messages .native-command-filter-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scrollbar-width: none;
}

.native-command-overlay.messages .native-command-filter-row button {
  flex: 0 0 auto;
  min-height: 38px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 11px;
  white-space: nowrap;
}

.native-command-overlay.messages .native-command-header h2,
.native-command-overlay.messages .message-context-head h2 {
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
}

.message-command-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.message-command-summary span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  padding: 11px 10px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

.native-conversation-card {
  display: grid;
  gap: 8px;
  border-radius: 18px;
  padding: 10px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(255,255,255,.52);
  box-shadow: 0 14px 32px rgba(7, 27, 56, .12);
}

.native-conversation-card > button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
}

.native-conversation-card small,
.native-conversation-card strong,
.native-conversation-card em,
.native-conversation-card b {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.native-conversation-card b {
  border-radius: 999px;
  padding: 6px 8px;
  color: #172746;
  background: rgba(20, 88, 172, .09);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.native-conversation-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.native-conversation-actions button,
.message-thread-actions button,
.native-card-actions button,
.native-quick-reply button {
  min-height: 38px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 13px;
  padding: 0 10px;
  color: #132c50;
  background: rgba(255,255,255,.82);
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(7, 27, 56, .07);
}

.native-card-actions .primary,
.native-quick-reply button,
.message-thread-composer .primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.native-quick-reply {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 8px;
  align-items: center;
}

.native-quick-reply input,
.message-thread-composer input {
  min-width: 0;
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 14px;
  padding: 0 12px;
  color: #10294d;
  background: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 760;
}

.message-thread-composer {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
  padding: 10px 0 2px;
  background: linear-gradient(180deg, rgba(247,249,253,0), rgba(247,249,253,.96) 22%);
}

.message-thread-composer button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  border-radius: 14px;
  padding: 0;
  display: grid;
  place-items: center;
}

.message-thread-composer button:disabled {
  opacity: .42;
  box-shadow: none;
}

.message-context-card {
  border-radius: 22px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(8,26,56,.97), rgba(82,36,139,.92));
  color: #fff;
  box-shadow: 0 18px 40px rgba(7, 27, 56, .22);
}

.message-context-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 14px 0;
}

.message-context-facts span {
  min-width: 0;
  border-radius: 14px;
  padding: 10px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
}

.message-context-facts small,
.message-context-facts strong {
  display: block;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

.message-context-card > button {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  color: #081a38;
  background: #fff;
  font-size: 12px;
  font-weight: 950;
}

/* Messaging Centre: luxury read states and high-contrast conversation cards. */
.native-command-overlay.messages .native-conversation-card {
  position: relative;
  overflow: hidden;
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
  color: #f8fbff;
  background:
    linear-gradient(145deg, rgba(17, 28, 69, .96), rgba(35, 30, 81, .88)),
    radial-gradient(circle at 0% 0%, rgba(88, 151, 255, .22), transparent 34%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 42px rgba(2, 10, 35, .26);
}

.native-command-overlay.messages .native-conversation-card::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
}

.native-command-overlay.messages .native-conversation-card.unread {
  background:
    linear-gradient(145deg, rgba(7, 26, 62, .98), rgba(44, 38, 101, .94)),
    radial-gradient(circle at 0% 0%, rgba(45, 224, 183, .24), transparent 38%);
  border-color: rgba(107, 173, 255, .40);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 22px 52px rgba(3, 18, 55, .36);
}

.native-command-overlay.messages .native-conversation-card.unread::before {
  background: linear-gradient(180deg, #35e6bd, #5d8cff);
  box-shadow: 0 0 18px rgba(53, 230, 189, .42);
}

.native-command-overlay.messages .native-conversation-card.read {
  background:
    linear-gradient(145deg, rgba(20, 29, 61, .76), rgba(34, 31, 72, .68)),
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.08), transparent 32%);
  border-color: rgba(255,255,255,.10);
  opacity: .88;
}

.native-command-overlay.messages .native-conversation-card > button {
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  gap: 12px;
  color: inherit;
}

.native-command-overlay.messages .native-conversation-avatar {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  color: #0d2854;
  background: linear-gradient(145deg, #f7fbff, #dce9ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 24px rgba(0,0,0,.18);
}

.native-command-overlay.messages .native-conversation-card small {
  color: rgba(226, 235, 255, .68);
  font-size: 10px;
  font-weight: 850;
}

.native-command-overlay.messages .native-conversation-card strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: 0;
}

.native-command-overlay.messages .native-conversation-card em {
  color: rgba(230, 238, 255, .76);
  font-size: 12px;
  line-height: 1.35;
}

.native-command-overlay.messages .native-conversation-card b {
  color: #eaf2ff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.native-command-overlay.messages .native-conversation-card.unread b {
  color: #d8fff2;
  background: rgba(53, 230, 189, .14);
  border-color: rgba(53, 230, 189, .28);
}

.native-command-overlay.messages .native-conversation-card u {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: #061934;
  background: linear-gradient(135deg, #5ef0c7, #ffffff);
  font-size: 10px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(53, 230, 189, .22);
}

.native-command-overlay.messages .native-conversation-card .message-read-indicator {
  color: rgba(232, 240, 255, .62);
  background: rgba(255,255,255,.08);
  box-shadow: none;
}

.native-command-overlay.messages .native-conversation-actions button,
.native-command-overlay.messages .message-thread-actions button,
.native-command-overlay.messages .native-card-actions button,
.native-command-overlay.messages .native-quick-reply button {
  color: #f7fbff;
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.14);
}

.native-command-overlay.messages .native-conversation-actions button:active,
.native-command-overlay.messages .message-thread-actions button:active,
.native-command-overlay.messages .native-card-actions button:active {
  transform: translateY(1px);
}

.native-command-overlay.messages .native-card-actions .primary,
.native-command-overlay.messages .native-quick-reply button,
.native-command-overlay.messages .message-thread-composer .primary {
  color: #fff;
  background: linear-gradient(135deg, #0a2b64, #1b66d2);
  box-shadow: 0 14px 30px rgba(22, 96, 204, .24);
}

.native-command-overlay.messages .message-priority-card {
  background:
    linear-gradient(145deg, rgba(18, 29, 68, .95), rgba(45, 37, 91, .90)),
    radial-gradient(circle at 100% 0%, rgba(99, 92, 255, .18), transparent 34%);
  border-color: rgba(255,255,255,.14);
}

.native-command-overlay.messages .message-priority-card.unread {
  border-color: rgba(84, 184, 255, .38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 20px 46px rgba(5, 16, 52, .28);
}

.native-command-overlay.messages .message-priority-card.unread .native-card-top em {
  color: #d7fff3;
  background: rgba(53, 230, 189, .12);
  border: 1px solid rgba(53, 230, 189, .22);
}

.native-command-overlay.messages .native-quick-reply input,
.native-command-overlay.messages .message-thread-composer input {
  color: #f9fbff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
}

.native-command-overlay.messages .native-quick-reply input::placeholder,
.native-command-overlay.messages .message-thread-composer input::placeholder {
  color: rgba(232, 239, 255, .55);
}

/* Premium full-screen operational messages inbox. */
.native-command-overlay.messages {
  --message-gutter: clamp(10px, 3vw, 14px);
  align-items: stretch;
  padding: 0;
  background:
    radial-gradient(circle at 22% 2%, rgba(22,117,255,.22), transparent 28%),
    radial-gradient(circle at 96% 0%, rgba(121,86,232,.18), transparent 30%),
    linear-gradient(180deg, #06142d 0%, #071a37 48%, #041026 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow-x: hidden;
  box-sizing: border-box;
}

.native-command-overlay.messages *,
.native-command-overlay.messages *::before,
.native-command-overlay.messages *::after {
  box-sizing: border-box;
}

.native-command-overlay.messages .native-command-panel {
  width: 100vw;
  max-width: none;
  min-height: 100dvh;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.native-command-overlay.messages .native-command-grabber {
  display: none;
}

.native-command-overlay.messages .native-command-close {
  top: max(18px, env(safe-area-inset-top));
  right: 17px;
  width: 54px;
  height: 54px;
  min-height: 54px;
  border-radius: 18px;
  color: #f8fbff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.native-command-overlay.messages .native-command-close svg {
  width: 27px;
  height: 27px;
}

.native-command-overlay.messages .native-command-scroll {
  max-height: none;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: max(22px, env(safe-area-inset-top)) var(--message-gutter) calc(104px + env(safe-area-inset-bottom));
  scroll-behavior: smooth;
}

.native-command-overlay.messages .message-command-content {
  position: relative;
  gap: 16px;
  min-height: calc(100dvh - 128px);
}

.native-command-overlay.messages .message-command-close-inline {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 54px;
  height: 54px;
  min-height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #f8fbff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.native-command-overlay.messages .message-command-close-inline svg {
  width: 27px;
  height: 27px;
}

.native-command-overlay.messages .native-command-header {
  gap: 12px;
  padding-right: 0;
}

.message-command-utility-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.native-command-overlay.messages .native-command-kicker {
  color: #62a7ff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
}

.native-command-overlay.messages .native-command-kicker i {
  width: 12px;
  height: 12px;
  background: #35dcaa;
  box-shadow: 0 0 0 8px rgba(53,220,170,.12);
}

.message-command-title-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  width: 100%;
}

.message-command-title-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  color: #ffffff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(145deg, rgba(81,103,203,.85), rgba(41,63,135,.76));
  box-shadow: 0 20px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.16);
}

.message-command-title-icon svg {
  width: 24px;
  height: 24px;
}

.native-command-overlay.messages .native-command-header h2 {
  margin: 0;
  color: #ffffff;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  font-size: clamp(36px, 9.4vw, 41px);
  line-height: 1.04;
  font-weight: 780;
  white-space: nowrap;
}

.native-command-overlay.messages .native-command-header p {
  margin: 6px 0 0;
  max-width: none;
  color: #b7c3dc;
  font-size: clamp(15px, 3.65vw, 16px);
  line-height: 1.36;
  font-weight: 520;
}

.message-command-shortcuts {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
}

.message-command-shortcuts button {
  position: relative;
  width: 46px;
  height: 46px;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #f8fbff;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 32px rgba(0,0,0,.18);
}

.message-command-shortcuts button svg {
  width: 21px;
  height: 21px;
}

.message-command-shortcuts button span {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 24px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1675ff, #7956e8);
  border: 2px solid rgba(6,20,45,.96);
  font-size: 11px;
  font-weight: 950;
}

.native-command-overlay.messages .message-command-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(7px, 2vw, 10px);
  width: 100%;
}

.native-command-overlay.messages .message-summary-card {
  height: 74px;
  min-height: 74px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon value"
    "icon label"
    "icon sublabel";
  column-gap: 9px;
  align-content: center;
  align-items: center;
  gap: 1px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 21px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.055)),
    radial-gradient(circle at 12% 0%, rgba(58,131,255,.17), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(0,0,0,.18);
}

.native-command-overlay.messages .message-summary-card i {
  grid-area: icon;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #1675ff, #3c73dc);
}

.native-command-overlay.messages .message-summary-card.violet i {
  background: linear-gradient(135deg, #7956e8, #5940b8);
}

.native-command-overlay.messages .message-summary-card.mint i {
  background: linear-gradient(135deg, #1b8e85, #35dcaa);
}

.native-command-overlay.messages .message-summary-card svg {
  width: 17px;
  height: 17px;
}

.native-command-overlay.messages .message-summary-card strong {
  grid-area: value;
  margin: 0;
  color: #dceeff;
  font-size: 22px;
  line-height: .94;
  font-weight: 920;
}

.native-command-overlay.messages .message-summary-card.violet strong {
  color: #b89cff;
}

.native-command-overlay.messages .message-summary-card small,
.native-command-overlay.messages .message-summary-card em {
  color: #f6f9ff;
  font-size: 9.5px;
  line-height: 1.05;
  font-weight: 900;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.native-command-overlay.messages .message-summary-card small {
  grid-area: label;
}

.native-command-overlay.messages .message-summary-card em {
  grid-area: sublabel;
  color: #aebbd3;
  font-weight: 720;
}

.native-command-overlay.messages .native-command-controls {
  gap: 10px;
}

.native-command-overlay.messages .native-command-search {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 52px;
  padding: 0 0 0 13px;
  gap: 9px;
  border-radius: 19px;
  color: #eaf2ff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}

.native-command-overlay.messages .native-command-search > svg {
  width: 21px;
  height: 21px;
  color: #aebbd3;
}

.native-command-overlay.messages .native-command-search input {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  color: #f8fbff;
  font-size: 15px;
  font-weight: 650;
}

.native-command-overlay.messages .native-command-search input::placeholder {
  color: rgba(174,187,211,.88);
}

.native-command-overlay.messages .native-command-search button {
  align-self: stretch;
  width: 48px;
  min-height: 50px;
  border: 0;
  border-left: 1px solid rgba(255,255,255,.12);
  border-radius: 17px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255,255,255,.07);
}

.native-command-overlay.messages .native-command-search button svg {
  width: 21px;
  height: 21px;
}

.native-command-overlay.messages .native-command-filter-row {
  display: grid;
  grid-template-columns: .88fr .96fr 1.78fr .92fr;
  gap: 5px;
  width: 100%;
  margin: 0;
  padding: 0 0 3px;
  overflow: visible;
  scrollbar-width: none;
}

.native-command-overlay.messages .native-command-filter-row::-webkit-scrollbar {
  display: none;
}

.native-command-overlay.messages .native-command-filter-row button {
  min-width: 0;
  min-height: 44px;
  padding: 0 6px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, max-content) auto;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #c7d1e7;
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.12);
  font-size: clamp(9.5px, 2.45vw, 11px);
  font-weight: 900;
}

.native-command-overlay.messages .native-command-filter-row button span {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.native-command-overlay.messages .native-command-filter-row button.active {
  color: #fff;
  background: linear-gradient(145deg, rgba(22,117,255,.32), rgba(255,255,255,.08));
  border-color: rgba(22,117,255,.70);
  box-shadow: 0 0 0 1px rgba(22,117,255,.18), 0 16px 30px rgba(22,117,255,.16);
}

.native-command-overlay.messages .native-command-filter-row button em {
  min-width: 20px;
  min-height: 20px;
  width: auto;
  padding: 0 6px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: inherit;
  background: rgba(255,255,255,.10);
  opacity: 1;
}

.native-command-overlay.messages .native-command-filter-row button.active em {
  color: #0b2348;
  background: #fff;
}

.native-command-overlay.messages .native-command-section {
  gap: 10px;
}

.native-command-overlay.messages .native-command-section-title {
  align-items: center;
}

.native-command-overlay.messages .native-command-section-title span {
  color: #aebcf5;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.native-command-overlay.messages .native-command-section-title strong {
  color: #2e86ff;
  font-size: 16px;
  font-weight: 920;
}

.native-command-overlay.messages .native-message-priority,
.native-command-overlay.messages .native-conversation-list {
  gap: 10px;
}

.native-command-overlay.messages .message-priority-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  gap: 11px;
  padding: clamp(13px, 3.4vw, 16px);
  border-radius: 21px;
  border-color: rgba(22,117,255,.62);
  background:
    linear-gradient(145deg, rgba(13,34,77,.92), rgba(13,28,62,.82)),
    radial-gradient(circle at 4% 0%, rgba(22,117,255,.20), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 52px rgba(0,0,0,.25);
}

.native-command-overlay.messages .message-priority-card::before,
.native-command-overlay.messages .native-conversation-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #1675ff;
  box-shadow: 0 0 18px rgba(22,117,255,.38);
}

.native-command-overlay.messages .message-priority-card.offer::before,
.native-command-overlay.messages .native-conversation-card.offer::before {
  background: #a26dff;
  box-shadow: 0 0 18px rgba(162,109,255,.34);
}

.native-command-overlay.messages .message-priority-card.support::before,
.native-command-overlay.messages .native-conversation-card.support::before {
  background: #35dcaa;
  box-shadow: 0 0 18px rgba(53,220,170,.30);
}

.message-card-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.native-command-overlay.messages .native-conversation-avatar {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #2d79ff, #164fa8);
  font-size: 22px;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 16px 26px rgba(0,0,0,.20);
}

.native-command-overlay.messages .offer .native-conversation-avatar {
  background: linear-gradient(145deg, #7b55e8, #49349d);
}

.native-command-overlay.messages .support .native-conversation-avatar {
  background: linear-gradient(145deg, #247f7b, #145d62);
}

.native-command-overlay.messages .native-conversation-avatar i {
  position: absolute;
  right: -4px;
  bottom: 1px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #35dcaa;
  border: 2px solid rgba(7,20,45,.96);
}

.native-command-overlay.messages .native-card-top {
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.native-command-overlay.messages .native-card-top span {
  color: #f8fbff;
  font-size: clamp(16px, 4vw, 18px);
  line-height: 1.15;
  font-weight: 950;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-verified-badge {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  border-radius: 999px;
  color: #06142d;
  background: #2e86ff;
  vertical-align: -3px;
}

.message-verified-badge svg {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}

.native-command-overlay.messages .native-card-top em,
.native-command-overlay.messages .native-conversation-card b {
  padding: 6px 8px;
  border-radius: 9px;
  color: #d9c5ff;
  background: rgba(121,86,232,.22);
  border: 1px solid rgba(121,86,232,.22);
  font-size: 12px;
  font-weight: 950;
}

.message-card-main small,
.native-command-overlay.messages .native-conversation-card small {
  display: block;
  margin-top: 6px;
  color: #5ea1ff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .10em;
}

.message-card-main small b {
  color: #8494b1;
  font-weight: 800;
}

.native-command-overlay.messages .message-priority-card p {
  margin: 9px 0 0;
  color: #c2cce0;
  font-size: 15px;
  line-height: 1.35;
}

.native-command-overlay.messages .message-priority-card u,
.native-command-overlay.messages .native-conversation-card u {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  padding: 0 10px;
  border-radius: 10px;
  color: #eaf2ff;
  background: rgba(22,117,255,.44);
  font-size: 14px;
  font-weight: 950;
  text-decoration: none;
  box-shadow: none;
}

.native-command-overlay.messages .native-quick-reply {
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.native-command-overlay.messages .native-quick-reply input {
  min-width: 0;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 16px;
  color: #f9fbff;
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.15);
  font-size: 15px;
}

.native-command-overlay.messages .native-quick-reply button {
  width: 88px;
  min-height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 15px;
}

.native-command-overlay.messages .native-quick-reply button:disabled {
  opacity: .5;
  filter: grayscale(.25);
}

.native-command-overlay.messages .native-card-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.native-command-overlay.messages .native-card-actions button {
  min-height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #f8fbff;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.13);
  font-size: 14px;
}

.native-command-overlay.messages .native-card-actions .primary {
  border-color: rgba(22,117,255,.42);
  background: linear-gradient(145deg, rgba(22,117,255,.34), rgba(10,42,100,.78));
  box-shadow: 0 16px 30px rgba(22,117,255,.18);
}

.native-command-overlay.messages .native-conversation-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  padding: 13px;
  border-radius: 18px;
  color: #f8fbff;
  background:
    linear-gradient(145deg, rgba(15,35,78,.88), rgba(11,27,61,.76)),
    radial-gradient(circle at 0% 0%, rgba(22,117,255,.12), transparent 36%);
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 36px rgba(0,0,0,.18);
}

.native-command-overlay.messages .native-conversation-card > button {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 0;
}

.native-command-overlay.messages .native-conversation-card strong {
  color: #ffffff;
  font-size: 17px;
  font-weight: 950;
}

.native-command-overlay.messages .native-conversation-card em {
  display: block;
  margin-top: 8px;
  color: #c2cce0;
  font-size: 14px;
  line-height: 1.35;
}

.native-command-overlay.messages .message-overlay-nav {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  gap: 2px;
  padding: 10px 8px calc(10px + env(safe-area-inset-bottom));
  border: 1px solid rgba(255,255,255,.13);
  border-bottom: 0;
  border-radius: 28px 28px 0 0;
  background: rgba(11,28,62,.82);
  box-shadow: 0 -18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.native-command-overlay.messages .message-overlay-nav button {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #aebbd3;
  background: transparent;
  font-size: 11px;
  font-weight: 850;
}

.native-command-overlay.messages .message-overlay-nav button svg {
  width: 24px;
  height: 24px;
}

.native-command-overlay.messages .message-overlay-nav button.active {
  color: #3b86ff;
}

.native-command-overlay.messages .message-overlay-nav button.active::after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: #3b86ff;
}

.native-command-overlay.messages button:focus-visible,
.native-command-overlay.messages input:focus-visible {
  outline: 3px solid rgba(98, 167, 255, .70);
  outline-offset: 3px;
}

@media (max-width: 390px) {
  .native-command-overlay.messages .native-command-scroll {
    padding-inline: 10px;
  }

  .message-command-title-row {
    gap: 12px;
  }

  .message-command-title-icon {
    width: 48px;
    height: 48px;
  }

  .native-command-overlay.messages .native-command-header h2 {
    font-size: 37px;
  }

  .native-command-overlay.messages .message-command-summary {
    gap: 7px;
  }

  .native-command-overlay.messages .message-summary-card {
    height: 72px;
    min-height: 72px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1px;
    column-gap: 8px;
    padding: 8px 9px;
  }

  .native-command-overlay.messages .message-summary-card i {
    width: 30px;
    height: 30px;
  }

  .native-command-overlay.messages .message-summary-card strong {
    font-size: 21px;
  }

  .native-command-overlay.messages .message-summary-card small,
  .native-command-overlay.messages .message-summary-card em {
    font-size: 9px;
  }

  .native-command-overlay.messages .native-command-search input {
    font-size: 15px;
  }

  .message-card-main,
  .native-command-overlay.messages .native-conversation-card > button {
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }

  .native-command-overlay.messages .message-card-main > u,
  .native-command-overlay.messages .native-conversation-card > button > u {
    grid-column: 3;
    grid-row: 1;
  }

  .native-command-overlay.messages .native-card-top {
    align-items: flex-start;
  }

  .native-command-overlay.messages .native-card-top em,
  .native-command-overlay.messages .native-conversation-card b {
    font-size: 12px;
    padding: 6px 8px;
  }

  .native-command-overlay.messages .native-quick-reply {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .native-command-overlay.messages *,
  .native-command-overlay.messages *::before,
  .native-command-overlay.messages *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Premium entry/onboarding correction: tighter conversion flow, no stretched controls. */
.onboarding-screen,
.workspace-screen {
  align-content: start;
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  padding-inline: 10px;
}

.entry-text-button {
  align-self: start;
  justify-self: end;
  width: auto;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 32px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
}

.onboarding-screen {
  grid-template-rows: auto minmax(0, auto) auto auto;
  gap: 14px;
}

.onboarding-visual {
  min-height: 292px;
  border-radius: 28px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 56px rgba(0, 20, 56, .30);
}

.onboarding-device-card {
  left: 24px;
  right: 24px;
  bottom: 24px;
  min-height: 174px;
  padding: 16px;
  border-radius: 24px;
  background: rgba(248, 251, 255, .94);
}

.onboarding-mini-card {
  min-height: 48px;
  border-radius: 16px;
}

.onboarding-copy h1 {
  max-width: 11ch;
  font-size: clamp(28px, 8vw, 34px);
}

.onboarding-copy p:not(.eyebrow) {
  max-width: 31ch;
}

/* Premium onboarding v2: calmer spacing, no visual overlap, richer first-run finish. */
.onboarding-screen {
  min-height: 100svh;
  padding: max(20px, env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));
  gap: 18px;
  grid-template-rows: auto auto auto auto;
}

.onboarding-screen .entry-text-button {
  height: 42px;
  min-height: 42px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 780;
  color: rgba(255, 255, 255, 0.94);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08)),
    rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(203, 223, 255, 0.22);
}

.onboarding-visual {
  min-height: 314px;
  border-radius: 34px;
  border: 1px solid rgba(185, 215, 255, 0.18);
  background:
    radial-gradient(circle at 82% 24%, rgba(117, 177, 255, 0.34), transparent 35%),
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(142deg, #071d3d 0%, #0b438f 48%, #085ee4 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -24px 42px rgba(1, 14, 35, 0.18),
    0 28px 70px rgba(0, 18, 48, 0.34);
}

.onboarding-visual::before {
  inset: 28px 24px auto auto;
  width: 124px;
  height: 124px;
  border-radius: 36px;
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02));
}

.onboarding-visual::after {
  content: "";
  position: absolute;
  inset: 34px 22px 22px 40%;
  border-radius: 50%;
  background:
    repeating-radial-gradient(circle at center, rgba(255, 255, 255, 0.13) 0 1px, transparent 1px 18px);
  opacity: 0.42;
  transform: rotate(-11deg);
  pointer-events: none;
}

.onboarding-brand-mark {
  left: 50px;
  top: 38px;
  z-index: 3;
  position: absolute;
  display: inline-flex;
  width: auto;
  max-width: calc(100% - 100px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
  align-items: center;
  gap: 8px;
}

.onboarding-brand-mark::before {
  content: none;
}

.onboarding-logo-mark {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  width: 24px;
  height: auto;
  max-height: 24px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
}

.onboarding-logo-word {
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.2em;
  line-height: 1;
  text-shadow: 0 8px 20px rgba(0, 12, 32, 0.28);
}

.onboarding-device-card {
  z-index: 2;
  top: 92px;
  left: 34px;
  right: 28px;
  bottom: 24px;
  min-height: 0;
  padding: 15px;
  gap: 10px;
  border-radius: 28px;
  align-content: stretch;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.94)),
    radial-gradient(circle at 100% 0%, rgba(41, 122, 255, 0.1), transparent 45%);
  border: 1px solid rgba(221, 234, 250, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 22px 48px rgba(4, 21, 49, 0.28);
}

.onboarding-mini-card {
  min-height: 50px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  padding: 8px 12px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, #ffffff, #f8fbff);
  border-color: rgba(207, 225, 244, 0.9);
  box-shadow: 0 10px 22px rgba(14, 48, 94, 0.08);
}

.onboarding-mini-card svg {
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, #edf7ff, #e8f1ff);
  color: #1c83ff;
}

.onboarding-mini-card strong {
  font-size: 15px;
  font-weight: 760;
  color: #061936;
}

.onboarding-copy {
  padding: 4px 4px 0;
}

.onboarding-copy .eyebrow {
  margin-bottom: 8px;
  color: rgba(78, 167, 255, 0.92);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0.16em;
}

.onboarding-copy h1 {
  max-width: 14ch;
  margin: 0 0 10px;
  font-size: 29px;
  line-height: 1.1;
  font-weight: 780;
  letter-spacing: 0;
}

.onboarding-copy p:not(.eyebrow) {
  max-width: 34ch;
  color: rgba(228, 239, 255, 0.82);
  font-size: 15px;
  line-height: 1.48;
  font-weight: 560;
}

.onboarding-footer {
  margin-top: 2px;
  padding-bottom: 0;
}

.onboarding-next {
  min-width: 118px;
  height: 48px;
  border-radius: 17px;
  font-size: 15px;
  font-weight: 780;
  background:
    linear-gradient(135deg, #061936, #073d85 58%, #0a64d7);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 18px 38px rgba(0, 20, 56, 0.26);
}

.slide-dots {
  gap: 8px;
}

.slide-dots button {
  width: 9px;
  height: 9px;
  background: rgba(236, 246, 255, 0.48);
}

.slide-dots button.active {
  width: 30px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}

@media (max-height: 740px) {
  .onboarding-screen {
    gap: 14px;
    padding-top: max(14px, env(safe-area-inset-top));
  }

  .onboarding-visual {
    min-height: 286px;
    border-radius: 30px;
  }

  .onboarding-device-card {
    top: 94px;
    left: 30px;
    right: 24px;
    bottom: 20px;
    gap: 8px;
    padding: 12px;
  }

  .onboarding-mini-card {
    min-height: 42px;
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .onboarding-mini-card svg {
    width: 34px;
    height: 34px;
    padding: 7px;
  }

  .onboarding-mini-card strong {
    font-size: 14px;
  }

  .onboarding-copy h1 {
    font-size: 27px;
  }

  .onboarding-copy p:not(.eyebrow) {
    font-size: 14px;
  }
}

.workspace-screen {
  grid-template-rows: auto auto auto;
  gap: 14px;
}

.workspace-topbar {
  align-self: start;
  min-height: 40px;
}

.workspace-back-button {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 26px rgba(0,0,0,.14);
}

.workspace-hero {
  padding: 46px 2px 0;
  gap: 8px;
}

.workspace-hero h1 {
  margin: 0;
  font-size: clamp(28px, 7.4vw, 34px);
  line-height: 1.06;
  font-weight: 760;
}

.workspace-hero p:not(.eyebrow) {
  margin: 6px 0 0;
  font-size: 14px;
  color: rgba(235,243,255,.76);
}

.workspace-card-stack {
  gap: 12px;
  padding: 8px 0 12px;
  margin-top: 6px;
}

.workspace-option-card {
  gap: 10px;
  padding: 13px;
  border-radius: 23px;
  background:
    linear-gradient(160deg, rgba(255,255,255,.98), rgba(238,246,255,.94)),
    radial-gradient(circle at 100% 0%, rgba(91, 144, 255, .12), transparent 38%);
  border-color: rgba(216, 229, 244, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 18px 38px rgba(0, 18, 50, .16);
}

.workspace-option-card.selected {
  border-color: rgba(61, 160, 255, .78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 22px 50px rgba(31, 132, 229, .24);
}

.workspace-card-button {
  grid-template-columns: 42px minmax(0, 1fr) 26px;
  gap: 11px;
  align-items: center;
}

.workspace-option-icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: linear-gradient(145deg, #f3f8ff, #e4f0ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.workspace-card-button strong {
  font-size: clamp(18px, 4.8vw, 22px);
  letter-spacing: -.01em;
}

.workspace-card-button small {
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.22;
}

.workspace-card-divider {
  opacity: .62;
}

.workspace-feature-list {
  gap: 7px 10px;
  padding: 1px 0;
}

.workspace-feature-list span {
  gap: 7px;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 820;
}

.workspace-inline-continue {
  min-height: 42px;
  border-radius: 15px;
  font-size: 14px;
  box-shadow: 0 14px 28px rgba(8, 51, 112, .18);
}

@media (max-width: 360px) {
  .workspace-feature-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-option-card {
    padding: 12px;
  }
}

/* Premium login entry correction: candidate and agency acquisition screens. */
.login-entry-screen {
  align-content: start;
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  padding-inline: 10px;
  grid-template-rows: auto auto auto;
  gap: 14px;
}

.login-entry-header {
  min-height: 44px;
  align-self: start;
}

.login-entry-header .profile-header-button {
  width: 40px;
  height: 40px;
  min-height: 40px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px rgba(0,0,0,.16);
  backdrop-filter: blur(14px);
}

.login-entry-header img {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  box-shadow: 0 16px 32px rgba(0,20,56,.20);
}

.login-title-panel {
  padding: 34px 2px 4px;
  gap: 7px;
}

.login-title-panel h1 {
  margin: 0;
  max-width: 100%;
  font-size: clamp(30px, 8vw, 38px);
  line-height: 1.02;
  letter-spacing: 0;
  white-space: nowrap;
}

.login-title-panel p:not(.eyebrow) {
  margin: 6px 0 0;
  max-width: 34ch;
  color: rgba(235,243,255,.78);
  font-size: 14px;
  line-height: 1.42;
  font-weight: 760;
}

.premium-login-panel {
  position: relative;
  overflow: hidden;
  margin-top: 6px;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.74);
  background:
    radial-gradient(circle at 100% 0%, rgba(62,136,255,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 28px 62px rgba(0,18,50,.24);
}

.premium-login-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
}

.premium-login-panel .panel-header {
  padding: 0;
  margin-bottom: 12px;
}

.premium-login-panel .panel-title {
  font-size: clamp(19px, 5vw, 22px);
  line-height: 1.12;
  letter-spacing: -.01em;
}

.premium-login-panel .panel-subtitle {
  margin-top: 5px;
  max-width: 34ch;
  font-size: 13px;
  line-height: 1.38;
  color: #627087;
}

.login-trust-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 13px;
}

.login-trust-strip span {
  min-width: 0;
  min-height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(29,116,214,.12);
  background: linear-gradient(145deg, rgba(239,247,255,.96), rgba(255,255,255,.9));
  color: #0d376d;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 930;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.login-trust-strip svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: #1f84e5;
}

.premium-login-panel form {
  display: grid;
  gap: 12px;
}

.premium-login-panel .form-grid {
  gap: 12px;
  padding: 0;
}

.premium-login-panel .field {
  gap: 7px;
}

.premium-login-panel .field span {
  color: #63718a;
  font-size: 11px;
  font-weight: 930;
  letter-spacing: .13em;
}

.premium-login-panel .field input {
  min-height: 50px;
  border-radius: 16px;
  border-color: rgba(168,190,218,.66);
  background: rgba(251,253,255,.94);
  padding: 0 16px;
  color: #061936;
  font-size: 16px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 22px rgba(7,27,56,.05);
}

.premium-login-panel .field input:focus {
  border-color: rgba(31,132,229,.58);
  box-shadow: 0 0 0 4px rgba(31,132,229,.10), inset 0 1px 0 rgba(255,255,255,.86);
}

.premium-login-panel .login-password-shell {
  position: relative;
  display: block;
  width: 100%;
}

.premium-login-panel .login-password-shell input {
  width: 100%;
  padding-right: 58px;
}

.login-password-toggle {
  position: absolute;
  right: 4px;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #2b6fd6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.login-password-toggle:hover {
  background: rgba(31,132,229,.08);
}

.login-password-toggle:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(31,132,229,.14);
}

.login-password-toggle svg {
  width: 20px;
  height: 20px;
}

.premium-login-panel .login-password-toggle span {
  color: inherit;
  font-size: 0;
  font-weight: inherit;
  letter-spacing: 0;
}

.login-password-toggle-hide {
  position: relative;
  display: none;
}

.login-password-toggle-hide i {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(-38deg);
  transform-origin: center;
}

.login-password-toggle.is-visible .login-password-toggle-show {
  display: none;
}

.login-password-toggle.is-visible .login-password-toggle-hide {
  display: inline-flex;
}

.premium-login-panel .login-row {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}

.premium-login-panel .check-row {
  min-width: 0;
  gap: 9px;
  color: #64728a;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
}

.premium-login-panel .check-row input {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  accent-color: #1f84e5;
}

.premium-login-panel .text-button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0;
  color: #1874dc;
  font-size: 13px;
  font-weight: 930;
  white-space: nowrap;
}

.premium-login-panel .login-action-stack {
  padding: 0;
  gap: 9px;
}

.premium-login-panel .login-action-stack .button,
.premium-login-panel .login-action-stack .ghost-button {
  min-height: 48px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 930;
}

.premium-login-panel .login-action-stack .button {
  background: linear-gradient(135deg, #06254f, #105aa7);
  box-shadow: 0 16px 30px rgba(8,51,112,.22);
}

.premium-login-panel .login-action-stack .ghost-button.dark {
  border-color: rgba(16,41,76,.55);
  background: rgba(255,255,255,.78);
  color: #061936;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}

.premium-login-panel .auth-message {
  margin: 0 0 12px;
}

@media (max-width: 360px) {
  .login-trust-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .premium-login-panel .login-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}

/* AVyntro Nexus Horizon sign-in screens. */
.app-shell.entry-shell:has(.nexus-login-screen) {
  background: #f9fbff;
}

.app-shell.entry-shell:has(.nexus-login-screen) .main {
  padding-inline: 0;
}

.login-entry-screen.nexus-login-screen {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #f9fbff;
  color: #071b4b;
}

.nexus-login-hero {
  position: relative;
  min-height: 248px;
  overflow: hidden;
  padding: max(18px, env(safe-area-inset-top)) 20px 23px;
  color: #f7faff;
  background:
    radial-gradient(circle at 87% 36%, rgba(7, 126, 255, .6), transparent 42%),
    linear-gradient(142deg, #020b1d 0%, #041635 48%, #073f9e 100%);
}

.nexus-login-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("./assets/brand/avyntro-nexus-horizon-globe.svg") right bottom / cover no-repeat;
}

.nexus-login-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 11, 29, .44) 0%, rgba(2, 11, 29, .18) 47%, rgba(2, 11, 29, 0) 100%),
    linear-gradient(180deg, rgba(2, 11, 29, .1) 0%, rgba(2, 11, 29, 0) 64%);
}

.nexus-login-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.nexus-login-toolbar {
  position: relative;
  z-index: 2;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.nexus-back-button.profile-header-button {
  width: 44px;
  height: 44px;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .13);
  color: #fff;
  display: inline-grid;
  place-items: center;
  padding: 0;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .13);
  backdrop-filter: blur(14px);
}

.nexus-back-button svg {
  width: 22px;
  height: 22px;
}

.nexus-login-logo {
  width: 136px;
  height: 34px;
  display: block;
  object-fit: contain;
  object-position: center right;
  flex: 0 0 auto;
}

.nexus-login-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  gap: 0;
  max-width: 350px;
  margin-top: 14px;
}

.nexus-login-eyebrow {
  margin: 0 0 10px;
  color: #119bff;
  font-size: 11px;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: 1.35px;
}

.nexus-login-copy h1 {
  display: grid;
  gap: 0;
  margin: 0;
  color: #f7faff;
  font-size: 28px;
  font-weight: 760;
  line-height: 33px;
  letter-spacing: 0;
}

.nexus-login-copy h1 span {
  display: block;
}

.nexus-login-copy p:not(.nexus-login-eyebrow) {
  max-width: 34ch;
  margin: 10px 0 0;
  color: #e2eaf8;
  font-size: 13px;
  font-weight: 560;
  line-height: 19px;
}

html.preview-shell-top-inset .nexus-login-hero {
  padding-top: calc(var(--preview-shell-top-inset) + 6px);
  padding-bottom: 17px;
}

html.preview-shell-top-inset .nexus-login-copy {
  margin-top: 10px;
}

.nexus-login-panel {
  position: relative;
  z-index: 3;
  min-height: calc(100svh - 247px);
  margin-top: -1px;
  padding: 22px 24px calc(30px + env(safe-area-inset-bottom));
  border-radius: 30px 30px 0 0;
  background: #f9fbff;
}

.nexus-login-form-head {
  display: grid;
  gap: 3px;
}

.nexus-login-form-head h2 {
  margin: 0;
  color: #071b4b;
  font-size: 24px;
  font-weight: 740;
  line-height: 29px;
  letter-spacing: 0;
}

.nexus-login-form-head p {
  margin: 0;
  color: #63779d;
  font-size: 13px;
  font-weight: 520;
  line-height: 18px;
}

.nexus-login-panel .auth-message {
  margin: 14px 0 0;
  border-radius: 14px;
  padding: 10px 11px;
}

.nexus-login-form {
  display: grid;
  margin-top: 16px;
}

.nexus-login-fields {
  display: grid;
  gap: 15px;
}

.nexus-login-field {
  display: grid;
  gap: 6px;
}

.nexus-login-field label {
  color: #354d76;
  font-size: 14px;
  font-weight: 650;
  line-height: 18px;
}

.nexus-login-input-shell {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
}

.nexus-login-input-icon {
  position: absolute;
  left: 16px;
  z-index: 1;
  display: inline-flex;
  color: #315489;
}

.nexus-login-input-icon svg {
  width: 19px;
  height: 19px;
  stroke-width: 2;
}

.nexus-login-input-shell input {
  width: 100%;
  height: 50px;
  border: 1px solid #bcd2ff;
  border-radius: 14px;
  background: #f5f9ff;
  color: #071b4b;
  padding: 0 16px 0 54px;
  font-size: 14px;
  font-weight: 520;
  letter-spacing: 0;
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.nexus-login-input-shell input::placeholder {
  color: #7182a5;
  opacity: 1;
}

.nexus-login-input-shell input:focus {
  border-color: #1474ff;
  background: #fbfdff;
  box-shadow: 0 0 0 4px rgba(17, 117, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.nexus-login-password input {
  padding-right: 56px;
}

.nexus-login-password .login-password-toggle {
  right: 7px;
  color: #075fd8;
}

.nexus-login-password .login-password-toggle:hover {
  background: rgba(7, 95, 216, .08);
}

.nexus-login-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.nexus-login-remember {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #40577e;
  font-size: 13px;
  font-weight: 560;
  line-height: 18px;
}

.nexus-login-remember input {
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid #bcd2ff;
  border-radius: 5px;
  background: #f5f9ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.nexus-login-remember input:checked {
  border-color: transparent;
  background: linear-gradient(180deg, #2387ff, #075fd8);
  box-shadow: 0 7px 14px rgba(7, 95, 216, .24), inset 0 1px 0 rgba(255, 255, 255, .3);
}

.nexus-login-remember input:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 10px;
  height: 6px;
  border: solid #fff;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
}

.nexus-login-remember input:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(17, 117, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .8);
}

.nexus-login-forgot {
  border: 0;
  background: transparent;
  color: #0568f7;
  min-height: 32px;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

.nexus-login-submit {
  width: 100%;
  min-height: 56px;
  margin-top: 17px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #0750d5 0%, #1175ff 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 720;
  line-height: 1;
  box-shadow: 0 14px 28px rgba(7, 80, 213, .24), inset 0 1px 0 rgba(255, 255, 255, .22);
}

.nexus-login-submit:disabled {
  cursor: progress;
  opacity: .82;
}

.nexus-login-arrow {
  display: inline-flex;
  transform: rotate(180deg);
}

.nexus-login-arrow svg {
  width: 21px;
  height: 21px;
}

.nexus-login-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  color: #63779d;
  font-size: 13px;
  font-weight: 520;
  line-height: 18px;
  white-space: nowrap;
}

.nexus-login-divider::before,
.nexus-login-divider::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: #d6e3fb;
}

.nexus-login-create {
  width: 100%;
  min-height: 54px;
  margin-top: 12px;
  border: 1px solid #0568f7;
  border-radius: 14px;
  background: rgba(255, 255, 255, .48);
  color: #0568f7;
  font-size: 16px;
  font-weight: 720;
  line-height: 1.1;
}

.nexus-login-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
  margin: 20px 0 0;
  color: #63779d;
  font-size: 13px;
  font-weight: 520;
  line-height: 18px;
  text-align: center;
}

.nexus-login-switch button {
  border: 0;
  background: transparent;
  color: #0568f7;
  padding: 0;
  font: inherit;
  font-weight: 720;
}

.nexus-login-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 26px;
  color: #63779d;
  font-size: 12px;
  font-weight: 520;
  line-height: 16px;
}

.nexus-login-footer a {
  color: inherit;
  text-decoration: none;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
}

.nexus-login-footer a:focus-visible,
.nexus-login-switch button:focus-visible,
.nexus-login-forgot:focus-visible,
.nexus-login-create:focus-visible,
.nexus-login-submit:focus-visible,
.nexus-back-button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(17, 117, 255, .16);
}

@media (max-width: 370px) {
  .nexus-login-hero {
    min-height: 252px;
    padding-inline: 18px;
  }

  .nexus-login-logo {
    width: 128px;
  }

  .nexus-login-panel {
    padding-inline: 20px;
  }

  .nexus-login-copy h1 {
    font-size: 27px;
    line-height: 32px;
  }
}

@media (min-width: 560px) {
  .login-entry-screen.nexus-login-screen {
    width: min(100vw, 430px);
    margin-inline: auto;
  }
}

.premium-booking-chat-sheet {
  width: min(100%, 430px);
  max-width: 100%;
  margin-inline: auto;
  border-radius: 28px 28px 0 0;
  padding: 10px 14px calc(14px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,247,253,.98));
  box-shadow: 0 -22px 52px rgba(7, 27, 56, .24);
}

.booking-chat-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 0 12px;
}

.booking-chat-header h3,
.booking-chat-header p,
.booking-chat-context strong,
.booking-chat-context small,
.booking-chat-context em {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.booking-chat-back,
.booking-chat-close,
.booking-chat-composer button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  border: 1px solid rgba(16,41,76,.10);
  background: rgba(255,255,255,.86);
  color: #10294d;
}

.booking-chat-context {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-radius: 18px;
  padding: 12px;
  background: rgba(9,28,58,.96);
  color: #fff;
}

.booking-chat-context > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
  font-weight: 950;
}

.booking-chat-context button {
  min-height: 36px;
  border: 0;
  border-radius: 12px;
  padding: 0 10px;
  color: #10294d;
  background: #fff;
  font-size: 11px;
  font-weight: 930;
  white-space: nowrap;
}

.booking-chat-thread {
  display: grid;
  gap: 8px;
  max-height: min(42vh, 390px);
  overflow-y: auto;
  padding: 12px 2px;
}

.booking-chat-thread article {
  max-width: 82%;
  border-radius: 17px 17px 17px 7px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid rgba(16,41,76,.08);
  box-shadow: 0 8px 20px rgba(7, 27, 56, .06);
}

.booking-chat-thread article.worker {
  justify-self: end;
  border-radius: 17px 17px 7px 17px;
  color: #fff;
  background: linear-gradient(135deg, #113f7e, #6b3fb8);
}

.booking-chat-thread p,
.booking-chat-thread small {
  margin: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.booking-chat-quick-actions {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 10px;
}

.booking-chat-quick-actions button {
  flex: 0 0 auto;
  min-height: 36px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 999px;
  padding: 0 11px;
  color: #10294d;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
}

.booking-chat-composer {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: end;
  border-radius: 18px;
  padding: 8px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(16,41,76,.08);
  box-shadow: 0 12px 26px rgba(7, 27, 56, .10);
}

.booking-chat-composer textarea {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  max-height: 92px;
  border: 0;
  resize: none;
  padding: 11px 0;
  color: #10294d;
  background: transparent;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 760;
}

.booking-chat-composer .send {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.booking-chat-composer .send:disabled {
  opacity: .42;
  box-shadow: none;
}

.booking-chat-agency-profile {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 28px;
  padding: 24px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 92% 8%, rgba(126, 108, 255, .18), transparent 32%),
    radial-gradient(circle at 8% 0, rgba(102, 178, 255, .16), transparent 30%),
    linear-gradient(145deg, #07182f 0%, #0b203f 55%, #11172b 100%);
  box-shadow: 0 22px 48px rgba(7, 24, 47, .26), inset 0 1px 0 rgba(255,255,255,.08);
}

.booking-chat-agency-identity {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.booking-chat-agency-logo {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  color: #ffffff;
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.08)),
    linear-gradient(145deg, #12345f, #4a4ca3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .02em;
}

.booking-chat-agency-identity div {
  min-width: 0;
}

.booking-chat-agency-identity strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: 0;
}

.booking-chat-agency-identity small {
  display: block;
  margin-top: 5px;
  color: rgba(232, 240, 250, .72);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 650;
}

.booking-chat-agency-identity em {
  width: fit-content;
  margin-top: 10px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 0 10px;
  color: rgba(234, 243, 255, .86);
  background: rgba(255,255,255,.08);
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 780;
  letter-spacing: .01em;
}

.booking-chat-presence {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
  padding: 16px 0;
}

.booking-chat-presence span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #dff9eb;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 820;
}

.booking-chat-presence i {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #35d48b;
  box-shadow: 0 0 0 4px rgba(53, 212, 139, .12);
}

.booking-chat-presence i::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  border: 1px solid rgba(53, 212, 139, .42);
  animation: bookingPresencePulse 1.8s ease-out infinite;
}

.booking-chat-presence small {
  color: rgba(232, 240, 250, .64);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 650;
}

.booking-chat-presence small strong {
  color: rgba(255,255,255,.9);
  font-weight: 780;
}

.booking-chat-booking-summary {
  display: grid;
  gap: 7px;
}

.booking-chat-booking-summary small {
  color: rgba(176, 196, 222, .72);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.booking-chat-booking-summary strong {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.16;
  font-weight: 850;
}

.booking-chat-booking-summary span {
  color: rgba(232, 240, 250, .82);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 720;
}

.booking-chat-booking-summary em {
  color: rgba(232, 240, 250, .58);
  font-size: 12px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 650;
}

.booking-chat-agency-profile > button {
  justify-self: end;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #07182f;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,244,252,.92));
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.booking-chat-agency-profile > button:active {
  transform: scale(.98);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}

.booking-chat-agency-profile > button span {
  color: #1558ac;
  font-size: 15px;
  line-height: 1;
}

@keyframes bookingPresencePulse {
  0% {
    opacity: .72;
    transform: scale(.68);
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}

.content.marketplace-filter-page.worker-filter-page {
  padding-inline: 20px !important;
  padding-bottom: 178px !important;
  overflow-x: hidden;
}

.content.marketplace-filter-page .worker-filter-footer {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  width: min(430px, 100vw) !important;
  max-width: 100% !important;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: .9fr 1.45fr !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 20px !important;
  background: rgba(247,249,253,.86) !important;
  border-top: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(20px);
  box-shadow: 0 -18px 42px rgba(7, 27, 56, .15);
}

.content.marketplace-filter-page .worker-filter-footer .ghost-button,
.content.marketplace-filter-page .worker-filter-footer .button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  border-radius: 15px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  justify-content: center !important;
  text-align: center;
}

.discovery-segment-grid {
  gap: 9px !important;
}

.discovery-segment-grid button {
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
}

.financial-passport-records-toolbar {
  display: grid;
  gap: 12px;
  overflow: visible !important;
}

.financial-record-search {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 48px;
  border: 1px solid rgba(16,41,76,.09);
  border-radius: 15px;
  padding: 0 12px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(7, 27, 56, .05);
}

.financial-record-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #10294d;
  background: transparent;
  font-size: 13px;
  font-weight: 760;
}

.financial-record-toolbar-row {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr) minmax(0, .85fr);
  gap: 9px;
}

.financial-record-toolbar-row button,
.financial-record-toolbar-row label {
  min-width: 0;
  min-height: 46px;
  border: 1px solid rgba(16,41,76,.09);
  border-radius: 15px;
  padding: 0 10px;
  background: #fff;
  color: #10294d;
  box-shadow: 0 10px 22px rgba(7, 27, 56, .05);
}

.financial-record-toolbar-row button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 920;
}

.financial-record-toolbar-row label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.financial-record-toolbar-row label span {
  color: #6d7890;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

.financial-record-toolbar-row select {
  min-width: 0;
  border: 0;
  color: #10294d;
  background: transparent;
  font-size: 12px;
  font-weight: 880;
}

.financial-record-sheet {
  display: grid;
  gap: 12px;
  border-radius: 20px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,249,253,.98));
  border: 1px solid rgba(16,41,76,.08);
  box-shadow: 0 18px 38px rgba(7, 27, 56, .12);
}

.financial-record-sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 10px;
  align-items: center;
}

.financial-record-sheet-head button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 14px;
  background: #fff;
  display: grid;
  place-items: center;
}

.financial-export-options,
.financial-export-range {
  display: grid;
  gap: 8px;
}

.financial-export-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-export-range {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financial-export-options button,
.financial-export-range button {
  min-height: 42px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 14px;
  color: #10294d;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.financial-export-options button.active,
.financial-export-range button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.financial-record-sheet > .primary {
  min-height: 48px;
  border: 0;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
  font-size: 13px;
  font-weight: 950;
}

.financial-record-group-list,
.financial-week-list,
.financial-compact-records {
  display: grid;
  gap: 10px;
}

.financial-month-group,
.financial-week-group,
.financial-compact-record {
  min-width: 0;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(7, 27, 56, .055);
}

.financial-month-group > button,
.financial-week-group > button {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 0;
  padding: 12px;
  text-align: left;
  background: transparent;
}

.financial-month-group strong,
.financial-month-group small,
.financial-week-group strong,
.financial-week-group small,
.financial-compact-record strong,
.financial-compact-record p,
.financial-compact-record small,
.financial-breakdown-table strong,
.financial-breakdown-table small {
  display: block;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.financial-week-list {
  padding: 0 10px 10px;
}

.financial-compact-record {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
}

.financial-compact-record > span {
  display: grid;
  gap: 3px;
  justify-items: end;
  text-align: right;
}

.financial-compact-record > button {
  grid-column: 1 / -1;
  min-height: 40px;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 14px;
  color: #10294d;
  background: #f7f9fd;
  font-size: 12px;
  font-weight: 920;
}

.financial-record-detail-hero {
  display: grid;
  gap: 12px;
  border-radius: 24px;
  padding: 18px;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #163f7e 55%, #5a38a8);
  box-shadow: 0 18px 42px rgba(7, 27, 56, .22);
}

.financial-record-detail-hero strong {
  display: block;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: 0;
}

.financial-record-detail-hero strong span {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.financial-breakdown-table {
  display: grid;
  gap: 8px;
}

.financial-breakdown-table span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 48px;
  border-radius: 14px;
  padding: 10px 12px;
  background: #f8fafc;
}

.financial-breakdown-table .debit strong {
  color: #9f2d45;
}

.financial-breakdown-table .total {
  color: #fff;
  background: linear-gradient(135deg, #071b38, #1558ac);
}

.financial-breakdown-table .total small,
.financial-breakdown-table .total strong {
  color: #fff;
}

.financial-record-action-list {
  display: grid;
  gap: 9px;
}

.financial-record-action-list button {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 16px;
  padding: 10px;
  color: #10294d;
  background: #fff;
  text-align: left;
}

@media (max-width: 370px) {
  .message-command-summary,
  .message-context-facts,
  .financial-record-toolbar-row,
  .financial-export-range,
  .financial-compact-record {
    grid-template-columns: minmax(0, 1fr);
  }

  .native-conversation-card > button {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .native-conversation-card b,
  .native-conversation-card u {
    justify-self: start;
  }

  .booking-chat-context {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .booking-chat-context button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* Tax Centre Command tab premium redesign */
html.native-android,
html.native-android body,
html.native-android #app,
html.native-android .app-shell,
html.native-android .main {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

.worker-finance-page:has(.tax-command-page-header) {
  padding-inline: clamp(16px, 4.8vw, 20px) !important;
  padding-bottom: 128px !important;
  overflow-x: hidden;
}

.tax-command-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin: 4px 0 18px;
}

.tax-command-page-header span,
.tax-position-copy > span,
.tax-smart-status-card small,
.tax-smart-recommendation small,
.tax-impact-preview small,
.tax-next-movement-card span,
.tax-passport-eyebrow span,
.tax-passport-identity-row small,
.tax-passport-summary-grid small,
.tax-pot-activity-preview > div span {
  color: #687a93;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tax-command-page-header h2 {
  margin: 5px 0 0;
  color: #07182f;
  font-size: clamp(26px, 7vw, 30px);
  line-height: 1.06;
  letter-spacing: 0;
}

.tax-command-page-header p {
  margin: 8px 0 0;
  max-width: 34rem;
  color: #65758a;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
}

.tax-command-page-header > em {
  border: 1px solid rgba(19, 142, 101, .14);
  border-radius: 999px;
  padding: 8px 11px;
  color: #0f7656;
  background: #eefcf6;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.tax-position-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  padding: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(77, 220, 189, .22), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(89, 135, 255, .28), transparent 30%),
    linear-gradient(145deg, #06152d, #0a2450 56%, #174f97);
  box-shadow: 0 28px 62px rgba(7, 23, 46, .30);
}

.tax-position-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(120deg, transparent, #000 32%, transparent 88%);
}

.tax-position-copy,
.tax-position-gauge,
.tax-position-metrics {
  position: relative;
  z-index: 1;
}

.tax-position-copy > span {
  color: rgba(226,242,255,.68);
}

.tax-position-copy h2 {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(34px, 10vw, 42px);
  line-height: .98;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.tax-position-copy p {
  margin: 10px 0 0;
  color: rgba(232,246,255,.76);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 650;
}

.tax-position-gauge,
.tax-command-gauge {
  width: 112px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  justify-self: center;
  background:
    radial-gradient(circle at center, #0a2450 0 55%, transparent 57%),
    conic-gradient(from -45deg, #6ee7b7 var(--tax-pot-cover), rgba(255,255,255,.16) 0);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 32px rgba(0,0,0,.18);
  animation: taxGaugeIn .55s ease-out both;
}

.tax-position-gauge strong,
.tax-command-gauge strong {
  color: #fff;
  font-size: 27px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.tax-position-gauge small,
.tax-command-gauge small {
  display: block;
  margin-top: 4px;
  color: rgba(232,246,255,.66);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

@keyframes taxGaugeIn {
  from { transform: scale(.96); opacity: .72; }
  to { transform: scale(1); opacity: 1; }
}

.tax-position-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.tax-position-metrics span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 17px;
  padding: 12px;
  background: rgba(255,255,255,.08);
}

.tax-position-metrics small {
  display: block;
  color: rgba(226,242,255,.62);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 860;
}

.tax-position-metrics strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  overflow-wrap: normal;
}

.tax-position-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.tax-position-actions button {
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 15px;
  padding: 0 12px;
  color: #081a38;
  background: #fff;
  font-size: 13px;
  font-weight: 900;
}

.tax-position-actions button + button {
  color: #fff;
  background: rgba(255,255,255,.10);
}

.tax-command-reserve-card {
  gap: 20px !important;
  border-radius: 28px;
}

.tax-command-reserve-card .tax-command-gauge {
  width: 108px;
  background:
    radial-gradient(circle at center, #fff 0 55%, transparent 57%),
    conic-gradient(from -45deg, #22b981 var(--tax-pot-cover), #e0e8f0 0);
}

.tax-command-reserve-card .tax-command-gauge strong {
  color: #0b7653;
}

.tax-command-reserve-card .tax-command-gauge small {
  color: #60748a;
}

.tax-command-status-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.tax-command-status-line em {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.tax-command-status-line em.strong,
.tax-command-status-line em.covered {
  color: #0f7656;
  background: #eafbf3;
}

.tax-command-status-line em.track {
  color: #1458a6;
  background: #edf5ff;
}

.tax-command-status-line em.building {
  color: #a66712;
  background: #fff7df;
}

.tax-smart-status-card,
.tax-smart-recommendation,
.tax-impact-preview,
.tax-next-movement-card,
.tax-pot-activity-preview {
  border: 1px solid rgba(17,44,78,.09);
  border-radius: 20px;
  padding: 14px;
  background: linear-gradient(145deg, #fff, #f7fbff);
  box-shadow: 0 12px 28px rgba(12,34,63,.055);
}

.tax-smart-status-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.tax-smart-status-card i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #0d7654;
  background: #eafbf3;
}

.tax-smart-status-card svg,
.tax-smart-recommendation svg,
.tax-passport-trust-list svg,
.tax-report-include-list svg {
  width: 17px;
  height: 17px;
}

.tax-smart-status-card strong,
.tax-smart-recommendation strong,
.tax-impact-preview strong,
.tax-impact-preview b,
.tax-next-movement-card strong,
.tax-pot-activity-preview strong {
  display: block;
  color: #0d294a;
  font-size: 17px;
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  white-space: normal;
}

.tax-smart-status-card p,
.tax-smart-recommendation p,
.tax-impact-preview span,
.tax-next-movement-card dt,
.tax-next-movement-card dd,
.tax-pot-activity-preview em {
  color: #657991;
  font-size: 12px;
  line-height: 1.4;
  font-style: normal;
}

.tax-smart-status-card button,
.tax-smart-recommendation-actions button,
.tax-impact-preview button {
  min-height: 40px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 14px;
  padding: 0 12px;
  color: #12365d;
  background: #fff;
  font-size: 12px;
  font-weight: 900;
}

.tax-smart-recommendation {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(85, 118, 255, .10), transparent 32%),
    linear-gradient(145deg, #fff, #f6f8ff);
}

.tax-smart-recommendation strong {
  font-size: 28px;
}

.tax-smart-recommendation-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tax-smart-recommendation-actions button:first-child,
.tax-impact-preview .primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 12px 24px rgba(21,88,172,.16);
}

.tax-strategy-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tax-strategy-card-grid button {
  min-width: 0;
  min-height: 94px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 18px;
  padding: 12px;
  color: #143a62;
  background: #fff;
  text-align: left;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.tax-strategy-card-grid button:active {
  transform: scale(.985);
}

.tax-strategy-card-grid button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #5a39d6);
  box-shadow: 0 16px 30px rgba(40,55,141,.18);
}

.tax-strategy-card-grid span,
.tax-strategy-card-grid small {
  font-size: 11px;
  line-height: 1.25;
  font-weight: 820;
}

.tax-strategy-card-grid strong {
  font-size: 24px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.tax-impact-preview {
  display: grid;
  gap: 10px;
}

.tax-impact-preview > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.tax-impact-preview button {
  width: 100%;
  min-height: 48px;
}

.tax-impact-preview button:disabled {
  opacity: .48;
  box-shadow: none;
}

.tax-next-movement-card {
  display: grid;
  gap: 12px;
}

.tax-next-movement-card > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: baseline;
}

.tax-next-movement-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
}

.tax-next-movement-card dl div {
  border-radius: 14px;
  padding: 10px;
  background: rgba(237,245,255,.72);
}

.tax-next-movement-card dt,
.tax-next-movement-card dd {
  margin: 0;
}

.tax-next-movement-card dd {
  margin-top: 4px;
  color: #0d294a;
  font-weight: 900;
}

.tax-command-action-panel {
  display: grid;
  gap: 9px;
}

.tax-command-action-panel button {
  min-width: 0;
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(17,44,78,.09);
  border-radius: 16px;
  padding: 10px 12px;
  color: #0d294a;
  background: #fff;
  text-align: left;
  font-size: 13px;
  font-weight: 900;
}

.tax-command-action-panel .primary {
  grid-template-columns: 20px minmax(0, 1fr);
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21,88,172,.16);
}

.tax-command-action-panel small {
  display: block;
  margin-top: 3px;
  color: inherit;
  opacity: .72;
  font-size: 11px;
}

.tax-pot-activity-preview {
  display: grid;
  gap: 9px;
}

.tax-pot-activity-preview > div,
.tax-pot-activity-preview article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.tax-pot-activity-preview > div button {
  border: 0;
  color: #1558ac;
  background: transparent;
  font-size: 12px;
  font-weight: 900;
}

.tax-pot-activity-preview article {
  border-radius: 14px;
  padding: 10px;
  background: #f7fbff;
}

.tax-pot-activity-preview b {
  color: #0d294a;
  font-size: 14px;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.tax-command-passport-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,.14);
  color: #fff;
  background:
    radial-gradient(circle at 92% 0, rgba(91, 135, 255, .22), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(83,226,164,.12), transparent 30%),
    linear-gradient(145deg, #07182f, #102d59 58%, #342062);
  box-shadow: 0 24px 56px rgba(7,24,47,.24);
}

.tax-command-passport-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);
  opacity: .5;
}

.tax-command-passport-card > * {
  position: relative;
  z-index: 1;
}

.tax-passport-eyebrow,
.tax-passport-main,
.tax-passport-identity-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.tax-passport-eyebrow span {
  color: rgba(226,242,255,.66);
}

.tax-passport-eyebrow em,
.tax-passport-seal {
  border-radius: 999px;
  padding: 7px 10px;
  color: #dffbec;
  background: rgba(255,255,255,.10);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.tax-passport-main {
  margin-top: 14px;
  align-items: center;
}

.tax-passport-main h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
}

.tax-passport-main p,
.tax-passport-privacy,
.tax-passport-identity-row em {
  color: rgba(226,242,255,.72);
  font-size: 13px;
  line-height: 1.45;
  font-style: normal;
}

.tax-passport-seal {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 16px;
}

.tax-passport-seal svg {
  width: 16px;
  height: 16px;
}

.tax-passport-identity-row {
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255,255,255,.08);
}

.tax-passport-identity-row > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  border-radius: 15px;
  color: #081a38;
  background: #fff;
  font-weight: 950;
}

.tax-passport-identity-row small,
.tax-passport-summary-grid small {
  color: rgba(226,242,255,.62);
}

.tax-passport-identity-row strong {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}

.tax-passport-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.tax-passport-summary-grid span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 11px;
  background: rgba(255,255,255,.075);
}

.tax-passport-summary-grid strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 17px;
  line-height: 1.18;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  white-space: normal;
}

.tax-passport-trust-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.tax-passport-trust-list span {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border-radius: 14px;
  padding: 9px;
  color: #eaf6ff;
  background: rgba(255,255,255,.08);
  font-size: 12px;
  font-weight: 850;
}

.tax-passport-privacy {
  margin: 14px 0 0;
}

.tax-command-passport-card .tax-os-action-row {
  margin-top: 16px;
}

.tax-command-passport-card .tax-os-action-row button {
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 15px;
  color: #081a38;
  background: #fff;
  font-size: 13px;
  font-weight: 900;
}

.tax-command-passport-card .tax-os-action-row .primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #1558ac, #6d3fd6);
}

.tax-confirm-summary,
.tax-withdraw-breakdown {
  display: grid;
  gap: 9px;
}

.tax-confirm-summary span,
.tax-withdraw-breakdown span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-radius: 14px;
  padding: 11px 12px;
  background: #f7fbff;
}

.tax-confirm-summary small,
.tax-withdraw-breakdown small {
  color: #657991;
  font-size: 11px;
  font-weight: 850;
}

.tax-confirm-summary strong,
.tax-withdraw-breakdown strong {
  color: #0d294a;
  font-size: 16px;
  font-weight: 950;
  text-align: right;
}

.tax-withdraw-breakdown .total {
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
}

.tax-withdraw-breakdown .total small,
.tax-withdraw-breakdown .total strong {
  color: #fff;
}

.tax-report-include-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}

.tax-report-include-list span {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border-radius: 13px;
  padding: 9px;
  color: #143a62;
  background: #f7fbff;
  font-size: 12px;
  font-weight: 850;
}

@media (prefers-reduced-motion: reduce) {
  .tax-position-gauge,
  .tax-command-gauge,
  .tax-strategy-card-grid button {
    animation: none;
    transition: none;
  }
}

@media@media (max-width: 430px) {
  .tax-command-page-header,
  .tax-position-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-command-page-header > em {
    justify-self: start;
  }

  .tax-position-hero,
  .tax-premium-pot-overview,
  .tax-smart-status-card,
  .tax-passport-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-position-gauge,
  .tax-command-gauge {
    justify-self: center;
  }

  .tax-position-copy,
  .tax-position-copy h2,
  .tax-position-copy p {
    max-width: 100%;
  }

  .tax-position-metrics,
  .tax-smart-recommendation-actions,
  .tax-next-movement-card dl,
  .tax-passport-summary-grid,
  .tax-passport-trust-list,
  .tax-report-include-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-position-actions,
  .tax-command-passport-card .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-position-copy h2 {
    font-size: 34px;
  }

  .tax-position-metrics strong,
  .tax-passport-summary-grid strong,
  .tax-smart-status-card strong,
  .tax-smart-recommendation strong,
  .tax-impact-preview b {
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 340px) {
  .tax-command-page-header,
  .tax-command-page-header > em,
  .tax-impact-preview > div,
  .tax-next-movement-card > div,
  .tax-pot-activity-preview > div,
  .tax-pot-activity-preview article,
  .tax-confirm-summary span,
  .tax-withdraw-breakdown span {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }

  .tax-command-page-header > em {
    width: fit-content;
  }

  .tax-strategy-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-confirm-summary strong,
  .tax-withdraw-breakdown strong {
    text-align: left;
  }
}

/* Premium Day Schedule + Availability refinement */
.availability-page {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box;
  gap: 24px !important;
  padding-inline: clamp(16px, 4.8vw, 20px) !important;
  padding-bottom: 148px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(46, 107, 214, .08), transparent 34%),
    linear-gradient(180deg, #f5f8fc, #eef3f8);
}

.availability-command-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  padding: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 94% 8%, rgba(118, 224, 184, .24), transparent 30%),
    radial-gradient(circle at 10% 0, rgba(91, 135, 255, .26), transparent 34%),
    linear-gradient(145deg, #06172e, #0a2750 58%, #143d78);
  box-shadow: 0 24px 58px rgba(7, 24, 47, .24);
}

.availability-command-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 25px 25px;
  opacity: .58;
}

.availability-command-hero > * {
  position: relative;
  z-index: 1;
}

.availability-command-hero .compact-back-button {
  grid-column: 1 / -1;
  width: fit-content;
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 0 11px;
  color: #eaf6ff;
  background: rgba(255,255,255,.09);
  font-size: 12px;
  font-weight: 850;
}

.availability-hero-main .eyebrow {
  margin: 0;
  color: #9ff2cb;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.availability-hero-main h2 {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(28px, 8vw, 34px);
  line-height: 1.03;
  letter-spacing: 0;
}

.availability-hero-main span {
  display: block;
  margin-top: 9px;
  color: rgba(232,246,255,.76);
  font-size: 14px;
  line-height: 1.48;
  font-weight: 650;
}

.availability-score-card {
  justify-self: start;
  width: 100%;
  aspect-ratio: auto;
  display: grid;
  justify-items: start;
  text-align: left;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  padding: 12px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.availability-score-card strong {
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.availability-score-card span,
.availability-score-card small {
  display: block;
  color: rgba(232,246,255,.72);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 850;
}

.availability-hero-summary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.availability-hero-summary span {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 17px;
  padding: 11px;
  background: rgba(255,255,255,.08);
}

.availability-hero-summary small {
  display: block;
  color: rgba(232,246,255,.62);
  font-size: 10px;
  font-weight: 850;
}

.availability-hero-summary strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1.18;
  font-weight: 920;
}

.availability-page .availability-editor-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 26px;
  padding: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(46, 107, 214, .05), transparent 34%),
    rgba(255,255,255,.92);
  box-shadow: 0 18px 42px rgba(10, 32, 62, .075);
}

.availability-page .section-mini-header {
  margin-bottom: 14px;
}

.availability-page .section-mini-header span {
  color: #0d294a;
  font-size: 20px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.availability-page .section-mini-header small {
  color: #687a93;
  font-size: 13px;
  line-height: 1.38;
  font-weight: 740;
}

.availability-page .availability-option-grid {
  gap: 12px;
}

.availability-page .availability-option-grid button {
  position: relative;
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 6px;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 22px;
  padding: 15px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 12px 28px rgba(10, 32, 62, .055);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.availability-page .availability-option-grid button:active,
.availability-page .compact-preference-grid button:active,
.calendar-event-actions button:active,
.calendar-day-sheet + .prototype-sheet-actions button:active {
  transform: scale(.98);
}

.availability-page .availability-option-grid button::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #c8d5e4;
  box-shadow: 0 0 0 4px rgba(200, 213, 228, .22);
}

.availability-page .availability-option-grid button.active {
  border-color: rgba(21, 88, 172, .28);
  background:
    radial-gradient(circle at 100% 0, rgba(86, 120, 255, .12), transparent 32%),
    linear-gradient(145deg, #fff, #f0f7ff);
  box-shadow: 0 16px 34px rgba(21, 88, 172, .13);
}

.availability-page .availability-option-grid button.active::before {
  background: #1558ac;
  box-shadow: 0 0 0 4px rgba(21, 88, 172, .14);
}

.availability-page .availability-option-grid button > i {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
}

.availability-page .availability-option-grid button > i:empty {
  display: none;
}

.availability-page .availability-option-grid button > i svg {
  width: 13px;
  height: 13px;
}

.availability-page .availability-option-grid strong {
  color: #0d294a;
  font-size: 17px;
  line-height: 1.16;
  font-weight: 920;
}

.availability-page .availability-option-grid span {
  color: #657991;
  font-size: 13px;
  line-height: 1.38;
  font-weight: 680;
}

.availability-page .availability-option-grid em {
  margin-top: 3px;
  color: #1558ac;
  font-size: 11px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 850;
}

.availability-page .compact-preference-grid {
  gap: 10px;
}

.availability-page .compact-preference-grid button,
.availability-page .work-type-chip-grid button,
.availability-page .selected-sector-chips button,
.availability-page .sector-option-list button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 999px;
  padding: 0 14px;
  color: #143a62;
  background: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(10, 32, 62, .045);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.availability-page .compact-preference-grid button.active,
.availability-page .work-type-chip-grid button.active,
.availability-page .sector-option-list button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 12px 24px rgba(21,88,172,.16);
}

.availability-page .compact-preference-grid svg,
.availability-page .work-type-chip-grid svg,
.availability-page .selected-sector-chips svg,
.availability-page .sector-option-list svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.availability-page .pay-expectation-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.availability-page .pay-expectation-field {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 22px;
  padding: 16px;
  background: linear-gradient(145deg, #fff, #f7fbff);
  box-shadow: 0 12px 28px rgba(10, 32, 62, .055);
}

.availability-page .pay-expectation-field > span {
  color: #657991;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
}

.availability-page .currency-input-shell input {
  font-size: 26px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
}

.availability-page .currency-input-shell em {
  font-size: 20px;
  font-weight: 950;
}

.availability-page .pay-input-row {
  gap: 8px;
}

.availability-page .premium-select-field {
  display: grid;
  gap: 10px;
}

.availability-page .premium-select-field > span {
  color: #657991;
  font-size: 12px;
  font-weight: 850;
}

.availability-page .premium-select-field div,
.availability-page .sector-search-box {
  border-radius: 18px;
  border-color: rgba(17,44,78,.10);
  background: #fff;
  box-shadow: 0 10px 22px rgba(10, 32, 62, .045);
}

.availability-page .qualification-actions {
  position: sticky;
  bottom: calc(78px + env(safe-area-inset-bottom));
  z-index: 20;
  display: grid;
  grid-template-columns: .9fr 1.35fr;
  gap: 10px;
  align-items: center;
  margin: 18px -2px -2px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  padding: 10px;
  background: rgba(247,250,253,.82);
  box-shadow: 0 18px 42px rgba(7, 24, 47, .16);
  backdrop-filter: blur(20px);
}

.availability-page .availability-unsaved-indicator {
  grid-column: 1 / -1;
  color: #657991;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 780;
  text-align: center;
}

.availability-page .qualification-actions button {
  min-height: 48px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 900;
}

.availability-page .qualification-actions .button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21,88,172,.18);
}

.availability-page .qualification-actions .ghost-button {
  border: 1px solid rgba(17,44,78,.10);
  color: #143a62;
  background: rgba(255,255,255,.82);
}

.calendar-schedule-list,
.calendar-day-timeline {
  gap: 14px;
}

.calendar-sheet-event {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.calendar-sheet-event > time {
  position: relative;
  padding-top: 16px;
  color: #71849a;
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
}

.calendar-sheet-event > time::after {
  content: "";
  position: absolute;
  top: 35px;
  left: 50%;
  width: 1px;
  height: calc(100% + 18px);
  background: linear-gradient(#d7e2ee, transparent);
}

.calendar-sheet-event-card {
  border: 1px solid rgba(17,44,78,.08);
  border-left: 0;
  border-radius: 24px;
  padding: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(46, 107, 214, .05), transparent 34%),
    #fff;
  box-shadow: 0 16px 36px rgba(10,32,62,.075);
}

.calendar-event-heading span,
.calendar-event-heading em {
  color: #687a93;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .07em;
}

.calendar-sheet-event-card h3 {
  margin: 8px 0 4px;
  color: #0d294a;
  font-size: 19px;
  line-height: 1.12;
  letter-spacing: 0;
  font-weight: 930;
}

.calendar-sheet-event-card > p {
  color: #607288;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 720;
}

.calendar-event-meta {
  margin-top: 12px;
  gap: 8px;
}

.calendar-event-meta span {
  min-height: 30px;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 999px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #425d7d;
  background: #f6f9fd;
  font-size: 11px;
  font-weight: 820;
}

.calendar-event-meta svg {
  width: 14px;
  height: 14px;
}

.calendar-event-notice {
  margin-top: 12px;
  border-radius: 15px;
  padding: 10px 11px;
  color: #5d7188;
  background: #f5f8fc;
  font-size: 12px;
  line-height: 1.4;
}

.calendar-event-notice svg {
  width: 16px;
  height: 16px;
}

.calendar-event-actions {
  margin-top: 14px;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, .82fr));
  gap: 8px;
}

.calendar-event-actions button {
  min-height: 46px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 999px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #143a62;
  background: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1;
  font-weight: 880;
  box-shadow: 0 8px 18px rgba(10,32,62,.045);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.calendar-event-actions button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.calendar-event-actions button.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21,88,172,.18);
}

.calendar-day-summary {
  border-radius: 22px;
  padding: 17px;
  background:
    radial-gradient(circle at 100% 0, rgba(118,224,184,.20), transparent 32%),
    linear-gradient(145deg, #07182f, #184b91);
  box-shadow: 0 18px 38px rgba(7,24,47,.18);
}

.calendar-day-summary span {
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.calendar-day-summary strong {
  margin-top: 6px;
  font-size: 21px;
  line-height: 1.12;
}

.calendar-day-sheet + .prototype-sheet-actions {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: .8fr 1.25fr;
  gap: 10px;
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  padding: 10px;
  background: rgba(247,250,253,.84);
  box-shadow: 0 -16px 36px rgba(7,24,47,.14);
  backdrop-filter: blur(18px);
}

.calendar-day-sheet + .prototype-sheet-actions .button,
.calendar-day-sheet + .prototype-sheet-actions .ghost-button {
  min-height: 48px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 900;
}

.calendar-day-sheet + .prototype-sheet-actions .button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21,88,172,.18);
}

.calendar-day-sheet + .prototype-sheet-actions .ghost-button {
  border: 1px solid rgba(17,44,78,.10);
  color: #143a62;
  background: rgba(255,255,255,.86);
}

@media@media (max-width: 430px) {
  .availability-hero-summary,
  .availability-page .pay-expectation-stack {
    grid-template-columns: minmax(0, 1fr);
  }

  .calendar-event-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .calendar-event-actions button.primary {
    grid-column: 1 / -1;
  }
}

@media (max-width: 360px) {
  .availability-page .availability-option-grid,
  .availability-page .work-type-chip-grid,
  .availability-page .compact-preference-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .calendar-event-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .calendar-event-actions button.primary {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  html,
  body,
  #app,
  .app-shell,
  .main {
    width: 100dvw !important;
    max-width: 100dvw !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .app-shell,
  .main,
  .content,
  .availability-page,
  .availability-command-hero,
  .availability-page .availability-editor-card,
  .availability-page .qualification-actions,
  .nav {
    box-sizing: border-box !important;
  }

  .main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .availability-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .availability-command-hero,
  .availability-page .availability-editor-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Candidate Payments V2: simplified weekly payroll command centre */
.candidate-payments-page {
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.candidate-payments-page *,
.candidate-payments-page *::before,
.candidate-payments-page *::after {
  box-sizing: border-box;
}

.payments-os-hero,
.payments-os-card {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 26px;
}

.payments-os-hero {
  padding: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 90% 4%, rgba(103, 118, 255, .24), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(22, 168, 127, .16), transparent 34%),
    linear-gradient(145deg, #06172e 0%, #092a58 62%, #15183a 116%);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 52px rgba(6, 23, 46, .24);
}

.payments-os-hero.paid {
  background:
    radial-gradient(circle at 94% 5%, rgba(87, 224, 164, .28), transparent 32%),
    linear-gradient(145deg, #06231d, #0d5e45 72%, #083127 116%);
}

.payments-os-hero.warning,
.payments-os-hero.failed {
  background:
    radial-gradient(circle at 94% 5%, rgba(255, 181, 70, .22), transparent 32%),
    linear-gradient(145deg, #221426, #40213e 72%, #10172f 116%);
}

.payments-os-topline,
.payments-os-support,
.payments-choice-grid,
.payments-fee-strip,
.payments-os-actions {
  display: grid;
  gap: 10px;
}

.payments-os-topline {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.payments-os-topline span,
.payments-os-topline em,
.payments-os-title small,
.payments-os-main-amount span,
.payments-os-support small,
.payments-section-head span,
.payments-choice-copy span,
.payments-os-deadline small {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 820;
  letter-spacing: .01em;
}

.payments-os-topline span {
  color: rgba(255,255,255,.68);
}

.payments-os-topline em {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 7px 10px;
  color: rgba(255,255,255,.84);
  background: rgba(255,255,255,.08);
  font-style: normal;
  white-space: nowrap;
}

.payments-os-title {
  margin-top: 24px;
}

.payments-os-title small,
.payments-os-main-amount span,
.payments-os-support small {
  display: block;
  color: rgba(232, 242, 255, .68);
}

.payments-os-title h2 {
  margin: 6px 0 0;
  color: #ffffff;
  font-size: 29px;
  line-height: 1.04;
  letter-spacing: 0;
}

.payments-os-main-amount {
  margin-top: 22px;
}

.payments-os-main-amount strong {
  display: block;
  margin-top: 7px;
  color: #ffffff;
  font-size: clamp(40px, 11vw, 48px);
  line-height: .96;
  font-weight: 940;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.payments-os-support {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 20px;
}

.payments-os-support article {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 13px;
  background: rgba(255,255,255,.08);
}

.payments-os-support strong {
  display: block;
  margin-top: 6px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
}

.payments-os-hero > p {
  margin: 18px 0 0;
  color: rgba(232, 242, 255, .74);
  font-size: 14px;
  line-height: 1.48;
  font-weight: 650;
}

.payments-os-card {
  border: 1px solid rgba(17, 44, 78, .08);
  padding: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 38px rgba(10,32,62,.07);
}

.payments-os-card h3,
.payments-os-card p {
  margin: 0;
}

.payments-os-card h3 {
  color: #0b2345;
  font-size: 21px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: 0;
}

.payments-os-card p {
  margin-top: 8px;
  color: #61738a;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 650;
}

.payments-os-next-action,
.payments-os-choice,
.payments-os-used,
.payments-os-paid {
  display: grid;
  gap: 16px;
}

.payments-choice-copy span,
.payments-section-head span,
.payments-os-deadline small {
  display: block;
  color: #6a7c92;
}

.payments-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payments-choice-grid article {
  min-width: 0;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 17px;
  padding: 13px;
  background: #f7faff;
}

.payments-choice-grid small {
  display: block;
  color: #6b7d93;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 780;
}

.payments-choice-grid strong {
  display: block;
  margin-top: 7px;
  color: #0b2345;
  font-size: 18px;
  line-height: 1;
  font-weight: 930;
  white-space: nowrap;
}

.payments-fee-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payments-fee-strip span {
  border-radius: 999px;
  padding: 9px 11px;
  color: #4c5f78;
  background: #f1f5fa;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 750;
  white-space: nowrap;
}

.payments-os-actions {
  grid-template-columns: minmax(0, 1fr);
}

.payments-os-actions button,
.payments-os-used > button,
.payments-recent-card > button,
.weekly-source-list > button,
.payments-help-panel button {
  min-height: 50px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 16px;
  padding: 0 16px;
  color: #10294d;
  background: #ffffff;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 850;
}

.payments-os-actions button.primary,
.payments-os-paid button.primary {
  border: 0;
  color: #ffffff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 30px rgba(21, 88, 172, .18);
}

.payments-os-used > button.disabled {
  opacity: .64;
}

.payments-os-deadline {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 20px;
  padding: 14px;
  background: #f7faff;
}

.payments-os-deadline strong {
  color: #0b2345;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
}

.payments-os-deadline .payment-live-countdown {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.weekly-source-card {
  padding: 0;
}

.weekly-source-card > button {
  width: 100%;
  min-height: 76px;
  border: 0;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  gap: 12px;
  align-items: center;
  color: #0b2345;
  background: transparent;
  text-align: left;
}

.weekly-source-card small,
.weekly-source-card strong {
  display: block;
}

.weekly-source-card small {
  color: #6b7d93;
  font-size: 12px;
  font-weight: 780;
}

.weekly-source-card strong {
  margin-top: 5px;
  font-size: 17px;
  line-height: 1.2;
}

.weekly-source-card > button i {
  transform: rotate(-90deg);
}

.weekly-source-card > button[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.weekly-source-list {
  display: grid;
  gap: 10px;
  border-top: 1px solid rgba(17,44,78,.08);
  padding: 14px 18px 18px;
}

.weekly-source-list article,
.payments-recent-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-radius: 15px;
  padding: 12px;
  background: #f8fbff;
}

.weekly-source-list article strong,
.payments-recent-list strong {
  display: block;
  color: #10294d;
  font-size: 14px;
  line-height: 1.2;
}

.weekly-source-list article small,
.payments-recent-list small {
  display: block;
  margin-top: 3px;
  color: #718096;
  font-size: 12px;
  line-height: 1.25;
}

.weekly-source-list article em {
  justify-self: end;
  border-radius: 999px;
  padding: 6px 8px;
  color: #47627f;
  background: #eef3f8;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 850;
}

.weekly-source-list article b,
.payments-recent-list b {
  grid-column: 1 / -1;
  color: #0b2345;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}

.payments-section-head {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}

.payments-stage-list,
.payments-recent-list {
  display: grid;
  gap: 10px;
}

.payments-stage-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 17px;
  padding: 12px;
  background: #f8fbff;
}

.payments-stage-list i,
.payments-recent-list i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #6b7d93;
  background: #e9eff6;
}

.payments-stage-list .complete i,
.payments-stage-list .paid i,
.payments-recent-list i {
  color: #ffffff;
  background: #12845f;
}

.payments-stage-list .current i {
  color: #ffffff;
  background: #1558ac;
  box-shadow: 0 0 0 7px rgba(21, 88, 172, .12);
  animation: paymentPulse 1.8s ease-in-out infinite;
}

.payments-stage-list strong {
  display: block;
  color: #10294d;
  font-size: 14px;
}

.payments-stage-list small {
  display: block;
  margin-top: 3px;
  color: #718096;
  font-size: 12px;
}

.payments-stage-list em {
  border-radius: 999px;
  padding: 6px 8px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.payments-recent-list article {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.payments-recent-list b {
  grid-column: auto;
  justify-self: end;
  font-size: 15px;
}

.payments-recent-card > button {
  width: 100%;
  margin-top: 12px;
  background: #f8fbff;
}

.payments-help-panel {
  padding: 0;
}

.payments-help-panel button {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: transparent;
}

.payments-help-panel svg {
  width: 18px;
  height: 18px;
}

.payments-help-panel strong,
.payments-help-panel small {
  display: block;
}

.payments-help-panel small {
  margin-top: 4px;
  color: #6f8094;
  font-size: 12px;
  line-height: 1.35;
}

.payments-dev-switcher {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 0;
}

.payments-dev-switcher button {
  flex: 0 0 auto;
  min-height: 34px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 999px;
  padding: 0 11px;
  color: #10294d;
  background: #fff;
  font-size: 11px;
  font-weight: 850;
}

.payments-dev-switcher button.active {
  color: #fff;
  background: #10294d;
}

@media (max-width: 370px) {
  .payments-os-hero,
  .payments-os-card {
    border-radius: 22px;
  }

  .payments-os-hero {
    padding: 18px;
  }

  .payments-os-topline,
  .payments-os-support,
  .payments-choice-grid,
  .payments-fee-strip,
  .payments-stage-list article,
  .payments-recent-list article {
    grid-template-columns: minmax(0, 1fr);
  }

  .payments-os-main-amount strong {
    font-size: 38px;
  }

  .payments-fee-strip span,
  .payments-os-deadline strong {
    white-space: normal;
  }
}

/* Candidate Payments V3: payroll-week decision system */
.candidate-payments-page {
  gap: 14px;
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
  width: 100%;
  max-width: 344px;
  margin-left: 0;
  margin-right: auto;
}

.candidate-payments-page > * {
  width: 100% !important;
  max-width: 344px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html,
body,
#app {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 500px) {
  .app-shell,
  .nav {
    width: min(100dvw, 430px) !important;
    max-width: 100dvw !important;
  }

  .main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .app-shell:has(.candidate-payments-page),
  .app-shell:has(.candidate-payments-page) .nav {
    width: min(100%, 390px) !important;
    max-width: min(100%, 390px) !important;
  }
}

.app-shell:has(.candidate-payments-page),
.app-shell:has(.candidate-payments-page) .nav {
  width: min(100%, 390px) !important;
  max-width: min(100%, 390px) !important;
}

.content.worker-finance-page.worker-fintech-page,
.content.earnings-content.worker-finance-page.worker-fintech-page {
  width: 100%;
  max-width: 390px;
  min-width: 0;
  margin-inline: auto;
  padding-left: 18px;
  padding-right: 18px;
  overflow-x: hidden;
  box-sizing: border-box;
}

.content.worker-finance-page.worker-fintech-page > *,
.content.earnings-content.worker-finance-page.worker-fintech-page > * {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.content.worker-finance-page .worker-earnings-tabs {
  width: 100%;
  max-width: 344px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  overflow: hidden;
  padding: 5px;
}

.content.worker-finance-page .worker-earnings-tabs button {
  width: 100%;
  min-width: 0;
  flex: initial;
  min-height: 42px;
  padding: 5px 2px;
  white-space: nowrap;
  font-size: 8px;
}

.content.worker-finance-page .worker-earnings-tabs button span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: clip;
}

.content.worker-finance-page .worker-earnings-tabs svg {
  width: 13px;
  height: 13px;
}

.worker-earnings-tabs {
  width: 344px !important;
  max-width: 344px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.worker-earnings-tabs button {
  width: 100% !important;
  min-width: 0 !important;
  flex: initial !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
  font-size: 7.5px !important;
  white-space: nowrap !important;
}

.payments-os-hero {
  padding: 20px;
  border-radius: 24px;
}

.payments-os-topline {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.payments-os-topline em {
  justify-self: start;
  max-width: 100%;
  margin-top: 8px;
  white-space: normal;
}

.payments-os-title {
  margin-top: 18px;
}

.payments-os-title h2 {
  font-size: clamp(24px, 6.6vw, 28px);
  line-height: 1.08;
}

.payments-os-title p {
  margin: 7px 0 0;
  color: rgba(232, 242, 255, .72);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.payments-os-main-amount {
  margin-top: 18px;
}

.payments-os-main-amount strong {
  font-size: clamp(40px, 10.8vw, 46px);
}

.payments-os-support {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
  gap: 9px;
}

.payments-os-support article {
  min-width: 0;
  padding: 11px;
  border-radius: 16px;
}

.payments-os-support strong {
  font-size: 17px;
}

.payments-status-strip {
  width: 100%;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 18px;
  padding: 13px 15px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 12px 30px rgba(10, 32, 62, .05);
}

.payments-status-strip i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #1558ac;
  box-shadow: 0 0 0 5px rgba(21, 88, 172, .1);
}

.payments-status-strip.pending i {
  background: #c27803;
  box-shadow: 0 0 0 5px rgba(194, 120, 3, .1);
}

.payments-status-strip.paid i {
  background: #12845f;
  box-shadow: 0 0 0 5px rgba(18, 132, 95, .1);
}

.payments-status-strip.failed i {
  background: #bf2f4a;
  box-shadow: 0 0 0 5px rgba(191, 47, 74, .1);
}

.payments-status-strip strong,
.payments-status-strip small {
  display: block;
  min-width: 0;
}

.payments-status-strip strong {
  color: #0b2345;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
}

.payments-status-strip small {
  margin-top: 3px;
  color: #667890;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.payments-payout-choice {
  display: grid;
  gap: 14px;
}

.payments-state-card {
  display: grid;
  gap: 14px;
}

.payments-state-card span {
  display: block;
  color: #6a7c92;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
}

.payments-state-card h3 {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.2;
}

.payments-state-card p {
  font-size: 13px;
}

.payments-state-card button {
  min-height: 50px;
  border: 0;
  border-radius: 15px;
  color: #ffffff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 14px 26px rgba(21, 88, 172, .16);
}

.payments-state-card.pending {
  background: #fffaf0;
  border-color: rgba(194, 120, 3, .18);
}

.payments-state-card.failed {
  background: #fff6f8;
  border-color: rgba(191, 47, 74, .18);
}

.payout-choice-stack {
  display: grid;
  gap: 12px;
}

.payout-option-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(17, 44, 78, .09);
  border-radius: 20px;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.payout-option-card.selected {
  border-color: rgba(21, 88, 172, .26);
  background:
    linear-gradient(180deg, rgba(245, 249, 255, 1), rgba(255, 255, 255, .96));
}

.payout-option-card.available {
  border-color: rgba(18, 132, 95, .26);
}

.payout-option-card > div {
  min-width: 0;
}

.payout-option-card span,
.payout-option-card h4,
.payout-option-card strong {
  display: block;
}

.payout-option-card span {
  color: #64778e;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
}

.payout-option-card h4 {
  margin: 5px 0 0;
  color: #0b2345;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
}

.payout-option-card > div > strong {
  margin-top: 8px;
  color: #06172e;
  font-size: 26px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.payout-option-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.payout-option-card li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.payout-option-card li small {
  color: #73839a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
}

.payout-option-card li b {
  color: #193453;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
  text-align: right;
}

.payout-option-card p {
  margin: 0;
  color: #607189;
  font-size: 13px;
  line-height: 1.45;
}

.payout-option-card button {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(17, 44, 78, .1);
  border-radius: 15px;
  padding: 0 14px;
  color: #10294d;
  background: #ffffff;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 900;
}

.payout-option-card button.primary {
  border: 0;
  color: #ffffff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 26px rgba(21, 88, 172, .18);
}

.payout-option-card button.disabled,
.payout-option-card button:disabled {
  color: #7b8795;
  background: #f1f5f9;
  box-shadow: none;
}

.payments-payroll-clock {
  display: grid;
  gap: 13px;
}

.payments-payroll-clock span,
.payments-payroll-clock h3,
.payments-payroll-clock p {
  display: block;
}

.payments-payroll-clock span {
  color: #6a7c92;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
}

.payments-payroll-clock h3 {
  margin: 5px 0 0;
  color: #0b2345;
  font-size: 18px;
  line-height: 1.2;
}

.payments-payroll-clock p {
  margin: 6px 0 0;
  color: #65778e;
  font-size: 13px;
  line-height: 1.4;
}

.payments-payroll-clock .payment-live-countdown {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payments-stage-list {
  position: relative;
  gap: 0;
}

.payments-stage-list::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 17px;
  width: 2px;
  background: linear-gradient(#dce7f3, #edf2f7);
}

.payments-stage-list article {
  position: relative;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  border: 0;
  border-radius: 0;
  padding: 10px 0 10px;
  background: transparent;
}

.payments-stage-list i {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  border: 2px solid #d8e2ee;
  color: #7a899b;
  background: #ffffff;
}

.payments-stage-list .complete i {
  border-color: #1558ac;
  background: #1558ac;
}

.payments-stage-list .current {
  border-radius: 18px;
  padding: 12px;
  margin: 4px -4px;
  background: #f5f9ff;
  box-shadow: inset 0 0 0 1px rgba(21, 88, 172, .1);
}

.payments-stage-list .current i {
  border-color: #1558ac;
}

.payments-stage-list .paid i {
  border-color: #12845f;
  background: #12845f;
}

.payments-stage-list .delayed i {
  border-color: #bf2f4a;
  background: #bf2f4a;
  color: #ffffff;
}

.payments-stage-list strong {
  font-size: 14px;
  line-height: 1.25;
}

.payments-stage-list small {
  font-size: 12px;
  line-height: 1.32;
}

.payments-help-panel {
  overflow: hidden;
}

.payments-help-panel > button[aria-expanded="true"] i:last-child {
  transform: rotate(90deg);
}

.payments-help-steps {
  display: grid;
  gap: 10px;
  border-top: 1px solid rgba(17, 44, 78, .08);
  padding: 4px 18px 18px;
}

.payments-help-steps article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.payments-help-steps i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: #10294d;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.payments-help-steps strong,
.payments-help-steps small {
  display: block;
}

.payments-help-steps strong {
  color: #0b2345;
  font-size: 13px;
  line-height: 1.25;
}

.payments-help-steps small,
.payments-help-steps p {
  color: #6d7e93;
  font-size: 12px;
  line-height: 1.38;
}

.payments-help-steps p {
  margin: 2px 0 0;
  border-radius: 14px;
  padding: 10px;
  background: #f6f9fd;
}

@media (max-width: 370px) {
  .payments-os-support,
  .payments-payroll-clock .payment-live-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payout-option-card li {
    grid-template-columns: minmax(0, 1fr);
  }

  .payout-option-card li b {
    text-align: left;
  }
}

/* Candidate Payments V4: precision typography, payment logic and compact fintech hierarchy */
.candidate-payments-page {
  width: min(100%, 328px);
  max-width: 328px;
  gap: 13px;
}

.candidate-payments-page > * {
  max-width: 328px !important;
}

.worker-earnings-tabs {
  width: min(100%, 316px) !important;
  max-width: 316px !important;
}

.worker-earnings-tabs button {
  min-height: 42px !important;
  font-size: 7.5px !important;
}

.worker-earnings-tabs svg {
  width: 11px !important;
  height: 11px !important;
}

.payments-os-hero {
  padding: 18px;
  border-radius: 22px;
}

.payments-os-topline em {
  padding: 6px 9px;
  font-size: 10.5px;
}

.payments-os-title {
  margin-top: 14px;
}

.payments-os-title h2 {
  font-size: clamp(22px, 6vw, 24px);
  line-height: 1.1;
  font-weight: 850;
}

.payments-os-title p {
  margin-top: 5px;
  font-size: 13px;
}

.payments-os-main-amount {
  margin-top: 15px;
}

.payments-os-main-amount strong {
  font-size: clamp(36px, 10vw, 40px);
  line-height: 1;
  font-weight: 820;
}

.payments-os-summary-rows {
  display: grid;
  gap: 0;
  margin-top: 15px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.075);
}

.payments-os-summary-rows > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.1);
}

.payments-os-summary-rows > div:first-child {
  border-top: 0;
}

.payments-os-summary-rows span {
  min-width: 0;
  display: block;
  padding: 10px 11px;
}

.payments-os-summary-rows span + span {
  border-left: 1px solid rgba(255,255,255,.1);
}

.payments-os-summary-rows small {
  display: block;
  color: rgba(232,242,255,.64);
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 800;
}

.payments-os-summary-rows strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 1.05;
  font-weight: 830;
  white-space: nowrap;
}

.payments-os-hero > p {
  margin-top: 14px;
  font-size: 13px;
}

.payments-os-card {
  padding: 16px;
  border-radius: 20px;
}

.payments-section-head {
  gap: 5px;
  margin-bottom: 12px;
}

.payments-section-head span {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.payments-section-head h3 {
  font-size: clamp(19px, 5.5vw, 21px);
  line-height: 1.16;
}

.payments-section-head p {
  margin: 0;
  color: #65778e;
  font-size: 13px;
  line-height: 1.4;
}

.payments-payout-choice {
  gap: 12px;
}

.payout-choice-stack {
  gap: 11px;
}

.payout-option-card {
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
}

.payout-option-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.payout-option-top span {
  color: #64778e;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.payout-option-top em {
  border-radius: 999px;
  padding: 5px 8px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
}

.payout-option-amount small {
  display: block;
  color: #667890;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 760;
}

.payout-option-amount strong {
  display: block;
  margin-top: 5px;
  color: #06172e;
  font-size: clamp(24px, 7vw, 26px);
  line-height: 1;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.payout-option-amount.early-net strong {
  color: #0d6b50;
}

.payout-option-card h4,
.payout-option-card > div > strong {
  font-size: inherit;
}

.payout-fee-breakdown {
  display: grid;
  gap: 0;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 15px;
  overflow: hidden;
  background: #f8fbff;
}

.payout-fee-breakdown span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 11px;
  border-top: 1px solid rgba(17,44,78,.07);
}

.payout-fee-breakdown span:first-child {
  border-top: 0;
}

.payout-fee-breakdown small {
  color: #667890;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 740;
}

.payout-fee-breakdown b {
  color: #10294d;
  font-size: 12.5px;
  line-height: 1.1;
  font-weight: 880;
  white-space: nowrap;
}

.payout-fee-breakdown .total {
  background: #eef8f4;
}

.payout-fee-breakdown .total b {
  color: #0d6b50;
}

.payout-option-card li small,
.payout-option-card li b {
  font-size: 11.5px;
}

.payout-option-card p {
  font-size: 12.5px;
}

.payout-option-card button,
.payments-state-card button {
  min-height: 48px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 820;
}

.payments-payroll-clock {
  gap: 12px;
}

.payments-payroll-clock .payment-live-countdown {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.payments-payroll-clock .payment-live-countdown span {
  min-height: 70px;
  padding: 10px 6px;
  border-radius: 15px;
}

.payments-payroll-clock .payment-live-countdown strong {
  font-size: 26px;
  line-height: 1;
}

.payments-payroll-clock .payment-live-countdown small {
  font-size: 11px;
}

.payments-payroll-clock .payment-live-countdown em {
  grid-column: 1 / -1;
  font-size: 11px;
}

.payroll-mini-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-top: 14px;
}

.payroll-mini-rail::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 7%;
  right: 7%;
  height: 2px;
  border-radius: 999px;
  background: #dbe5f0;
}

.payroll-mini-rail span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.payroll-mini-rail span::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #dbe5f0;
  border-radius: 999px;
  background: #fff;
}

.payroll-mini-rail .active::before {
  border-color: #1558ac;
  background: #1558ac;
  box-shadow: 0 0 0 5px rgba(21,88,172,.1);
}

.payroll-mini-rail small {
  color: #7a899c;
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 760;
}

.payroll-mini-rail strong {
  color: #10294d;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 880;
}

.payroll-pending-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-radius: 16px;
  padding: 12px;
  background: #fff8eb;
  border: 1px solid rgba(194,120,3,.16);
}

.payroll-pending-panel strong,
.payroll-pending-panel small {
  display: block;
}

.payroll-pending-panel strong {
  color: #7c4a03;
  font-size: 13px;
  line-height: 1.2;
}

.payroll-pending-panel small {
  margin-top: 3px;
  color: #8b6b34;
  font-size: 11.5px;
  line-height: 1.35;
}

.payroll-pending-panel button {
  min-height: 38px;
  border: 1px solid rgba(124,74,3,.14);
  border-radius: 12px;
  padding: 0 10px;
  color: #7c4a03;
  background: #fff;
  font-size: 11.5px;
  font-weight: 900;
}

.weekly-source-card > button {
  min-height: 86px;
  grid-template-columns: minmax(0, 1fr) auto 18px;
}

.weekly-source-card > button p {
  margin: 4px 0 0;
  color: #6b7d93;
  font-size: 12px;
  line-height: 1.3;
}

.weekly-source-card > button em {
  display: grid;
  gap: 5px;
  justify-items: end;
  font-style: normal;
}

.weekly-source-card > button em b {
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 10px;
  line-height: 1;
  color: #1558ac;
  background: #eef5ff;
}

.weekly-source-card > button em b:last-child {
  color: #8a5a04;
  background: #fff6df;
}

.weekly-source-list article {
  grid-template-columns: 32px minmax(0, 1fr) auto auto;
  min-height: 58px;
  padding: 10px 0;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid rgba(17,44,78,.07);
}

.weekly-source-list article:first-child {
  border-top: 0;
}

.weekly-source-list article i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.weekly-source-list article i svg {
  width: 14px;
  height: 14px;
}

.weekly-source-list article b {
  grid-column: auto;
  font-size: 15px;
}

.weekly-source-list article em {
  justify-self: end;
}

.weekly-source-list > button {
  width: auto;
  min-height: 38px;
  justify-self: start;
  border: 0;
  padding: 0;
  color: #1558ac;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
}

.payments-stage-list::before {
  left: 14px;
  width: 1.5px;
}

.payments-stage-list article {
  grid-template-columns: 30px minmax(0, 1fr) auto;
  padding: 8px 0;
  gap: 10px;
}

.payments-stage-list i {
  width: 30px;
  height: 30px;
}

.payments-stage-list i svg {
  width: 14px;
  height: 14px;
}

.payments-stage-list .current {
  border-radius: 16px;
  padding: 10px;
}

.payments-stage-list .partial i {
  border-color: #c27803;
  color: #fff;
  background: #c27803;
}

.payments-stage-list .partial.current {
  background: #fff8eb;
  box-shadow: inset 0 0 0 1px rgba(194,120,3,.14);
}

.payments-stage-list strong {
  font-size: 15px;
}

.payments-stage-list small {
  font-size: 12px;
}

.payments-stage-list em {
  font-size: 10px;
}

.payments-recent-list article {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  min-height: 58px;
  padding: 9px 0;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid rgba(17,44,78,.07);
}

.payments-recent-list article:first-child {
  border-top: 0;
}

.payments-recent-list i {
  width: 28px;
  height: 28px;
}

.payments-recent-list i svg {
  width: 13px;
  height: 13px;
}

.payments-recent-list strong {
  font-size: 15px;
}

.payments-recent-list b {
  font-size: 17px;
}

.payments-recent-card > button {
  width: auto;
  min-height: 38px;
  margin-top: 8px;
  padding: 0;
  border: 0;
  justify-self: start;
  color: #1558ac;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
}

.payments-help-panel button {
  min-height: 92px;
}

.payments-help-panel button > span > small:first-child {
  color: #6a7c92;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.payments-help-steps article {
  grid-template-columns: 26px minmax(0, 1fr);
}

.payments-help-steps i {
  width: 26px;
  height: 26px;
}

.payments-help-steps p strong {
  display: block;
  color: #10294d;
  font-size: 12px;
}

@media (max-width: 370px) {
  .payments-os-summary-rows > div,
  .payroll-pending-panel,
  .weekly-source-card > button,
  .weekly-source-list article {
    grid-template-columns: minmax(0, 1fr);
  }

  .payments-os-summary-rows span + span {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.1);
  }

  .weekly-source-card > button em {
    justify-items: start;
    grid-template-columns: repeat(2, auto);
  }
}

@media (max-width: 500px) {
  .nav {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    transform: none !important;
  }

  .nav-button {
    min-width: 0 !important;
    font-size: 8.5px !important;
  }
}

/* Candidate Payments V5: luxury fintech restraint and calm mobile proportions */
.candidate-payments-page {
  gap: 12px;
}

.payments-os-hero {
  padding: 17px 18px;
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(6, 23, 46, .18);
}

.payments-os-topline span {
  font-size: 12px;
  font-weight: 760;
}

.payments-os-topline em {
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 760;
  background: rgba(255,255,255,.075);
}

.payments-os-title small,
.payments-os-main-amount span {
  font-size: 12px;
  font-weight: 760;
}

.payments-os-title h2 {
  font-size: 23px !important;
  font-weight: 780;
}

.payments-os-main-amount strong {
  font-size: 35px !important;
  font-weight: 760 !important;
  letter-spacing: 0;
}

.payments-os-summary-rows {
  border-radius: 17px;
}

.payments-os-summary-rows span {
  padding: 10px 11px;
}

.payments-os-summary-rows small {
  font-size: 10px;
  letter-spacing: .01em;
}

.payments-os-summary-rows strong {
  font-size: 15.5px;
  font-weight: 760;
}

.payments-os-card {
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0 14px 34px rgba(10,32,62,.055);
}

.payments-section-head span {
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: .055em;
}

.payments-section-head h3 {
  font-size: 18px !important;
  font-weight: 780;
  letter-spacing: 0;
}

.payments-section-head p,
.payments-os-card p {
  font-size: 12.5px;
}

.payout-option-card {
  border-radius: 18px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,255,.94));
  box-shadow: 0 10px 26px rgba(10,32,62,.045);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.payout-option-card:active {
  transform: scale(.992);
}

.payout-option-card.selected {
  border-color: rgba(48, 79, 184, .22);
  background:
    linear-gradient(180deg, rgba(247,249,255,1), rgba(255,255,255,.96));
}

.payout-option-amount strong {
  font-size: 24px !important;
  font-weight: 760;
}

.payout-fee-breakdown {
  border-radius: 14px;
}

.payout-fee-breakdown span {
  padding: 8px 10px;
}

.instant-availability-countdown {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(25, 83, 168, .1);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(245, 249, 255, .94), rgba(255,255,255,.86));
}

.instant-availability-countdown > span {
  color: #5d6f87;
  font-size: 11px;
  font-weight: 820;
}

.instant-availability-countdown .payment-live-countdown {
  margin: 0;
}

.instant-payout-locked,
.early-payout-locked {
  min-height: 48px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 14px;
  padding: 9px 12px;
  color: #4e6077;
  background: linear-gradient(180deg, #f8fbff, #f1f5fa);
}

.instant-payout-locked svg,
.early-payout-locked svg {
  width: 16px;
  height: 16px;
  color: #627188;
}

.instant-payout-locked strong,
.instant-payout-locked small,
.early-payout-locked strong,
.early-payout-locked small {
  display: block;
}

.instant-payout-locked strong,
.early-payout-locked strong {
  color: #10294d;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 820;
}

.instant-payout-locked small,
.early-payout-locked small {
  margin-top: 2px;
  color: #6d7d91;
  font-size: 11.5px;
  line-height: 1.28;
}

.payments-payslip-ready-card {
  background:
    radial-gradient(circle at 92% 0%, rgba(51, 111, 217, .12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.95));
}

.payslip-ready-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 13px;
}

.payslip-ready-actions button {
  min-width: 0;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(16, 41, 77, .1);
  border-radius: 14px;
  color: #10294d;
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 22px rgba(10, 32, 62, .045);
  font-size: 12px;
  font-weight: 820;
}

.payslip-ready-actions button svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 370px) {
  .payslip-ready-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.payout-option-card button.primary {
  min-height: 48px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 12px 24px rgba(21, 88, 172, .16);
}

.payments-payroll-clock .payment-live-countdown span {
  min-height: 58px;
  border-radius: 14px;
  padding: 8px 6px;
}

.payments-payroll-clock .payment-live-countdown strong {
  font-size: 24px !important;
  font-weight: 760;
}

.payments-payroll-clock .payment-live-countdown small {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.payroll-mini-rail {
  align-items: start;
  gap: 12px;
}

.payroll-mini-rail::before {
  top: 5px;
  height: 1px;
  background: linear-gradient(90deg, #1558ac 0 52%, #dbe5f0 52% 100%);
}

.payroll-mini-rail span::before {
  width: 9px;
  height: 9px;
}

.payroll-mini-rail small {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.payroll-mini-rail strong {
  font-size: 11px;
}

.payroll-pending-panel {
  border-radius: 15px;
  padding: 11px;
  background: linear-gradient(180deg, #fffaf0, #fffdf8);
}

.payroll-pending-panel strong {
  font-size: 14px;
  font-weight: 820;
}

.payroll-pending-panel button {
  min-height: 36px;
  border: 0;
  color: #7c4a03;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 0 0 1px rgba(124,74,3,.1);
}

.weekly-source-card > button {
  min-height: 78px;
}

.weekly-source-card > button strong {
  font-size: 16px;
  font-weight: 800;
}

.weekly-source-list article {
  border-radius: 16px;
  padding: 10px;
  background: #fbfdff;
  border: 1px solid rgba(17,44,78,.06);
}

.weekly-source-list article em {
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 820;
}

.payments-stage-list::before {
  width: 1px;
  left: 13px;
}

.payments-stage-list article {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 7px 0;
}

.payments-stage-list i {
  width: 28px;
  height: 28px;
  border-width: 1.5px;
}

.payments-stage-list i svg {
  width: 13px;
  height: 13px;
}

.payments-stage-list .current {
  padding: 9px;
  margin: 3px -3px;
}

.payments-stage-list strong {
  font-size: 14.5px;
  font-weight: 760;
}

.payments-stage-list small {
  font-size: 12px;
}

.payments-stage-list em {
  padding: 5px 7px;
  font-size: 9.5px;
}

.payments-recent-list {
  gap: 0;
  border: 1px solid rgba(17,44,78,.06);
  border-radius: 16px;
  overflow: hidden;
  background: #fbfdff;
}

.payments-recent-list article {
  min-height: 56px;
  padding: 9px 11px;
  background: transparent;
}

.payments-recent-list i {
  width: 26px;
  height: 26px;
}

.payments-recent-list i svg {
  width: 12px;
  height: 12px;
}

.payments-recent-list strong {
  font-size: 14px;
  font-weight: 760;
}

.payments-recent-list small {
  font-size: 11.5px;
}

.payments-recent-list b {
  font-size: 16px;
  font-weight: 780;
}

.payments-recent-card > button {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(17,44,78,.08);
  border-radius: 14px;
  padding: 0 12px;
  justify-self: stretch;
  color: #10294d;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 8px 18px rgba(10,32,62,.04);
  font-weight: 800;
}

.payments-help-panel button {
  min-height: 84px;
}

.payments-help-panel button > svg:first-child {
  width: 17px;
  height: 17px;
}

.payments-help-panel strong {
  font-size: 15px;
  font-weight: 800;
}

.payments-help-steps {
  gap: 9px;
}

.payments-help-steps article {
  grid-template-columns: 24px minmax(0, 1fr);
}

.payments-help-steps i {
  width: 24px;
  height: 24px;
  font-size: 11px;
}

.payments-help-steps strong {
  font-size: 12.5px;
}

.payments-help-steps small {
  font-size: 11.5px;
}

/* Candidate Payments V6: strict premium typography correction */
.candidate-payments-page {
  width: min(100%, 344px) !important;
  max-width: 344px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 12px !important;
  font-variant-numeric: tabular-nums;
}

.candidate-payments-page > * {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.content.worker-finance-page .worker-earnings-tabs,
.worker-earnings-tabs {
  width: min(100%, 344px) !important;
  max-width: 344px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.candidate-payments-page .payments-os-hero {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(118, 94, 214, .2), transparent 34%),
    linear-gradient(152deg, #07162f 0%, #102d58 48%, #09162e 100%) !important;
  border: 1px solid rgba(235, 244, 255, .14) !important;
  box-shadow: 0 18px 42px rgba(4, 18, 38, .18) !important;
}

.candidate-payments-page .payments-os-hero::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255,255,255,.08), transparent 34%),
    linear-gradient(180deg, transparent, rgba(255,255,255,.025));
}

.candidate-payments-page .payments-os-hero > * {
  position: relative;
  z-index: 1;
}

.candidate-payments-page .payments-os-topline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.candidate-payments-page .payments-os-topline span {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
  white-space: nowrap;
}

.candidate-payments-page .payments-os-topline em {
  max-width: 138px;
  justify-self: end;
  padding: 5px 9px !important;
  border: 1px solid rgba(255,255,255,.1);
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  text-align: center;
  white-space: normal;
}

.candidate-payments-page .payments-os-title {
  margin-top: 16px !important;
}

.candidate-payments-page .payments-os-title small,
.candidate-payments-page .payments-os-main-amount span {
  display: block;
  color: rgba(232, 242, 255, .68) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

.candidate-payments-page .payments-os-title h2 {
  margin-top: 6px !important;
  max-width: 100%;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.candidate-payments-page .payments-os-title p {
  margin-top: 6px !important;
  color: rgba(232, 242, 255, .74) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 640 !important;
}

.candidate-payments-page .payments-os-main-amount {
  margin-top: 16px !important;
}

.candidate-payments-page .payments-os-main-amount strong {
  display: block;
  margin-top: 6px;
  max-width: 100%;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.candidate-payments-page .payments-os-summary-rows {
  margin-top: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.candidate-payments-page .payments-os-summary-rows span {
  min-height: 62px;
  padding: 11px 13px !important;
}

.candidate-payments-page .payments-os-summary-rows small {
  color: rgba(232, 242, 255, .64) !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase;
}

.candidate-payments-page .payments-os-summary-rows strong {
  margin-top: 7px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.candidate-payments-page .payments-os-hero > p {
  margin-top: 14px !important;
  color: rgba(232, 242, 255, .78) !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  font-weight: 640 !important;
}

.candidate-payments-page .payments-status-strip {
  min-height: 56px;
  border-radius: 16px;
  padding: 11px 13px;
}

.candidate-payments-page .payments-status-strip strong {
  font-size: 13.5px !important;
  line-height: 1.2 !important;
}

.candidate-payments-page .payments-status-strip small {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.candidate-payments-page .payments-os-card {
  padding: 18px !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 30px rgba(10, 32, 62, .055) !important;
}

.candidate-payments-page .payments-section-head {
  gap: 6px !important;
  margin-bottom: 14px !important;
}

.candidate-payments-page .payments-section-head span {
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
}

.candidate-payments-page .payments-section-head h3 {
  font-size: 18px !important;
  line-height: 1.14 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payments-section-head p,
.candidate-payments-page .payments-os-card p {
  font-size: 12.5px !important;
  line-height: 1.42 !important;
}

.candidate-payments-page .payments-payroll-clock {
  gap: 16px !important;
}

.candidate-payments-page .payments-payroll-clock .payment-live-countdown {
  gap: 12px !important;
}

.candidate-payments-page .payments-payroll-clock .payment-live-countdown span {
  min-height: 68px !important;
  padding: 9px 7px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(21, 88, 172, .1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.candidate-payments-page .payments-payroll-clock .payment-live-countdown strong {
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
}

.candidate-payments-page .payments-payroll-clock .payment-live-countdown small {
  margin-top: 5px;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
}

.candidate-payments-page .payments-payroll-clock .payment-live-countdown em {
  margin-top: 2px;
  padding: 6px 9px;
  justify-self: center;
  border-radius: 999px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800;
}

.candidate-payments-page .payroll-mini-rail {
  gap: 10px !important;
  padding-top: 18px !important;
}

.candidate-payments-page .payroll-mini-rail::before {
  top: 7px !important;
  left: 10% !important;
  right: 10% !important;
  height: 2px !important;
  background: linear-gradient(90deg, #1558ac 0 52%, #dbe5f0 52% 100%) !important;
}

.candidate-payments-page .payroll-mini-rail span {
  min-width: 0;
  gap: 5px !important;
}

.candidate-payments-page .payroll-mini-rail span::before {
  width: 11px !important;
  height: 11px !important;
  border-width: 1.5px !important;
}

.candidate-payments-page .payroll-mini-rail .complete::before {
  border-color: #1558ac;
  background: #1558ac;
  box-shadow: inset 0 0 0 3px #fff;
}

.candidate-payments-page .payroll-mini-rail .active::before {
  box-shadow: 0 0 0 5px rgba(21, 88, 172, .11) !important;
}

.candidate-payments-page .payroll-mini-rail small {
  overflow-wrap: normal;
  color: #738297 !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 780 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-mini-rail strong {
  overflow-wrap: normal;
  color: #10294d !important;
  font-size: 11.5px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
}

.candidate-payments-page .payroll-pending-panel {
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,250,240,.98), rgba(255,253,248,.96)) !important;
  border: 1px solid rgba(194, 120, 3, .16) !important;
}

.candidate-payments-page .payroll-pending-panel i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #9a5d00;
  background: rgba(194, 120, 3, .12);
}

.candidate-payments-page .payroll-pending-panel i svg {
  width: 15px;
  height: 15px;
}

.candidate-payments-page .payroll-pending-panel strong {
  color: #704300 !important;
  font-size: 18px !important;
  line-height: 1.14 !important;
  font-weight: 720 !important;
}

.candidate-payments-page .payroll-pending-panel small {
  margin-top: 5px !important;
  color: #846535 !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
}

.candidate-payments-page .payroll-pending-panel button {
  min-height: 44px !important;
  padding: 0 13px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(124, 74, 3, .13) !important;
  color: #704300 !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 8px 18px rgba(124, 74, 3, .055) !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  white-space: nowrap;
}

.candidate-payments-page .payout-option-card button,
.candidate-payments-page .payments-state-card button,
.candidate-payments-page .payments-recent-card > button {
  min-height: 44px;
  font-size: 13.5px !important;
}

.candidate-payments-page .payments-stage-list strong {
  font-size: 13.5px !important;
}

.candidate-payments-page .payments-stage-list small {
  font-size: 12px !important;
}

.candidate-payments-page .payments-stage-list em {
  font-size: 9.5px !important;
}

@media (max-width: 389px) {
  .candidate-payments-page .payments-os-hero,
  .candidate-payments-page .payments-os-card {
    padding: 18px !important;
  }

  .candidate-payments-page .payments-os-main-amount strong {
    font-size: 30px !important;
  }

  .candidate-payments-page .payments-os-summary-rows strong {
    font-size: 17px !important;
  }

  .candidate-payments-page .payments-payroll-clock .payment-live-countdown {
    gap: 8px !important;
  }

  .candidate-payments-page .payroll-pending-panel {
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }

  .candidate-payments-page .payroll-pending-panel button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* Candidate Payments V7: premium payroll window control module */
.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 18px !important;
  padding: 20px !important;
  border: 1px solid rgba(17, 44, 78, .08) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(80, 96, 210, .09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96)) !important;
  box-shadow: 0 18px 42px rgba(10, 32, 62, .075) !important;
}

.candidate-payments-page .payroll-window-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-payments-page .payroll-window-head span {
  display: block;
  color: #6d7f96;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 820;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-window-head h3 {
  margin: 8px 0 0;
  color: #0b2345;
  font-size: 20px !important;
  line-height: 1.17 !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payroll-window-head p {
  margin: 7px 0 0 !important;
  color: #65768c;
  font-size: 13px !important;
  line-height: 1.34 !important;
  font-weight: 650;
}

.candidate-payments-page .payroll-window-head > em {
  display: inline-grid;
  grid-template-columns: 6px auto;
  gap: 7px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(21, 88, 172, .12);
  border-radius: 999px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 840;
  white-space: nowrap;
}

.candidate-payments-page .payroll-window-head > em i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 4px rgba(21, 88, 172, .1);
}

.candidate-payments-page .payroll-window-status {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, .9fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 17px;
  background: rgba(17, 44, 78, .06);
}

.candidate-payments-page .payroll-window-status span {
  min-width: 0;
  padding: 12px 13px;
  background: rgba(255,255,255,.76);
}

.candidate-payments-page .payroll-window-status small,
.candidate-payments-page .payroll-window-status strong {
  display: block;
}

.candidate-payments-page .payroll-window-status small {
  color: #74849a;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 820;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-window-status strong {
  margin-top: 7px;
  color: #10294d;
  font-size: 12.5px;
  line-height: 1.18;
  font-weight: 760;
}

.candidate-payments-page .payroll-countdown-module {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(21, 88, 172, .08);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(246,249,255,.9), rgba(255,255,255,.86));
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown span {
  min-height: 70px !important;
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 10px 6px !important;
  border: 1px solid rgba(21, 88, 172, .11);
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,247,255,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(21, 88, 172, .045);
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown strong {
  color: #0b2345;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown small {
  margin-top: 6px;
  color: #63758d;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 820;
  letter-spacing: .065em !important;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown em {
  grid-column: 1 / -1;
  justify-self: center;
  margin-top: 0;
  padding: 6px 10px;
  border-radius: 999px;
  color: #1558ac;
  background: rgba(21, 88, 172, .08);
  font-size: 11px !important;
  line-height: 1;
  font-style: normal;
  font-weight: 820;
}

.candidate-payments-page .payroll-week-progress {
  display: grid;
  gap: 7px;
}

.candidate-payments-page .payroll-week-progress span {
  position: relative;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e3ebf5;
}

.candidate-payments-page .payroll-week-progress span i {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--payroll-progress, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, #1558ac, #6d65de);
  transition: width 220ms ease;
}

.candidate-payments-page .payroll-week-progress small {
  color: #6d7f96;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 720;
}

.candidate-payments-page .payroll-progress-tracker {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 19px;
}

.candidate-payments-page .payroll-progress-tracker::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 11%;
  right: 11%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1558ac 0 50%, #dfe8f2 50% 100%);
}

.candidate-payments-page .payroll-progress-tracker > span {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 5px;
}

.candidate-payments-page .payroll-progress-tracker i {
  width: 13px;
  height: 13px;
  display: grid;
  place-items: center;
  border: 1.5px solid #d8e2ee;
  border-radius: 999px;
  color: #fff;
  background: #fff;
  z-index: 1;
}

.candidate-payments-page .payroll-progress-tracker i svg {
  width: 8px;
  height: 8px;
  stroke-width: 3;
}

.candidate-payments-page .payroll-progress-tracker .complete i {
  border-color: #1558ac;
  background: #1558ac;
}

.candidate-payments-page .payroll-progress-tracker .active i {
  border-color: #1558ac;
  background: #1558ac;
  box-shadow: 0 0 0 6px rgba(21, 88, 172, .12);
  animation: payrollCurrentPulse 1.9s ease-in-out infinite;
}

.candidate-payments-page .payroll-progress-tracker small {
  color: #7a899c;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 820;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-progress-tracker strong {
  color: #10294d;
  font-size: 11px;
  line-height: 1.18;
  font-weight: 760;
}

.candidate-payments-page .payroll-pending-panel.premium {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(194, 120, 3, .16) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,249,237,.98), rgba(255,253,248,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}

.candidate-payments-page .payroll-pending-panel.premium > i {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  align-self: start;
  border-radius: 999px;
  color: #9b5d00;
  background: rgba(194, 120, 3, .12);
}

.candidate-payments-page .payroll-pending-panel.premium > i svg {
  width: 15px;
  height: 15px;
}

.candidate-payments-page .payroll-pending-panel.premium span {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.candidate-payments-page .payroll-pending-panel.premium small,
.candidate-payments-page .payroll-pending-panel.premium strong,
.candidate-payments-page .payroll-pending-panel.premium b,
.candidate-payments-page .payroll-pending-panel.premium em {
  display: block;
}

.candidate-payments-page .payroll-pending-panel.premium small {
  margin: 0 !important;
  color: #8a5a04 !important;
  font-size: 9.5px !important;
  line-height: 1.1 !important;
  font-weight: 840;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-pending-panel.premium strong {
  color: #704300 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
}

.candidate-payments-page .payroll-pending-panel.premium b {
  color: #3c2d17;
  font-size: 14px;
  line-height: 1.22;
  font-weight: 760;
}

.candidate-payments-page .payroll-pending-panel.premium em {
  color: #80612c;
  font-size: 12.5px;
  line-height: 1.34;
  font-style: normal;
  font-weight: 650;
}

.candidate-payments-page .payroll-pending-panel.premium button {
  min-height: 46px !important;
  padding: 0 13px !important;
  display: inline-grid;
  grid-auto-flow: column;
  gap: 7px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0b2345, #1558ac) !important;
  box-shadow: 0 10px 20px rgba(21, 88, 172, .14) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.candidate-payments-page .payroll-pending-panel.premium button:active {
  transform: scale(.985);
}

.candidate-payments-page .payroll-pending-panel.premium button svg {
  width: 13px;
  height: 13px;
  transform: rotate(180deg);
}

.candidate-payments-page .payroll-ready-panel,
.candidate-payments-page .payroll-window-foot {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 16px;
  padding: 12px 13px;
  color: #506178;
  background: rgba(248,251,255,.82);
}

.candidate-payments-page .payroll-ready-panel svg,
.candidate-payments-page .payroll-window-foot svg {
  width: 16px;
  height: 16px;
  color: #1558ac;
}

.candidate-payments-page .payroll-ready-panel strong {
  display: block;
  color: #10294d;
  font-size: 13.5px;
  line-height: 1.2;
}

.candidate-payments-page .payroll-ready-panel small,
.candidate-payments-page .payroll-window-foot span {
  display: block;
  color: #66778e;
  font-size: 11.5px;
  line-height: 1.34;
  font-weight: 650;
}

@keyframes payrollCurrentPulse {
  0%, 100% { box-shadow: 0 0 0 5px rgba(21, 88, 172, .1); }
  50% { box-shadow: 0 0 0 8px rgba(21, 88, 172, .16); }
}

@media (max-width: 389px) {
  .candidate-payments-page .payments-payroll-clock.payroll-window-premium {
    padding: 16px !important;
    gap: 16px !important;
  }

  .candidate-payments-page .payroll-window-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-payments-page .payroll-window-head > em {
    justify-self: start;
  }

  .candidate-payments-page .payroll-window-status {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-payments-page .payroll-countdown-module {
    padding: 12px;
  }

  .candidate-payments-page .payroll-countdown-module .payment-live-countdown {
    gap: 8px !important;
  }

  .candidate-payments-page .payroll-progress-tracker {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
    padding-top: 0;
    padding-left: 18px;
  }

  .candidate-payments-page .payroll-progress-tracker::before {
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: auto;
    width: 2px;
    height: auto;
    background: linear-gradient(180deg, #1558ac 0 50%, #dfe8f2 50% 100%);
  }

  .candidate-payments-page .payroll-progress-tracker > span {
    grid-template-columns: 0 minmax(0, 1fr);
    column-gap: 0;
  }

  .candidate-payments-page .payroll-progress-tracker i {
    position: absolute;
    left: -18px;
    top: 0;
  }

  .candidate-payments-page .payroll-pending-panel.premium {
    grid-template-columns: 32px minmax(0, 1fr) !important;
  }

  .candidate-payments-page .payroll-pending-panel.premium button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .candidate-payments-page .payroll-progress-tracker .active i {
    animation: none;
  }

  .candidate-payments-page .payroll-week-progress span i,
  .candidate-payments-page .payroll-pending-panel.premium button {
    transition: none;
  }
}

/* Financial Passport V2: premium reporting controls and aligned metric grid */
.content.worker-finance-page:has(.financial-passport-finance-hero) {
  padding-bottom: calc(136px + env(safe-area-inset-bottom)) !important;
}

.financial-passport-hero-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  align-items: stretch !important;
}

.financial-passport-hero-actions button {
  min-width: 0;
  min-height: 56px !important;
  justify-content: center;
  gap: 8px;
  border-radius: 15px !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

.financial-passport-hero-actions button svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
}

.financial-passport-hero-actions .primary {
  background: linear-gradient(135deg, #07182f, #1558ac) !important;
}

.financial-passport-reporting-control {
  position: relative;
  z-index: 2;
  display: grid !important;
  gap: 14px !important;
  margin-top: 14px !important;
  padding: 16px !important;
  border: 1px solid rgba(17, 44, 78, .08) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(74, 89, 190, .08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96)) !important;
  box-shadow: 0 16px 38px rgba(13, 43, 78, .07) !important;
}

.financial-passport-control-eyebrow {
  color: #697c94;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 840;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.financial-passport-control-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 12px;
  align-items: stretch;
}

.financial-passport-tax-selector {
  position: relative;
  min-width: 0;
}

.financial-passport-tax-selector > button {
  width: 100%;
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(17, 44, 78, .1);
  border-radius: 16px;
  padding: 11px 12px;
  color: #10294d;
  background: rgba(255,255,255,.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
  text-align: left;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.financial-passport-tax-selector > button:active {
  transform: scale(.992);
}

.financial-passport-tax-selector > button:focus-visible,
.financial-passport-basis.premium button:focus-visible {
  outline: 2px solid rgba(21, 88, 172, .34);
  outline-offset: 2px;
}

.financial-passport-tax-selector > button span {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.financial-passport-tax-selector small {
  color: #6e8097;
  font-size: 10px;
  line-height: 1;
  font-weight: 830;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.financial-passport-tax-selector strong {
  color: #10294d;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 760;
  white-space: nowrap;
}

.financial-passport-tax-selector em {
  color: #6c7d93;
  font-size: 11.5px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 640;
}

.financial-passport-tax-selector > button > svg {
  width: 16px;
  height: 16px;
  color: #6e8097;
  transform: rotate(-90deg);
}

.financial-passport-tax-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  display: grid;
  gap: 7px;
  max-height: min(360px, 72vh);
  overflow: auto;
  border: 1px solid rgba(17, 44, 78, .1);
  border-radius: 18px;
  padding: 8px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 20px 42px rgba(10, 32, 62, .16);
  animation: financialPassportMenuIn 180ms ease both;
}

.financial-passport-tax-menu button {
  min-height: 62px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  gap: 8px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 10px;
  color: #10294d;
  background: #fff;
  text-align: left;
}

.financial-passport-tax-menu button.selected {
  border-color: rgba(21, 88, 172, .16);
  background: #eef5ff;
}

.financial-passport-tax-menu button span {
  display: grid;
  gap: 4px;
}

.financial-passport-tax-menu button strong {
  font-size: 13px;
}

.financial-passport-tax-menu button small {
  letter-spacing: 0;
  text-transform: none;
}

.financial-passport-tax-menu button em {
  justify-self: end;
  color: #1558ac;
  font-size: 10px;
  font-weight: 820;
  white-space: nowrap;
}

.financial-passport-tax-menu button svg {
  width: 15px;
  height: 15px;
  color: #1558ac;
}

.financial-passport-basis.premium {
  min-width: 0;
  min-height: 64px;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px !important;
  align-items: stretch !important;
  padding: 5px !important;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 16px !important;
  background: #eef3f8 !important;
}

.financial-passport-basis.premium button {
  min-height: 52px;
  display: grid;
  place-items: center;
  border-radius: 12px !important;
  color: #5e7189 !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
  white-space: nowrap;
  transition: color 190ms ease, background 190ms ease, box-shadow 190ms ease, transform 190ms ease;
}

.financial-passport-basis.premium button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #0b2345, #1558ac) !important;
  box-shadow: 0 10px 20px rgba(21, 88, 172, .14) !important;
}

.financial-passport-summary-head {
  margin-top: 16px;
  margin-bottom: 10px;
}

.financial-passport-summary-head em {
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  padding: 0 10px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
  width: 100%;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article {
  min-width: 0;
  height: 124px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 18px;
  padding: 16px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 10px 24px rgba(13, 43, 78, .045);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.primary {
  border-color: rgba(21, 88, 172, .14);
  background:
    radial-gradient(circle at 100% 0%, rgba(21, 88, 172, .08), transparent 42%),
    linear-gradient(180deg, #ffffff, #f4f8ff);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.operational {
  background: linear-gradient(180deg, #fbfdff, #f7fafc);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid small {
  min-height: 24px;
  display: block;
  color: #687a91;
  font-size: 10px;
  line-height: 1.18;
  font-weight: 820;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid strong {
  display: block;
  margin-top: 10px;
  color: #10294d;
  font-size: 23px;
  line-height: 1;
  font-weight: 730;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid em {
  display: block;
  margin-top: auto;
  color: #718299;
  font-size: 12px;
  line-height: 1.34;
  font-style: normal;
  font-weight: 650;
}

@keyframes financialPassportMenuIn {
  from { opacity: 0; transform: translateY(-4px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 500px) {
  .financial-passport-control-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-passport-basis.premium {
    min-height: 60px;
  }

  .financial-passport-basis.premium button {
    min-height: 50px;
  }
}

@media (max-width: 389px) {
  .financial-passport-tax-menu {
    position: relative;
    top: auto;
    margin-top: 8px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid article {
    height: 126px;
    padding: 14px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid strong {
    font-size: 20px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid em {
    font-size: 11.5px;
  }
}

@media (max-width: 350px) {
  .financial-passport-metric-grid.financial-passport-dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid article {
    height: auto;
    min-height: 118px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .financial-passport-tax-menu {
    animation: none;
  }

  .financial-passport-tax-selector > button,
  .financial-passport-basis.premium button {
    transition: none;
  }
}

/* Financial Passport V3: urgent premium correction for reporting period and summary */
.content.worker-finance-page:has(.financial-passport-finance-hero) {
  padding-bottom: calc(var(--bottom-nav-height, 88px) + env(safe-area-inset-bottom) + 52px) !important;
}

.financial-passport-reporting-control {
  isolation: isolate;
  gap: 16px !important;
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(15, 35, 66, .1) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 92% -10%, rgba(54, 79, 171, .12), transparent 38%),
    linear-gradient(145deg, #fffdf9 0%, #f7faff 54%, #f3f6fb 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 18px 46px rgba(12, 30, 58, .1) !important;
}

.financial-passport-control-eyebrow {
  color: #65768c;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: .115em;
}

.financial-passport-control-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  gap: 14px;
}

.financial-passport-tax-selector > button {
  min-height: 88px;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 14px;
  border-radius: 18px;
  padding: 15px 14px 15px 16px;
  border-color: rgba(20, 43, 75, .12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,255,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 10px 24px rgba(12, 31, 59, .055);
}

.financial-passport-tax-selector > button:hover {
  border-color: rgba(34, 86, 171, .2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 12px 28px rgba(12, 31, 59, .075);
}

.financial-passport-tax-selector > button span {
  gap: 5px;
}

.financial-passport-tax-selector small {
  color: #6a788a;
  font-size: 10.5px;
  letter-spacing: .085em;
}

.financial-passport-tax-selector strong {
  color: #0d2548;
  font-size: 21px;
  line-height: 1.05;
  font-weight: 780;
}

.financial-passport-tax-selector em {
  color: #66768b;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 680;
  white-space: nowrap;
}

.financial-passport-tax-chevron {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  justify-self: end;
  border: 1px solid rgba(15, 35, 66, .08);
  border-radius: 12px;
  color: #52677f;
  background: linear-gradient(180deg, #f9fbff, #edf3fa);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.financial-passport-tax-chevron svg {
  width: 15px;
  height: 15px;
  transform: rotate(-90deg);
}

.financial-passport-tax-selector > button > svg {
  display: none;
}

.financial-passport-tax-menu {
  top: calc(100% + 10px);
  gap: 8px;
  border-radius: 20px;
  padding: 10px;
  border-color: rgba(15, 35, 66, .12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,251,255,.99));
  box-shadow:
    0 24px 54px rgba(9, 27, 54, .18),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.financial-passport-tax-menu button {
  min-height: 66px;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  border-radius: 15px;
  padding: 11px 12px;
  background: rgba(255,255,255,.74);
}

.financial-passport-tax-menu button span {
  min-width: 0;
}

.financial-passport-tax-menu button.selected {
  border-color: rgba(25, 84, 177, .22);
  background: linear-gradient(135deg, rgba(235, 243, 255, .96), rgba(246, 250, 255, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

.financial-passport-tax-menu button strong {
  color: #10294d;
  font-size: 13.5px;
  line-height: 1.1;
  font-weight: 820;
}

.financial-passport-tax-menu button small {
  color: #66768b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 700;
}

.financial-passport-tax-menu button em {
  color: #1558ac;
  font-size: 10.5px;
  font-weight: 850;
}

.financial-passport-basis.premium {
  position: relative;
  overflow: hidden;
  min-height: 52px;
  align-self: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  padding: 4px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(15, 35, 66, .09);
  background:
    linear-gradient(180deg, #eef4fa, #e7eef7) !important;
  box-shadow:
    inset 0 1px 2px rgba(12, 31, 59, .055),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.financial-passport-basis.premium::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc((100% - 8px) / 2);
  border-radius: 13px;
  background: linear-gradient(135deg, #07182f, #143f83 56%, #205eb7);
  box-shadow:
    0 10px 22px rgba(20, 63, 131, .22),
    inset 0 1px 0 rgba(255,255,255,.18);
  transform: translateX(0);
  transition: transform 210ms cubic-bezier(.2,.8,.2,1);
}

.financial-passport-basis.premium.basis-gross::before {
  transform: translateX(100%);
}

.financial-passport-basis.premium button {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 48px;
  padding: 0 8px !important;
  border-radius: 13px !important;
  color: #243c5b !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  text-align: center;
  letter-spacing: 0;
}

.financial-passport-basis.premium button.active {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.financial-passport-summary-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 12px;
}

.financial-passport-summary-head div {
  min-width: 0;
}

.financial-passport-summary-head span {
  color: #65768c;
  font-size: 10.5px !important;
  line-height: 1;
  font-weight: 860;
  letter-spacing: .105em;
}

.financial-passport-summary-head h3 {
  margin-top: 6px !important;
  color: #10294d;
  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: 0;
}

.financial-passport-summary-head em {
  min-height: 28px;
  flex: 0 0 auto;
  padding: 0 11px;
  border: 1px solid rgba(21, 88, 172, .08);
  color: #1558ac;
  background: linear-gradient(180deg, #f0f6ff, #eaf3ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
  font-size: 11px;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid {
  gap: 12px;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article {
  position: relative;
  overflow: hidden;
  height: 128px;
  border-radius: 18px;
  padding: 16px;
  border-color: rgba(15, 35, 66, .095);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,254,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 12px 28px rgba(12, 31, 59, .06);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article::before {
  content: "";
  width: 24px;
  height: 3px;
  border-radius: 999px;
  margin-bottom: 9px;
  background: rgba(103, 119, 141, .24);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.primary {
  border-color: rgba(22, 76, 158, .18);
  background:
    radial-gradient(circle at 96% 6%, rgba(51, 96, 187, .13), transparent 45%),
    linear-gradient(180deg, #ffffff, #f1f6ff);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 14px 32px rgba(17, 55, 112, .09);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.primary::before {
  background: linear-gradient(90deg, #0b2345, #2c6fd1);
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.secondary::before {
  background: linear-gradient(90deg, rgba(36, 68, 116, .42), rgba(36, 68, 116, .14));
}

.financial-passport-metric-grid.financial-passport-dashboard-grid article.operational {
  border-color: rgba(15, 35, 66, .075);
  background:
    linear-gradient(180deg, rgba(250,252,255,.98), rgba(244,248,252,.98));
}

.financial-passport-metric-grid.financial-passport-dashboard-grid small {
  min-height: 22px;
  color: #65768c;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: .075em;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid strong {
  margin-top: 9px;
  color: #0d2548;
  font-size: 23px;
  line-height: 1;
  font-weight: 780;
}

.financial-passport-metric-grid.financial-passport-dashboard-grid em {
  color: #6d7d92;
  font-size: 12.25px;
  line-height: 1.32;
  font-weight: 680;
}

@media (max-width: 560px) {
  .financial-passport-control-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .financial-passport-tax-menu {
    position: relative;
    top: auto;
    margin-top: 10px;
  }

  .financial-passport-tax-menu button {
    grid-template-columns: minmax(0, 1fr) 18px;
    grid-template-areas:
      "copy check"
      "meta check";
    row-gap: 6px;
  }

  .financial-passport-tax-menu button span {
    grid-area: copy;
  }

  .financial-passport-tax-menu button em {
    grid-area: meta;
    justify-self: start;
  }

  .financial-passport-tax-menu button svg {
    grid-area: check;
    align-self: center;
  }

  .financial-passport-basis.premium {
    width: 100%;
  }
}

@media (max-width: 389px) {
  .financial-passport-reporting-control {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .financial-passport-tax-selector > button {
    min-height: 84px;
  }

  .financial-passport-tax-selector strong {
    font-size: 20px;
  }

  .financial-passport-tax-selector em {
    font-size: 12px;
  }

  .financial-passport-basis.premium button {
    font-size: 13px !important;
  }

  .financial-passport-summary-head h3 {
    font-size: 19px !important;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid article {
    height: 130px;
    padding: 14px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid strong {
    font-size: 20.5px;
  }

  .financial-passport-metric-grid.financial-passport-dashboard-grid em {
    font-size: 11.5px;
  }
}

/* Financial Passport V3.1: live route stacked layout enforcement */
.financial-passport-reporting-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  overflow: visible !important;
}

.financial-passport-reporting-control .financial-passport-control-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.financial-passport-reporting-control .financial-passport-tax-selector,
.financial-passport-reporting-control .financial-passport-basis.premium {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.financial-passport-reporting-control .financial-passport-tax-selector > button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 104px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.financial-passport-reporting-control .financial-passport-tax-selector strong,
.financial-passport-reporting-control .financial-passport-tax-selector em,
.financial-passport-reporting-control .financial-passport-basis.premium button {
  overflow: visible !important;
  text-overflow: clip !important;
}

.financial-passport-reporting-control .financial-passport-tax-selector strong,
.financial-passport-reporting-control .financial-passport-tax-selector em {
  white-space: normal !important;
}

.financial-passport-reporting-control .financial-passport-basis.premium {
  min-height: 66px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.financial-passport-reporting-control .financial-passport-basis.premium::before {
  width: calc((100% - 8px) / 2) !important;
}

.financial-passport-reporting-control .financial-passport-basis.premium button {
  min-height: 58px !important;
  width: 100% !important;
  white-space: nowrap !important;
}

.financial-passport-reporting-control .financial-passport-tax-menu {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  box-sizing: border-box !important;
}

.financial-passport-reporting-control .financial-passport-tax-menu button {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Tax Centre V3: compact private-banking command centre correction */
.worker-finance-page:has(.tax-command-page-header) {
  --tax-surface: #ffffff;
  --tax-surface-soft: #f7f9fd;
  --tax-dark: #081936;
  --tax-ink: #102947;
  --tax-muted: #66788f;
  --tax-border: rgba(22, 30, 70, .09);
  --tax-shadow: 0 12px 36px rgba(19, 29, 72, .08);
  --tax-radius-card: 24px;
  --tax-radius-inner: 16px;
  display: grid;
  gap: 20px;
  background:
    radial-gradient(circle at 50% 0, rgba(50, 94, 190, .07), transparent 34%),
    linear-gradient(180deg, #f5f8fc, #edf2f8);
}

.worker-finance-page:has(.tax-command-page-header) :is(strong, h2, h3, h4, b) {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  letter-spacing: 0;
}

.tax-command-page-header {
  margin: 2px 0 0;
  align-items: start;
}

.tax-command-page-header span {
  font-size: 10.5px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .10em;
}

.tax-command-page-header h2 {
  max-width: 11.5ch;
  margin-top: 7px;
  font-size: clamp(28px, 7.2vw, 32px);
  line-height: 1.1;
  font-weight: 760;
}

.tax-command-page-header p {
  max-width: 31rem;
  margin-top: 9px;
  font-size: 14.5px;
  line-height: 1.48;
  font-weight: 560;
}

.tax-command-page-header > em {
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0 13px;
  font-size: 11.5px;
  font-weight: 820;
}

.tax-position-hero {
  gap: 16px;
  border-radius: 30px;
  padding: 22px;
}

.tax-position-copy h2 {
  margin-top: 8px;
  font-size: clamp(38px, 10vw, 44px);
  line-height: 1;
  font-weight: 760;
  white-space: nowrap;
}

.tax-position-copy > strong {
  display: block;
  margin-top: 5px;
  color: rgba(232,246,255,.86);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 720;
}

.tax-position-copy p {
  margin-top: 10px;
  font-size: 13.5px;
  line-height: 1.42;
  font-weight: 560;
}

.tax-position-actions {
  gap: 10px;
  margin-top: 15px;
}

.tax-position-actions button,
.tax-v2-payment-action,
.tax-smart-save-card > button,
.tax-next-movement-card > button,
.tax-command-passport-card .tax-os-action-row button,
.tax-command-action-panel button {
  min-height: 50px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.08;
  font-weight: 740;
}

.tax-position-actions button:first-child,
.tax-v2-payment-action,
.tax-smart-save-card > button,
.tax-command-action-panel .primary,
.tax-command-passport-card .tax-os-action-row .primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21, 88, 172, .16);
}

.tax-position-actions button + button {
  color: #eaf6ff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.09);
}

.tax-position-gauge {
  width: 104px;
}

.tax-position-gauge strong {
  font-size: 30px;
  font-weight: 760;
}

.tax-position-metrics {
  gap: 8px;
}

.tax-position-metrics span {
  min-height: 78px;
  display: grid;
  align-content: center;
  border-radius: 16px;
  padding: 11px;
}

.tax-position-metrics small {
  font-size: 11px;
  line-height: 1.18;
}

.tax-position-metrics strong {
  margin-top: 7px;
  font-size: clamp(17px, 4.1vw, 20px);
  line-height: 1.12;
  font-weight: 760;
  white-space: nowrap;
}

.tax-command-reserve-card.compact,
.financial-insights-panel,
.tax-v2-payment-card.compact-ledger,
.tax-command-passport-card.compact,
.tax-command-disclaimer {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.tax-command-reserve-card.compact {
  display: grid;
  gap: 14px !important;
  border: 1px solid var(--tax-border);
  border-radius: var(--tax-radius-card);
  padding: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(37, 86, 177, .06), transparent 34%),
    rgba(255,255,255,.94);
  box-shadow: var(--tax-shadow);
}

.tax-smart-save-card,
.tax-smart-rate-card,
.tax-next-movement-card,
.tax-reserve-details-panel {
  border: 1px solid var(--tax-border);
  border-radius: 20px;
  padding: 16px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 10px 26px rgba(12,34,63,.045);
}

.tax-smart-save-card header,
.tax-smart-rate-card .tax-command-status-line,
.tax-v2-payment-head,
.tax-passport-eyebrow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.tax-smart-save-card header span,
.tax-smart-rate-card .tax-command-status-line span,
.tax-v2-payment-head span,
.financial-insights-panel .tax-os-section-head span,
.tax-passport-eyebrow span {
  color: var(--tax-muted);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.tax-smart-save-card h3,
.financial-insights-panel .tax-os-section-head h3,
.tax-command-passport-card.compact h3 {
  margin: 6px 0 0;
  color: var(--tax-ink);
  font-size: 19px;
  line-height: 1.14;
  font-weight: 760;
}

.tax-smart-save-card p,
.tax-smart-rate-card p,
.tax-v2-payment-card.compact-ledger > p,
.tax-command-passport-card.compact p,
.financial-insights-panel > p {
  margin: 7px 0 0;
  color: var(--tax-muted);
  font-size: 12.5px;
  line-height: 1.42;
  font-weight: 560;
}

.tax-smart-save-card header em,
.tax-passport-eyebrow em,
.tax-command-status-line em {
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  padding: 0 11px;
  color: #0f7656;
  background: #eafbf3;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.tax-smart-ledger,
.tax-v2-payment-lines,
.tax-reserve-details-panel {
  display: grid;
  gap: 0;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(22,30,70,.075);
  border-radius: 17px;
  background: #fff;
}

.tax-smart-ledger span,
.tax-v2-payment-lines span,
.tax-reserve-details-panel span {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 13px;
  border-bottom: 1px solid rgba(22,30,70,.065);
}

.tax-smart-ledger span:last-child,
.tax-v2-payment-lines span:last-child,
.tax-reserve-details-panel span:last-child {
  border-bottom: 0;
}

.tax-smart-ledger small,
.tax-v2-payment-lines small,
.tax-reserve-details-panel small {
  color: var(--tax-muted);
  font-size: 12px;
  line-height: 1.22;
  font-weight: 680;
}

.tax-smart-ledger strong,
.tax-v2-payment-lines strong,
.tax-reserve-details-panel strong {
  color: var(--tax-ink);
  font-size: clamp(16px, 4.4vw, 19px);
  line-height: 1.1;
  font-weight: 750;
  text-align: right;
  white-space: nowrap;
}

.tax-smart-ledger .positive strong {
  color: #0f7656;
}

.tax-smart-save-card > button {
  width: 100%;
  margin-top: 14px;
}

.tax-rate-chip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
}

.tax-rate-chip-grid button {
  min-width: 0;
  min-height: 48px;
  display: grid;
  place-items: center;
  gap: 2px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 15px;
  padding: 7px 6px;
  color: #143a62;
  background: #fff;
  text-align: center;
}

.tax-rate-chip-grid button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #5a39d6);
  box-shadow: 0 12px 24px rgba(40,55,141,.16);
}

.tax-rate-chip-grid strong {
  font-size: 13px;
  line-height: 1;
  font-weight: 780;
}

.tax-rate-chip-grid small {
  color: inherit;
  opacity: .72;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 680;
}

.tax-next-movement-card {
  gap: 12px;
}

.tax-next-movement-card > div strong {
  color: var(--tax-ink);
  font-size: 24px;
  line-height: 1;
  font-weight: 760;
}

.tax-next-movement-card dl {
  gap: 8px;
}

.tax-next-movement-card dl div {
  min-width: 0;
  border-radius: 14px;
  padding: 10px;
}

.tax-next-movement-card dd {
  font-size: 13px;
  line-height: 1.18;
  font-weight: 740;
}

.tax-next-movement-card > button,
.tax-reserve-details-row {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 16px;
  padding: 0 14px;
  color: #12365d;
  background: #fff;
  font-size: 14px;
  font-weight: 740;
}

.tax-reserve-details-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
}

.tax-reserve-details-row strong {
  display: block;
  color: var(--tax-ink);
  font-size: 14px;
}

.tax-reserve-details-row small {
  display: block;
  margin-top: 3px;
  color: var(--tax-muted);
  font-size: 12px;
  line-height: 1.3;
}

.tax-reserve-details-row em {
  border-radius: 999px;
  padding: 7px 10px;
  color: #1558ac;
  background: #edf5ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.tax-command-action-panel.compact {
  grid-template-columns: minmax(0, 1fr);
}

.tax-command-action-panel.compact button {
  min-height: 50px;
}

.tax-v2-payment-card.compact-ledger {
  border: 1px solid var(--tax-border);
  border-radius: var(--tax-radius-card);
  padding: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--tax-shadow);
}

.tax-v2-payment-head {
  align-items: baseline;
}

.tax-v2-payment-head strong {
  color: var(--tax-ink);
  font-size: clamp(28px, 8vw, 34px);
  line-height: 1;
  font-weight: 760;
  white-space: nowrap;
}

.tax-v2-payment-lines .total {
  background: linear-gradient(135deg, #07182f, #1558ac);
}

.tax-v2-payment-lines .total small,
.tax-v2-payment-lines .total strong {
  color: #fff;
}

.tax-v2-payment-action {
  width: 100%;
  margin-top: 14px;
}

.financial-insights-panel {
  border: 1px solid var(--tax-border);
  border-radius: var(--tax-radius-card);
  padding: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--tax-shadow);
}

.financial-insights-panel .tax-os-section-head {
  align-items: end;
}

.financial-insights-panel .tax-os-section-head em {
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: #0f7656;
  background: #eafbf3;
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
}

.financial-insight-list {
  display: grid;
  gap: 0;
  margin-top: 14px;
  border-top: 1px solid rgba(22,30,70,.065);
}

.financial-insight-list article {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 13px 0;
  border-bottom: 1px solid rgba(22,30,70,.065);
}

.financial-insight-list svg {
  width: 18px;
  height: 18px;
  color: #1558ac;
}

.financial-insight-list strong {
  display: block;
  color: var(--tax-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 760;
}

.financial-insight-list small {
  display: block;
  margin-top: 3px;
  color: var(--tax-muted);
  font-size: 12.5px;
  line-height: 1.38;
  font-weight: 560;
}

.tax-command-passport-card.compact {
  border-color: rgba(17,44,78,.09);
  color: var(--tax-ink);
  background:
    radial-gradient(circle at 95% 0, rgba(78, 111, 210, .10), transparent 34%),
    linear-gradient(145deg, #fff, #f7fbff);
  box-shadow: var(--tax-shadow);
}

.tax-command-passport-card.compact::after,
.tax-command-passport-card.compact .tax-passport-identity-row,
.tax-command-passport-card.compact .tax-passport-trust-list {
  display: none;
}

.tax-command-passport-card.compact .tax-passport-main {
  display: block;
  margin-top: 12px;
}

.tax-command-passport-card.compact h3 {
  color: var(--tax-ink);
}

.tax-command-passport-card.compact p,
.tax-command-passport-card.compact .tax-passport-privacy {
  color: var(--tax-muted);
}

.tax-command-passport-card.compact .tax-passport-summary-grid {
  margin-top: 14px;
}

.tax-command-passport-card.compact .tax-passport-summary-grid span {
  border-color: rgba(17,44,78,.08);
  background: rgba(255,255,255,.78);
}

.tax-command-passport-card.compact .tax-passport-summary-grid small {
  color: var(--tax-muted);
}

.tax-command-passport-card.compact .tax-passport-summary-grid strong {
  color: var(--tax-ink);
  font-size: 16px;
  font-weight: 740;
}

.tax-command-passport-card.compact .tax-passport-eyebrow em {
  color: #1558ac;
  background: #edf5ff;
}

.tax-v2-actions.command {
  gap: 10px;
}

.tax-v2-actions.command button {
  min-height: 50px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 740;
}

.tax-command-disclaimer {
  margin: 0;
  border-radius: 18px;
  font-size: 12.5px;
  line-height: 1.42;
}

@media (max-width: 374px) {
  .tax-position-actions,
  .tax-command-passport-card.compact .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-position-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tax-position-metrics span:last-child {
    grid-column: 1 / -1;
  }

  .tax-rate-chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 340px) {
  .tax-position-metrics,
  .tax-rate-chip-grid,
  .tax-passport-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tax-smart-ledger span,
  .tax-v2-payment-lines span,
  .tax-reserve-details-panel span,
  .tax-v2-payment-head,
  .tax-next-movement-card > div {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .tax-smart-ledger strong,
  .tax-v2-payment-lines strong,
  .tax-reserve-details-panel strong {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tax-position-hero *,
  .tax-command-reserve-card.compact * {
    animation: none !important;
    transition: none !important;
  }
}

/* Tax Centre V3.1: override legacy Tax Pot grid inheritance */
.premium-tax-pot-card.tax-command-reserve-card.compact {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
}

.tax-command-reserve-card.compact > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.tax-command-page-header h2 {
  max-width: 18ch;
}

.tax-position-copy h2,
.tax-v2-payment-head strong {
  line-height: 1.08;
}

.tax-rate-chip-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tax-rate-chip-grid button:first-child {
  grid-column: span 2;
}

.tax-rate-chip-grid button {
  overflow: visible;
}

.tax-rate-chip-grid strong,
.tax-rate-chip-grid small {
  white-space: nowrap;
}

/* Tax Centre V3.2: compact private-banking command-centre refinements */
.worker-finance-page:has(.tax-command-page-header) {
  --tax-radius-card: 24px;
  --tax-radius-inner: 15px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  max-width: 16ch;
  font-size: clamp(28px, 7vw, 30px);
  line-height: 1.1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header p {
  font-size: 14px;
  line-height: 1.48;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  gap: 14px;
  border-radius: 28px;
  padding: 20px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  font-size: clamp(36px, 9vw, 40px);
  line-height: 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  max-width: 34ch;
  font-size: 13px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-action,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-card > button,
.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card > button,
.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card .tax-os-action-row button {
  min-height: 46px;
  border-radius: 15px;
  font-size: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 92px;
  margin: 0 auto;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 28px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics span {
  min-height: 68px;
  padding: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  font-size: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  font-size: clamp(15.5px, 3.8vw, 18px);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-reserve-card.compact {
  gap: 12px !important;
  padding: 16px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-card,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-rate-card,
.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-activity-preview {
  border-radius: 18px;
  padding: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-card h3,
.worker-finance-page:has(.tax-command-page-header) .financial-insights-panel .tax-os-section-head h3,
.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact h3 {
  font-size: 18px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel {
  margin-top: 12px;
  border-radius: 15px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger span,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines span,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel span {
  padding: 10px 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger strong,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines strong,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel strong {
  font-size: clamp(15px, 4vw, 17px);
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button:first-child {
  grid-column: span 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button {
  min-height: 44px;
  padding: 6px 5px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid strong {
  font-size: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid small {
  font-size: 9px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card.tax-command-followup-card,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-row,
.worker-finance-page:has(.tax-command-page-header) .tax-reserve-details-panel,
.worker-finance-page:has(.tax-command-page-header) .tax-command-activity-panel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card > div strong {
  font-size: 22px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card dl div {
  padding: 9px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-next-movement-card dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-card.compact-ledger,
.worker-finance-page:has(.tax-command-page-header) .financial-insights-panel,
.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact {
  padding: 16px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid span {
  padding: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid small {
  letter-spacing: .04em;
  overflow-wrap: anywhere;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid strong {
  font-size: 15px;
  white-space: nowrap;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header > em {
    justify-self: start;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics span:last-child {
    grid-column: 1 / -1;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid span:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 390px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid span:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 369px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Tax Centre V3.3: precision hero, passport summary and back-navigation fixes */
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  padding: 24px 20px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  margin-top: 12px;
  font-size: clamp(32px, 8.5vw, 40px);
  line-height: 1;
  font-weight: 750;
  letter-spacing: -0.035em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy > strong {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 540;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  margin-top: 20px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 7px;
  aspect-ratio: 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 32px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: -0.03em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  display: block;
  margin: 0;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-width: 0;
  min-height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 18px;
  padding: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: 1 / -1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .02em;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  margin-top: 10px;
  font-size: clamp(19px, 5vw, 24px);
  line-height: 1;
  font-weight: 730;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid .tax-passport-stat {
  min-width: 0;
  border-radius: 18px;
  padding: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid .tax-passport-stat-wide {
  grid-column: 1 / -1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid small {
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-passport-summary-grid strong {
  margin-top: 8px;
  font-size: clamp(20px, 5.3vw, 24px);
  line-height: 1;
  font-weight: 730;
}

.financial-passport-tax-back {
  min-height: 44px;
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 999px;
  padding: 0 14px;
  color: #102f56;
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 24px rgba(12,34,63,.06);
  font-size: 13px;
  line-height: 1;
  font-weight: 760;
}

.financial-passport-tax-back svg {
  width: 17px;
  height: 17px;
}

.financial-passport-empty .financial-passport-tax-back {
  justify-self: start;
  margin-bottom: 12px;
}

.content.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-tax-back {
  margin-bottom: 14px;
}

@media (max-width: 369px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
    width: 104px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
    font-size: 21px;
  }
}

/* Candidate Payments V7.1: compact mobile payroll-window corrections */
.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  gap: 14px !important;
  padding: 16px !important;
}

.candidate-payments-page .payroll-window-head h3 {
  font-size: 18px !important;
}

.candidate-payments-page .payroll-window-head p {
  font-size: 12.5px !important;
}

.candidate-payments-page .payroll-window-status span {
  padding: 10px 12px;
}

.candidate-payments-page .payroll-countdown-module {
  gap: 10px;
  padding: 12px;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown span {
  min-height: 64px !important;
}

.candidate-payments-page .payroll-progress-tracker {
  gap: 8px;
  padding-top: 17px;
}

.candidate-payments-page .payroll-pending-panel.premium {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  padding: 13px !important;
}

.candidate-payments-page .payroll-pending-panel.premium button {
  grid-column: 1 / -1;
  width: 100%;
}

.candidate-payments-page .payroll-window-foot {
  align-items: start;
  padding: 11px 12px;
}

@media (max-width: 389px) {
  .candidate-payments-page .payroll-window-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .candidate-payments-page .payroll-window-head > em {
    justify-self: end;
  }

  .candidate-payments-page .payroll-window-status {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, .9fr);
  }

  .candidate-payments-page .payroll-window-status span {
    padding: 9px 10px;
  }

  .candidate-payments-page .payroll-window-status strong {
    font-size: 11.5px;
  }

  .candidate-payments-page .payroll-progress-tracker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding-top: 17px;
    padding-left: 0;
  }

  .candidate-payments-page .payroll-progress-tracker::before {
    top: 7px;
    left: 11%;
    right: 11%;
    bottom: auto;
    width: auto;
    height: 2px;
    background: linear-gradient(90deg, #1558ac 0 50%, #dfe8f2 50% 100%);
  }

  .candidate-payments-page .payroll-progress-tracker > span {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  .candidate-payments-page .payroll-progress-tracker i {
    position: relative;
    left: auto;
    top: auto;
  }

  .candidate-payments-page .payroll-progress-tracker small {
    font-size: 9px;
  }

  .candidate-payments-page .payroll-progress-tracker strong {
    font-size: 10px;
    line-height: 1.18;
  }

  .candidate-payments-page .payroll-pending-panel.premium strong {
    font-size: 19px !important;
  }

  .candidate-payments-page .payroll-pending-panel.premium b {
    font-size: 13.5px;
  }
}

/* Tax Centre V4: Smart Save, payout allocation and Tax Pot withdrawal command flow */
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-card {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(22, 30, 70, .09);
  border-radius: 24px;
  padding: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(85, 65, 214, .06), transparent 36%),
    rgba(255,255,255,.95);
  box-shadow: 0 12px 36px rgba(19, 29, 72, .08);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card {
  background:
    linear-gradient(145deg, rgba(8, 25, 54, .98), rgba(17, 70, 139, .94)),
    #081936;
  color: #fff;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head span,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head p {
  color: rgba(232,246,255,.72);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head h3 {
  margin: 6px 0 0;
  color: #fff;
  font-size: 21px;
  line-height: 1.12;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 15px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  padding: 11px 12px;
  color: #eaf6ff;
  background: rgba(255,255,255,.08);
  font-size: 13px;
  line-height: 1.28;
  font-weight: 760;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row svg {
  width: 18px;
  height: 18px;
  color: #34d399;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row.complete {
  background: rgba(52,211,153,.12);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines {
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines span {
  border-color: rgba(255,255,255,.10);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines small {
  color: rgba(232,246,255,.72);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines strong {
  color: #fff;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines .total {
  background: linear-gradient(135deg, rgba(52,211,153,.22), rgba(34,118,255,.18));
}

.tax-linked-expense-note,
.tax-smart-explainer {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  margin: 13px 0 0;
  border-radius: 15px;
  padding: 11px 12px;
  color: #536b85;
  background: rgba(238,245,255,.72);
  font-size: 12.5px;
  line-height: 1.38;
  font-weight: 600;
}

.tax-linked-expense-note {
  display: block;
  color: rgba(232,246,255,.78);
  background: rgba(255,255,255,.08);
}

.tax-smart-explainer svg {
  width: 17px;
  height: 17px;
  color: #1558ac;
}

.tax-payout-actions,
.tax-pot-actions,
.tax-smart-paused-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.tax-payout-actions button,
.tax-pot-actions button,
.tax-smart-paused-actions button {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(17,44,78,.12);
  border-radius: 16px;
  padding: 0 14px;
  color: #12365d;
  background: #fff;
  font-size: 14px;
  line-height: 1.12;
  font-weight: 760;
}

.tax-payout-actions .primary,
.tax-pot-actions .primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 14px 28px rgba(21, 88, 172, .16);
}

.tax-upcoming-allocation-card .tax-payout-actions button:not(.primary) {
  color: #eaf6ff;
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.09);
}

.tax-allocation-foot {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.tax-allocation-foot span,
.tax-pot-balance-grid span,
.tax-smart-recommendation span {
  min-width: 0;
  display: grid;
  gap: 5px;
  border-radius: 15px;
  padding: 11px;
  background: rgba(255,255,255,.08);
}

.tax-allocation-foot small,
.tax-pot-balance-grid small,
.tax-smart-recommendation small {
  color: rgba(232,246,255,.72);
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.tax-allocation-foot strong,
.tax-pot-balance-grid strong,
.tax-smart-recommendation strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.18;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-unified {
  padding: 16px;
}

.tax-smart-save-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start !important;
}

.tax-smart-toggle {
  min-width: 86px;
  min-height: 44px;
  display: inline-grid;
  grid-template-columns: 28px auto;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(17,44,78,.12);
  border-radius: 999px;
  padding: 5px 10px 5px 6px;
  color: #5e6f82;
  background: #eef3f8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.tax-smart-toggle i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 5px 12px rgba(8,25,54,.12);
}

.tax-smart-toggle strong {
  font-size: 12px;
  line-height: 1;
  font-weight: 820;
}

.tax-smart-toggle.on {
  color: #075b42;
  border-color: rgba(16,185,129,.25);
  background: #dff8ee;
}

.tax-smart-state-line {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  border: 1px solid rgba(17,44,78,.09);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
}

.tax-smart-state-line strong {
  color: #102947;
  font-size: 14px;
  line-height: 1.24;
}

.tax-smart-state-line small {
  color: #66788f;
  font-size: 12.5px;
  line-height: 1.34;
  font-weight: 620;
}

.tax-smart-state-line.active {
  border-color: rgba(16,185,129,.18);
  background: linear-gradient(135deg, #f6fffb, #fff);
}

.tax-smart-selector-head {
  margin-top: 15px;
  align-items: center !important;
}

.tax-smart-recommendation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.tax-smart-recommendation span {
  background: #f4f8fc;
}

.tax-smart-recommendation small {
  color: #66788f;
}

.tax-smart-recommendation strong {
  color: #102947;
  font-size: 13px;
}

.tax-pot-balance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.tax-pot-balance-head span {
  color: #66788f;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.tax-pot-balance-head h3 {
  margin: 6px 0 0;
  color: #102947;
  font-size: 21px;
  line-height: 1.12;
}

.tax-pot-balance-head p {
  margin: 7px 0 0;
  color: #66788f;
  font-size: 12.5px;
  line-height: 1.38;
}

.tax-pot-balance-head > strong {
  color: #081936;
  font-size: clamp(28px, 7.4vw, 34px);
  line-height: 1;
  font-weight: 760;
  white-space: nowrap;
}

.tax-pot-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 15px;
}

.tax-pot-balance-grid span {
  background: #f5f8fc;
}

.tax-pot-balance-grid small {
  color: #66788f;
}

.tax-pot-balance-grid strong {
  color: #102947;
  font-size: 15px;
}

.tax-pot-progress {
  height: 9px;
  overflow: hidden;
  margin-top: 15px;
  border-radius: 999px;
  background: #e4ebf4;
}

.tax-pot-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #10b981, #34d399);
  box-shadow: 0 0 18px rgba(16,185,129,.28);
}

.tax-command-activity-panel article.scheduled b {
  color: #1558ac;
}

.tax-command-activity-panel article.positive b {
  color: #0f7656;
}

.tax-command-activity-panel article.withdrawal b {
  color: #574b63;
}

.tax-allocation-ledger,
.tax-allocation-meta {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(22,30,70,.08);
  border-radius: 17px;
  background: #fff;
}

.tax-allocation-ledger span,
.tax-allocation-meta span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(22,30,70,.065);
  padding: 12px 13px;
}

.tax-allocation-ledger span:last-child,
.tax-allocation-meta span:last-child {
  border-bottom: 0;
}

.tax-allocation-ledger small,
.tax-allocation-meta small,
.tax-withdraw-balance small {
  color: #66788f;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
}

.tax-allocation-ledger strong,
.tax-allocation-meta strong {
  color: #102947;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 760;
  text-align: right;
  white-space: nowrap;
}

.tax-allocation-ledger .total {
  background: linear-gradient(135deg, #07182f, #1558ac);
}

.tax-allocation-ledger .total small,
.tax-allocation-ledger .total strong {
  color: #fff;
}

.tax-allocation-meta {
  margin-top: 12px;
}

.tax-custom-mode-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.tax-custom-mode-row button {
  min-height: 48px;
  border: 1px solid rgba(17,44,78,.12);
  border-radius: 15px;
  color: #12365d;
  background: #fff;
  font-weight: 760;
}

.tax-custom-mode-row button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #07182f, #5a39d6);
}

.tax-withdraw-balance {
  display: grid;
  gap: 5px;
  margin-bottom: 12px;
  border: 1px solid rgba(17,44,78,.09);
  border-radius: 17px;
  padding: 13px;
  background: #f7faff;
}

.tax-withdraw-balance strong {
  color: #081936;
  font-size: 28px;
  line-height: 1;
}

.tax-withdraw-balance span {
  color: #66788f;
  font-size: 12px;
  font-weight: 680;
}

.tax-withdraw-ack {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin-top: 12px;
  border: 1px solid rgba(17,44,78,.10);
  border-radius: 15px;
  padding: 12px;
  color: #41566f;
  background: #fff;
  font-size: 12.5px;
  line-height: 1.38;
  font-weight: 620;
}

.tax-withdraw-ack input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: #1558ac;
}

.tax-premium-sheet-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
  box-shadow: none !important;
}

@media (max-width: 374px) {
  .tax-payout-actions,
  .tax-pot-actions,
  .tax-smart-paused-actions,
  .tax-allocation-foot,
  .tax-pot-balance-head,
  .tax-upcoming-allocation-card .tax-v2-payment-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tax-pot-balance-head > strong,
  .tax-upcoming-allocation-card .tax-v2-payment-head > strong {
    justify-self: start;
  }

  .tax-smart-recommendation,
  .tax-pot-balance-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Tax Centre V5 final cascade: restrained luxury finish */
.worker-finance-page:has(.tax-command-page-header) {
  --tax-luxury-ink: #071a34;
  --tax-luxury-muted: #667386;
  --tax-luxury-line: rgba(10, 26, 52, .075);
  --tax-luxury-shadow: 0 10px 30px rgba(12, 25, 48, .065);
  gap: 24px;
  background: radial-gradient(circle at 50% -8%, rgba(74, 110, 192, .055), transparent 34%), linear-gradient(180deg, #f7f9fc, #eef3f7);
}

.worker-finance-page:has(.tax-command-page-header) :is(strong, b, h2, h3) {
  font-weight: 650;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  max-width: none;
  color: var(--tax-luxury-ink);
  font-size: clamp(30px, 7.2vw, 34px);
  line-height: 1.06;
  font-weight: 700;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 30rem;
  color: var(--tax-luxury-muted);
  font-size: 13px;
  line-height: 1.42;
  font-weight: 400;
}

.tax-header-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: end;
}

.tax-header-actions > button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(10, 26, 52, .08);
  border-radius: 999px;
  color: #243b59;
  background: rgba(255,255,255,.74);
  box-shadow: 0 8px 20px rgba(12, 25, 48, .055);
}

.tax-header-actions > button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #081936, #4b35c6);
}

.tax-header-actions svg {
  width: 17px;
  height: 17px;
}

.tax-header-actions > em {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(16,185,129,.16);
  border-radius: 999px;
  padding: 0 11px !important;
  color: #0c654b;
  background: rgba(236,253,245,.82);
  font-size: 11.5px !important;
  font-style: normal;
  font-weight: 650 !important;
  white-space: nowrap;
}

.tax-header-actions > em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16,185,129,.12);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  grid-template-columns: minmax(0, 1.4fr) minmax(86px, .45fr);
  gap: 18px;
  overflow: visible;
  border-radius: 24px;
  padding: 20px;
  background: radial-gradient(circle at 90% 10%, rgba(100, 172, 255, .16), transparent 28%), linear-gradient(145deg, #07182f, #0c264d 62%, #123c78);
  box-shadow: 0 18px 42px rgba(7, 23, 46, .20);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::after {
  display: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  margin-top: 10px;
  font-size: clamp(34px, 9vw, 42px);
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy > strong {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  margin-top: 10px;
  color: rgba(232,246,255,.68);
  font-size: 12.5px;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-position-actions button, .tax-payout-actions button, .tax-pot-actions button, .tax-smart-paused-actions button, .tax-command-passport-card .tax-os-action-row button, .tax-premium-sheet-actions button) {
  min-height: 42px;
  border-radius: 13px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 620;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 90px;
  justify-self: end;
  gap: 4px;
  box-shadow: inset 0 0 0 8px rgba(7,24,47,.88), 0 16px 30px rgba(0,0,0,.16);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 23px;
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  font-size: 9px;
  font-weight: 600;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 2px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.10);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 58px;
  border: 0;
  border-radius: 0;
  padding: 10px 11px;
  background: rgba(255,255,255,.045);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: auto;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  color: rgba(232,246,255,.64);
  font-size: 9.5px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  margin-top: 6px;
  color: #fff;
  font-size: clamp(13px, 3.4vw, 16px);
  font-weight: 620;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-command-reserve-card.compact, .tax-upcoming-allocation-card, .tax-pot-balance-card, .financial-insights-panel, .tax-command-passport-card.compact, .tax-command-disclaimer) {
  border-color: var(--tax-luxury-line);
  border-radius: 20px;
  padding: 16px;
  box-shadow: var(--tax-luxury-shadow);
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card, .tax-smart-rate-card, .tax-reserve-details-panel, .tax-pot-activity-preview) {
  border-color: var(--tax-luxury-line);
  border-radius: 16px;
  padding: 13px;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card h3, .tax-v2-payment-head h3, .tax-pot-balance-head h3, .financial-insights-panel .tax-os-section-head h3, .tax-command-passport-card.compact h3) {
  font-size: 17px;
  line-height: 1.18;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card p, .tax-pot-balance-head p, .tax-v2-payment-card.compact-ledger > p, .tax-command-passport-card.compact p, .financial-insights-panel > p) {
  font-size: 12px;
  line-height: 1.42;
  font-weight: 400;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger span, .tax-v2-payment-lines span, .tax-allocation-ledger span, .tax-allocation-meta span) {
  padding: 9px 11px;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger small, .tax-v2-payment-lines small, .tax-allocation-ledger small, .tax-allocation-meta small) {
  font-size: 11px;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger strong, .tax-v2-payment-lines strong, .tax-allocation-ledger strong, .tax-allocation-meta strong) {
  font-size: clamp(13px, 3.5vw, 16px);
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row {
  margin-top: 12px;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button {
  min-height: 39px;
  border-radius: 12px;
  padding: 6px 5px;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid strong {
  font-size: 11.5px;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid small {
  font-size: 8.5px;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head > strong,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head > strong {
  font-size: clamp(23px, 6.1vw, 28px);
  font-weight: 650;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-progress {
  height: 6px;
  margin-top: 13px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid {
  display: grid;
  gap: 0;
  margin-top: 10px;
  border-top: 1px solid rgba(10,26,52,.075);
  border-bottom: 1px solid rgba(10,26,52,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px solid rgba(10,26,52,.055);
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span:last-child {
  border-bottom: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid small {
  color: #667386;
  font-size: 12px;
  font-weight: 500;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid strong {
  color: #071a34;
  font-size: clamp(15px, 4vw, 18px);
  font-weight: 650;
  text-align: right;
  white-space: nowrap;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics,
  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .tax-header-actions {
    justify-content: start;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
    justify-self: start;
  }
}

/* Tax Centre V5.1: duplicate status removal and payout readability fix */
.worker-finance-page:has(.tax-command-page-header) .tax-header-actions {
  justify-self: end;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > button {
  width: auto;
  min-width: 0;
  height: 36px;
  display: inline-flex;
  gap: 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > button span {
  color: currentColor;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > em {
  display: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button:first-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #061936, #1558ac);
  box-shadow: 0 12px 24px rgba(21, 88, 172, .16);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button + button {
  color: #eef7ff;
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  line-height: 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong,
.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  position: relative;
  z-index: 2;
  display: block;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  margin-top: 4px;
  line-height: 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card {
  position: relative;
  isolation: isolate;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card::before,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card::after,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines::before,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines::after,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines span::before,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines span::after {
  display: none !important;
  content: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0;
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(2, 12, 28, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines span {
  position: relative;
  z-index: 2;
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.10);
  padding: 11px 13px;
  background: transparent !important;
  box-shadow: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines span:last-child {
  border-bottom: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines small {
  min-width: 0;
  color: rgba(240,247,255,.76) !important;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines strong {
  color: #fff !important;
  font-size: clamp(14px, 3.7vw, 16px);
  line-height: 1;
  font-weight: 650;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines .total {
  border-top: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.075) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines .total small,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines .total strong {
  color: #fff !important;
  font-weight: 700;
}

.worker-finance-page:has(.tax-command-page-header) .tax-linked-expense-note {
  position: relative;
  z-index: 1;
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(240,247,255,.70);
  background: rgba(255,255,255,.055);
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-payout-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines strong {
    font-size: 13px;
  }
}

/* Tax Centre V6: private-banking luxury finish */
.worker-finance-page:has(.tax-command-page-header) {
  --tax-bank-ink: #06172f;
  --tax-bank-muted: #6a7485;
  --tax-bank-soft: rgba(255,255,255,.78);
  --tax-bank-line: rgba(12, 31, 58, .085);
  --tax-bank-shadow: 0 18px 48px rgba(8, 22, 45, .075);
  gap: 26px;
  padding-inline: clamp(18px, 5vw, 24px);
  background:
    radial-gradient(circle at 50% -8%, rgba(75, 90, 170, .075), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 2px 0 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header span {
  color: #637085;
  font-size: 10.5px;
  font-weight: 720;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  margin-top: 7px;
  color: var(--tax-bank-ink);
  font-size: clamp(28px, 6.9vw, 32px);
  line-height: 1.06;
  font-weight: 660;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 34rem;
  margin-top: 8px;
  color: var(--tax-bank-muted);
  font-size: 13px;
  line-height: 1.48;
  font-weight: 420;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions {
  justify-self: end;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > button {
  min-height: 38px;
  height: 38px;
  border: 1px solid rgba(12, 31, 58, .10);
  border-radius: 999px;
  padding: 0 13px;
  color: #1d3554;
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 26px rgba(8, 22, 45, .06);
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > em {
  display: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  grid-template-columns: minmax(0, 1fr) 104px;
  gap: 20px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  padding: 22px;
  background:
    radial-gradient(circle at 84% 13%, rgba(111, 180, 255, .16), transparent 28%),
    linear-gradient(145deg, #06172f 0%, #0a2448 62%, #113d78 100%);
  box-shadow: 0 24px 58px rgba(4, 20, 43, .22);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy > span {
  color: rgba(232,246,255,.66);
  font-size: 10.5px;
  font-weight: 720;
  letter-spacing: .14em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  margin-top: 12px;
  font-size: clamp(30px, 7.8vw, 36px);
  line-height: 1;
  font-weight: 610;
  letter-spacing: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy > strong {
  margin-top: 6px;
  color: rgba(245,250,255,.9);
  font-size: 13px;
  font-weight: 520;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  max-width: 31ch;
  margin-top: 12px;
  color: rgba(232,246,255,.67);
  font-size: 12.5px;
  line-height: 1.48;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 104px;
  aspect-ratio: 1;
  justify-self: end;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  text-align: center;
  box-shadow: inset 0 0 0 8px rgba(3, 14, 30, .82), 0 18px 34px rgba(0, 0, 0, .18);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 27px;
  line-height: .95;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  margin: 0;
  font-size: 9.5px;
  line-height: 1;
  font-weight: 660;
  letter-spacing: .08em;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
.worker-finance-page:has(.tax-command-page-header) .tax-payout-actions,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-actions,
.worker-finance-page:has(.tax-command-page-header) .tax-smart-paused-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 18px;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-position-actions button, .tax-payout-actions button, .tax-pot-actions button, .tax-smart-paused-actions button, .tax-command-passport-card .tax-os-action-row button, .tax-premium-sheet-actions button) {
  min-height: 48px;
  border-radius: 15px;
  padding: 0 15px;
  font-size: 13.5px;
  line-height: 1.12;
  font-weight: 640;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-position-actions button, .tax-payout-actions button, .tax-pot-actions button, .tax-smart-paused-actions button, .tax-command-passport-card .tax-os-action-row button, .tax-premium-sheet-actions button):active {
  transform: scale(.985);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  overflow: visible;
  margin-top: 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 74px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 13px;
  background: rgba(255,255,255,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: auto;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  color: rgba(232,246,255,.62);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 610;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  margin-top: 8px;
  color: #fff;
  font-size: clamp(14px, 3.5vw, 17px);
  line-height: 1.08;
  font-weight: 620;
  white-space: nowrap;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-command-reserve-card.compact, .tax-upcoming-allocation-card, .tax-pot-balance-card, .financial-insights-panel, .tax-command-passport-card.compact, .tax-command-disclaimer) {
  border: 1px solid var(--tax-bank-line);
  border-radius: 24px;
  padding: 20px;
  box-shadow: var(--tax-bank-shadow);
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-reserve-card.compact {
  background: rgba(255,255,255,.9);
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-unified {
  display: grid;
  gap: 16px;
  border-radius: 22px;
  padding: 18px;
  background:
    radial-gradient(circle at 98% 4%, rgba(90, 57, 214, .075), transparent 36%),
    rgba(255,255,255,.92);
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-header {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-save-header span,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-head span,
.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head span,
.worker-finance-page:has(.tax-command-page-header) .tax-passport-eyebrow span {
  color: #657286;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 720;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card h3, .tax-v2-payment-head h3, .tax-pot-balance-head h3, .financial-insights-panel .tax-os-section-head h3, .tax-command-passport-card.compact h3) {
  color: var(--tax-bank-ink);
  font-size: 18px;
  line-height: 1.18;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-save-card p, .tax-pot-balance-head p, .tax-v2-payment-card.compact-ledger > p, .tax-command-passport-card.compact p, .financial-insights-panel > p) {
  color: var(--tax-bank-muted);
  font-size: 12.5px;
  line-height: 1.48;
  font-weight: 430;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle {
  min-width: 78px;
  min-height: 40px;
  grid-template-columns: 25px auto;
  padding: 5px 10px 5px 6px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle i {
  width: 25px;
  height: 25px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle strong {
  font-size: 11.5px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-state-line {
  margin: 0;
  border-radius: 18px;
  padding: 13px 14px;
  background: linear-gradient(135deg, rgba(249,252,255,.95), rgba(255,255,255,.82));
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: end;
  border: 1px solid rgba(12,31,58,.08);
  border-radius: 20px;
  padding: 16px;
  background: linear-gradient(145deg, #f8fbff, #fff);
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel span {
  grid-column: 1 / -1;
  color: #657286;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 720;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel strong {
  color: var(--tax-bank-ink);
  font-size: 20px;
  line-height: 1.08;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel b {
  justify-self: end;
  color: #1558ac;
  font-size: 24px;
  line-height: 1;
  font-weight: 680;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
  width: fit-content;
  min-height: 27px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  padding: 0 11px;
  color: #0d684e;
  background: #e9fbf3;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 680;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-ledger,
.worker-finance-page:has(.tax-command-page-header) .tax-v2-payment-lines,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-ledger,
.worker-finance-page:has(.tax-command-page-header) .tax-allocation-meta {
  margin-top: 0;
  border-radius: 18px;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger span, .tax-v2-payment-lines span, .tax-allocation-ledger span, .tax-allocation-meta span) {
  min-height: 44px;
  padding: 11px 13px;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger small, .tax-v2-payment-lines small, .tax-allocation-ledger small, .tax-allocation-meta small) {
  font-size: 11.5px;
  line-height: 1.24;
  font-weight: 520;
  letter-spacing: 0;
  text-transform: none;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-smart-ledger strong, .tax-v2-payment-lines strong, .tax-allocation-ledger strong, .tax-allocation-meta strong) {
  font-size: clamp(13.5px, 3.45vw, 15.5px);
  line-height: 1;
  font-weight: 620;
  white-space: nowrap;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head {
  margin-top: 2px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head em {
  display: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button {
  min-height: 47px;
  border-color: rgba(12,31,58,.09);
  border-radius: 15px;
  padding: 7px 5px;
  background: rgba(255,255,255,.86);
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button.active {
  background: linear-gradient(135deg, #06172f, #4d37cb);
  box-shadow: 0 13px 28px rgba(45, 56, 145, .16);
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid strong {
  font-size: 12px;
  line-height: 1;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid small {
  font-size: 9px;
  line-height: 1.1;
  font-weight: 520;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
  flex: 1 1 136px;
  min-height: 66px;
  border: 1px solid rgba(12,31,58,.075);
  border-radius: 17px;
  padding: 12px;
  background: rgba(247,250,253,.92);
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation strong {
  color: var(--tax-bank-ink);
  font-size: 14.5px;
  line-height: 1.18;
  overflow-wrap: normal;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card {
  border-color: rgba(255,255,255,.13);
  border-radius: 26px;
  padding: 20px;
  background:
    radial-gradient(circle at 95% 0, rgba(64, 156, 255, .16), transparent 31%),
    linear-gradient(145deg, #06172f 0%, #0b2449 58%, #123c78 100%) !important;
  color: #fff;
  box-shadow: 0 22px 52px rgba(5, 21, 45, .18);
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head h3 {
  color: #fff;
  font-size: 19px;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head p {
  color: rgba(232,246,255,.68);
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-chip {
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 0 11px;
  color: #dcfce7 !important;
  background: rgba(52,211,153,.12);
  font-size: 11.5px !important;
  line-height: 1;
  font-weight: 650;
  text-transform: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-payout-status-row {
  margin-top: 15px;
  border-radius: 16px;
  padding: 10px 12px;
  background: rgba(255,255,255,.08);
  font-size: 12.5px;
  font-weight: 560;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines {
  margin-top: 15px;
  border-color: rgba(255,255,255,.13);
  background: rgba(3, 13, 29, .36) !important;
  backdrop-filter: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines .total {
  background: rgba(255,255,255,.085) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-linked-expense-note {
  margin-top: 13px;
  border-radius: 16px;
  padding: 12px 13px;
  color: rgba(232,246,255,.68);
  background: rgba(255,255,255,.06);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 430;
}

.worker-finance-page:has(.tax-command-page-header) .tax-allocation-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-allocation-foot span {
  flex: 1 1 150px;
  background: rgba(255,255,255,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head > strong,
.worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head > strong:not(.tax-payout-status-chip) {
  font-size: clamp(22px, 5.7vw, 27px);
  line-height: 1;
  font-weight: 620;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid {
  gap: 10px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid span {
  min-height: 68px;
  border: 1px solid rgba(12,31,58,.075);
  border-radius: 17px;
  padding: 12px;
  background: #f7fafc;
}

.worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid strong {
  color: var(--tax-bank-ink);
  font-size: 14.5px;
  line-height: 1.08;
  font-weight: 620;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact {
  background:
    radial-gradient(circle at 100% 0, rgba(70, 96, 180, .10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.96));
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  border: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span {
  min-height: 84px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 9px;
  border: 1px solid rgba(12,31,58,.075);
  border-radius: 18px;
  padding: 13px;
  background: rgba(255,255,255,.78);
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid small {
  color: #657286;
  font-size: 10px;
  line-height: 1.22;
  font-weight: 680;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid strong {
  color: var(--tax-bank-ink);
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 1.12;
  font-weight: 640;
  text-align: left;
  white-space: normal;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 16px;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) {
    padding-inline: 18px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero,
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-save-header,
  .worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head,
  .worker-finance-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-header-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-gauge,
  .worker-finance-page:has(.tax-command-page-header) .tax-payout-status-chip,
  .worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-head > strong {
    justify-self: start;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics,
  .worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid,
  .worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide,
  .worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span:last-child {
    grid-column: 1 / -1;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid button {
    min-height: 44px;
    padding-inline: 4px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid small {
    display: none;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-payout-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-pot-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-paused-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-command-passport-card.compact .tax-os-action-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics,
  .worker-finance-page:has(.tax-command-page-header) .tax-pot-balance-grid,
  .worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide,
  .worker-finance-page:has(.tax-command-page-header) .tax-passport-executive-grid span:last-child {
    grid-column: auto;
  }
}

/* Tax Centre V6.1: Current Tax Position card layout fix */
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  gap: 22px;
  overflow: hidden;
  border-radius: 28px;
  padding: 24px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-top {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy,
.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge,
.worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics,
.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
  margin-top: 12px;
  font-size: clamp(38px, 9vw, 44px);
  line-height: 1;
  font-weight: 720;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-copy p {
  max-width: 34ch;
  margin-top: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 104px;
  aspect-ratio: 1;
  justify-self: end;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  text-align: center;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong,
.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  display: block;
  margin: 0;
  text-align: center;
  line-height: 1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 27px;
  font-weight: 720;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge small {
  font-size: 10px;
  font-weight: 680;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button {
  width: 100%;
  min-width: 0;
  height: 50px !important;
  min-height: 50px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 0 16px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 650;
  white-space: normal;
  text-align: center;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: 1 / -1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  color: rgba(232,246,255,.66);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  color: #fff;
  font-size: clamp(24px, 6.2vw, 28px);
  line-height: 1.1;
  font-weight: 700;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 390px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
    padding: 24px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-top,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-actions,
  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
    justify-self: start;
    margin-top: -2px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
    grid-column: auto;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
    padding: 22px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-copy h2 {
    font-size: 38px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
    font-size: 24px;
  }
}

/* Tax Centre V7: rebuilt Current Tax Position private-banking hero */
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 26px;
  padding: 22px;
  color: #f8fafc;
  background:
    radial-gradient(circle at 92% 0, rgba(79, 70, 229, .18), transparent 34%),
    linear-gradient(145deg, #07112f 0%, #0b1744 58%, #101d52 100%) !important;
  box-shadow: 0 22px 52px rgba(7, 17, 47, .22);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::after,
.worker-finance-page:has(.tax-command-page-header) .tax-position-gauge {
  display: none !important;
}

.worker-finance-page:has(.tax-command-page-header) :is(.tax-position-card-head, .tax-position-balance, .tax-position-progress-row, .tax-position-progress-copy, .tax-position-actions, .tax-position-metrics, .tax-position-metrics .reserve-metric) {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-card-head span {
  color: rgba(248,250,252,.68);
  font-size: 11px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance {
  display: grid;
  gap: 8px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance span {
  color: rgba(248,250,252,.74);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 520;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance strong {
  max-width: 100%;
  color: #f8fafc;
  font-size: clamp(34px, 8.8vw, 38px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-row {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.055);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-copy {
  display: grid;
  gap: 5px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-copy strong {
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 650;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-copy span {
  color: rgba(248,250,252,.70);
  font-size: 13.5px;
  line-height: 1.38;
  font-weight: 430;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(248,250,252,.14);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2dd4bf, #60a5fa);
  box-shadow: 0 0 16px rgba(45,212,191,.22);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button {
  width: 100%;
  min-width: 0;
  height: 46px !important;
  min-height: 46px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  padding: 0 14px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 650;
  white-space: nowrap;
  text-align: center;
  box-shadow: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button:first-child {
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, #102a65, #1e5aa8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(15, 42, 101, .18);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button + button {
  color: #f8fafc;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.075);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button:focus-visible {
  outline: 2px solid rgba(45,212,191,.84);
  outline-offset: 3px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 15px 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.045));
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: 1 / -1;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  color: rgba(248,250,252,.68);
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  max-width: 100%;
  color: #f8fafc;
  font-size: clamp(21px, 5.5vw, 26px);
  line-height: 1.05;
  font-weight: 700;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
    padding: 20px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-balance strong {
    font-size: 34px;
  }
}

/* Tax Centre V8: precise metric-card typography correction */
.worker-finance-page:has(.tax-command-page-header) .tax-position-balance strong {
  font-size: clamp(32px, 8vw, 38px);
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-width: 0;
  max-width: 100%;
  min-height: 112px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  align-self: flex-start;
  text-align: left;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  width: 100%;
  max-width: 100%;
  display: block;
  align-self: center;
  margin-top: auto;
  margin-bottom: 8px;
  overflow: hidden;
  color: #f8fafc;
  font-size: clamp(20px, 5vw, 25px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: 1 / -1 !important;
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
    gap: 8px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
    padding: 12px;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
    font-size: 19px;
  }
}

/* Career Passport V2: premium candidate-only professional identity surface. */
.profile-page-content:has(.career-passport-page) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 16px !important;
  overflow-x: hidden !important;
}

html.native-android .app-shell:has(.career-passport-page),
html.native-android .main:has(.career-passport-page),
html.native-android .content:has(.career-passport-page),
html.native-android .worker-profile-premium:has(.career-passport-page),
html.native-android .profile-page-content:has(.career-passport-page) {
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  overflow-x: hidden !important;
}

html.native-android .main:has(.career-passport-page) {
  padding-inline: 14px !important;
}

html.native-android .content:has(.career-passport-page),
html.native-android .worker-profile-premium:has(.career-passport-page),
html.native-android .profile-page-content:has(.career-passport-page) {
  padding-inline: 0 !important;
}

.career-passport-page {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-inline: 0;
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  overflow-x: hidden;
}

.career-passport-page,
.career-passport-page *,
.career-passport-sheet,
.career-passport-sheet * {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.career-passport-page .professional-passport-hero {
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 0, rgba(105, 124, 255, .32), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(34, 211, 164, .16), transparent 36%),
    linear-gradient(145deg, #06152f 0%, #082c62 57%, #28165f 120%);
  box-shadow: 0 22px 54px rgba(8, 22, 48, .28);
}

.career-passport-page .professional-passport-topline em {
  padding: 6px 9px;
  font-size: 10px;
}

.career-passport-page .professional-passport-hero-main {
  grid-template-columns: 56px minmax(0, 1fr) minmax(76px, auto);
  gap: 12px;
}

.career-passport-page .professional-passport-photo {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  font-size: 18px;
}

.career-passport-page .professional-passport-identity h2 {
  font-size: clamp(25px, 7vw, 30px);
  line-height: 1.04;
}

.career-passport-page .professional-passport-identity small,
.career-passport-page .professional-passport-identity p {
  font-size: 12px;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.career-passport-page .professional-passport-identity span {
  width: auto;
  max-width: 100%;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 10px;
  overflow-wrap: break-word;
}

.career-passport-page .professional-passport-score {
  min-width: 76px;
  padding: 10px;
  border-radius: 18px;
}

.career-passport-page .professional-passport-score strong {
  font-size: clamp(30px, 8vw, 35px);
  font-variant-numeric: tabular-nums;
}

.career-passport-page .professional-passport-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.career-passport-page .professional-passport-meta span {
  min-height: 62px;
  padding: 10px;
  border-radius: 16px;
}

.career-passport-page .professional-passport-actions,
.career-passport-action-row,
.career-passport-page .professional-passport-actions.light {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.career-passport-page .professional-passport-actions.light {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.career-passport-page .professional-passport-actions button,
.career-passport-action-row button,
.career-sheet-action-list button {
  width: 100%;
  min-height: 48px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.15;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.career-passport-page .professional-passport-actions button {
  gap: 6px;
  padding-inline: 8px;
}

.career-passport-page .professional-passport-actions button span {
  display: inline-block;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 12px;
}

.career-passport-page .professional-passport-actions button:active,
.career-passport-action-row button:active,
.career-sheet-action-list button:active {
  transform: scale(.985);
}

.career-passport-page svg,
.career-passport-sheet svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

.career-passport-premium-card {
  gap: 16px;
  border-radius: 24px;
  border: 1px solid rgba(22, 42, 80, .08);
  background: linear-gradient(150deg, rgba(255,255,255,.98), rgba(247,250,255,.94));
  box-shadow: 0 18px 42px rgba(11, 31, 62, .08);
}

.career-passport-page .professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.career-passport-page .professional-passport-section-head h3 {
  font-size: clamp(19px, 5vw, 22px);
}

.career-passport-page .professional-passport-section-head button {
  min-height: 42px;
  border-radius: 14px;
  white-space: nowrap;
}

.career-reputation-overview {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(23, 105, 232, .12);
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(145deg, #f7fbff, #fff);
}

.career-score-ring {
  width: 108px;
  height: 108px;
}

.career-reputation-overview > div:last-child {
  display: grid;
  gap: 6px;
}

.career-reputation-overview small,
.career-metric-grid small,
.career-record-grid small,
.passport-visibility-status-grid small,
.trust-status-grid small {
  color: #6b7b91;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.career-reputation-overview strong {
  color: #07182f;
  font-size: clamp(24px, 7vw, 32px);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.career-reputation-overview p {
  margin: 0;
  color: #5f7189;
  font-size: 12px;
  line-height: 1.45;
}

.career-reputation-overview em,
.career-status-chip,
.passport-public-head em,
.trust-status-header em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: #0d6d4f;
  background: rgba(21, 165, 107, .11);
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.career-metric-grid,
.career-record-grid,
.passport-visibility-status-grid,
.trust-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.career-metric-grid span,
.career-record-grid article,
.passport-visibility-status-grid article,
.trust-status-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 96px;
  border: 1px solid rgba(16, 41, 76, .075);
  border-radius: 18px;
  padding: 13px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(11, 31, 62, .045);
}

.career-metric-grid i,
.career-record-grid i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  color: #1769e8;
  background: #edf4ff;
}

.career-metric-grid strong,
.career-record-grid strong,
.passport-visibility-status-grid strong,
.trust-status-grid strong {
  color: #10294d;
  font-size: clamp(20px, 5vw, 24px);
  line-height: 1.08;
  font-variant-numeric: tabular-nums;
  white-space: normal;
}

.career-metric-grid em {
  color: #718096;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
}

.career-passport-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  border: 1px solid rgba(23, 105, 232, .10);
  border-radius: 16px;
  padding: 11px 12px;
  color: #52677f;
  background: #f7fbff;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 780;
}

.career-passport-page .professional-sector-strip button {
  min-height: 42px;
  border-radius: 999px;
  padding: 0 12px;
}

.career-role-list article {
  border-radius: 20px;
  padding: 14px;
  box-shadow: 0 10px 24px rgba(11,31,62,.045);
}

.career-role-list article > button {
  align-items: start;
}

.career-role-list article > button > em {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #72839b;
  background: transparent;
  padding: 0;
}

.career-status-chip.primary {
  color: #23306d;
  background: rgba(95, 99, 246, .12);
}

.professional-role-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.professional-role-actions button,
.professional-role-actions span {
  flex: 1 1 132px;
  min-height: 40px;
  border-radius: 14px;
  padding: 0 11px;
  font-size: 11px;
  line-height: 1.12;
}

.career-achievement-list button {
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(11,31,62,.045);
}

.career-achievement-list button.earned i {
  color: #8a5b08;
  background: linear-gradient(145deg, #fff7d8, #f1dfab);
}

.career-achievement-list button.progress i {
  color: #1769e8;
  background: #edf4ff;
}

.career-achievement-list b,
.career-achievement-progress span {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 5px;
  margin-top: 8px;
  border-radius: 999px;
  background: #e8eef6;
}

.career-achievement-list b u,
.career-achievement-progress u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1769e8, #5d5ff5);
}

.career-passport-action-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(16,41,76,.08);
  color: #15375b;
  background: #fff;
}

.career-passport-action-row button.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #243ea2);
  box-shadow: 0 14px 28px rgba(36, 62, 162, .18);
}

.passport-visibility-status-grid article,
.trust-status-grid article {
  min-height: 78px;
}

.professional-trust-status-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  overflow: visible !important;
}

.trust-status-card,
.trust-status-content,
.trust-status-description,
.trust-status-title,
.trust-status-title p {
  width: 100%;
  min-width: 0;
}

.trust-status-header {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  width: 100%;
}

.trust-status-header > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #1769e8;
  background: #edf4ff;
}

.trust-status-title strong,
.trust-status-title p {
  display: block;
  margin: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

.trust-status-title strong {
  color: #10294d;
  font-size: 16px;
  line-height: 1.2;
}

.trust-status-title p {
  margin-top: 5px;
  color: #5f7189;
  font-size: 12px;
  line-height: 1.45;
}

.professional-trust-status-card > button {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #071b38, #243ea2);
  font-size: 13px;
  font-weight: 920;
}

.career-passport-page .professional-agency-actions {
  display: none !important;
}

.career-passport-sheet {
  display: grid;
  gap: 14px;
}

.passport-share-privacy,
.passport-share-link-card,
.achievement-detail-sheet article,
.passport-public-preview-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 22px;
  padding: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,250,255,.94));
  box-shadow: 0 14px 32px rgba(11,31,62,.08);
}

.passport-share-privacy {
  grid-template-columns: 40px minmax(0, 1fr);
}

.passport-share-privacy i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #1769e8;
  background: #edf4ff;
}

.passport-share-privacy strong,
.passport-share-privacy p,
.passport-share-link-card small,
.passport-share-link-card strong,
.passport-share-link-card p,
.career-sheet-action-list strong,
.career-sheet-action-list small,
.passport-public-head h3,
.passport-public-head p {
  display: block;
  margin: 0;
  white-space: normal;
}

.passport-share-privacy p,
.passport-share-link-card p,
.career-sheet-action-list small,
.passport-public-head p {
  color: #5f7189;
  font-size: 12px;
  line-height: 1.42;
}

.passport-share-link-card {
  grid-template-columns: minmax(0, 1fr) 86px;
  align-items: center;
}

.career-sheet-action-list {
  display: grid;
  gap: 9px;
}

.career-sheet-action-list button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  border: 1px solid rgba(16,41,76,.08);
  padding: 10px 12px;
  text-align: left;
  color: #10294d;
  background: #fff;
}

.career-sheet-action-list button:disabled {
  opacity: .45;
}

.passport-preview-mode-banner {
  border: 1px solid rgba(95, 99, 246, .16);
  border-radius: 18px;
  padding: 12px;
  color: #23306d;
  background: linear-gradient(145deg, rgba(95,99,246,.11), rgba(23,105,232,.08));
}

.passport-preview-mode-banner strong,
.passport-preview-mode-banner p {
  display: block;
  margin: 0;
}

.passport-preview-mode-banner p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.passport-public-head {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.passport-public-head h3 {
  color: #07182f;
  font-size: 22px;
  line-height: 1.08;
}

.career-public-achievements {
  display: grid;
  gap: 8px;
}

.career-public-achievements span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(16,41,76,.07);
  border-radius: 14px;
  padding: 10px;
  background: #fff;
  color: #10294d;
  font-size: 12px;
  font-weight: 900;
}

.career-sheet-field {
  display: grid;
  gap: 7px;
}

.career-sheet-field span {
  color: #6b7b91;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.career-sheet-field input,
.career-sheet-field textarea {
  width: 100%;
  border: 1px solid rgba(16,41,76,.10);
  border-radius: 16px;
  padding: 13px;
  color: #10294d;
  background: rgba(255,255,255,.94);
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
}

.achievement-detail-sheet article {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: start;
}

.achievement-detail-sheet article > i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  color: #8a5b08;
  background: linear-gradient(145deg, #fff7d8, #f1dfab);
}

.achievement-detail-sheet article strong,
.achievement-detail-sheet article p {
  display: block;
  margin: 0;
}

.achievement-detail-sheet article p {
  margin-top: 5px;
  color: #5f7189;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 700px) {
  .career-passport-page {
    padding-inline: 0;
  }

  .career-passport-page .professional-passport-hero-main {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .career-passport-page .professional-passport-score {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .career-passport-page .professional-passport-actions.light,
  .career-passport-action-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 360px) {
  .career-passport-page {
    padding-inline: 0;
  }

  .career-passport-page .professional-passport-hero,
  .career-passport-page .professional-passport-panel {
    padding: 15px;
    border-radius: 22px;
  }

  .career-reputation-overview,
  .passport-share-link-card,
  .passport-public-head,
  .trust-status-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .career-score-ring {
    justify-self: center;
  }

  .career-metric-grid,
  .career-record-grid,
  .passport-visibility-status-grid,
  .trust-status-grid,
  .career-passport-page .professional-passport-meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .career-sheet-action-list button {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .career-sheet-action-list button em {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 380px) {
  .career-passport-page .professional-passport-hero .professional-passport-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .career-passport-page .professional-passport-actions button,
  .career-passport-action-row button,
  .career-sheet-action-list button {
    transition: none;
  }
}

/* Career Passport V8: compact visibility controls and trust-status rebuild. */
.career-passport-page {
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}

.passport-visibility-control-centre,
.trust-status-card,
.trust-status-grid,
.trust-status-item,
.trust-status-copy,
.visibility-setting-row,
.visibility-setting-copy,
.visibility-info-card,
.secure-link-row {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  writing-mode: horizontal-tb;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

.passport-visibility-head {
  align-items: start !important;
}

.passport-privacy-line {
  display: inline-grid;
  grid-template-columns: 22px minmax(0, auto);
  gap: 7px;
  align-items: center;
  justify-self: start;
  border: 1px solid rgba(21, 165, 107, .13);
  border-radius: 999px;
  padding: 7px 10px;
  color: #0d6d4f;
  background: rgba(21, 165, 107, .08);
  font-size: 10px;
  font-weight: 930;
  line-height: 1.2;
}

.passport-privacy-line i,
.visibility-setting-row > i,
.visibility-info-card > i,
.trust-status-item > i,
.trust-confidence-strip > i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 11px;
  color: #225ea9;
  background: #eaf2ff;
}

.passport-privacy-line i {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 8px;
  color: #0d6d4f;
  background: rgba(255,255,255,.72);
}

.passport-visibility-settings {
  display: grid;
  gap: 9px;
}

.visibility-setting-row,
.visibility-info-card {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 72px;
  border: 1px solid #e0e7f0;
  border-radius: 16px;
  padding: 10px;
  text-align: left;
  color: #10294d;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.96));
  box-shadow: 0 9px 22px rgba(13, 39, 74, .05);
}

button.visibility-setting-row {
  cursor: pointer;
  appearance: none;
  font: inherit;
}

.visibility-setting-row:hover,
.visibility-info-card:hover {
  border-color: rgba(34, 94, 169, .22);
  box-shadow: 0 12px 26px rgba(13, 39, 74, .075);
}

.visibility-setting-row:active,
.secure-link-actions button:active,
.visibility-primary-actions button:active,
.professional-trust-status-card > button:active {
  transform: scale(.988);
}

.visibility-setting-row:focus-visible,
.secure-link-actions button:focus-visible,
.visibility-primary-actions button:focus-visible,
.professional-trust-status-card > button:focus-visible {
  outline: 3px solid rgba(95, 99, 246, .26);
  outline-offset: 2px;
}

.visibility-setting-row.is-loading {
  pointer-events: none;
  opacity: .78;
}

.visibility-setting-copy {
  display: grid;
  gap: 4px;
}

.visibility-setting-copy strong,
.visibility-setting-copy small,
.visibility-setting-copy em,
.visibility-setting-copy b,
.trust-status-copy small,
.trust-status-copy strong,
.trust-status-copy p,
.trust-confidence-strip strong,
.trust-confidence-strip small,
.visibility-info-card strong,
.visibility-info-card small,
.passport-confirm-card strong,
.passport-confirm-card p {
  display: block;
  min-width: 0;
  margin: 0;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.visibility-setting-copy strong,
.visibility-info-card strong {
  color: #10294d;
  font-size: 13px;
  font-weight: 930;
  line-height: 1.22;
}

.visibility-setting-copy small,
.visibility-info-card small {
  color: #60738d;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.38;
}

.visibility-setting-copy em {
  color: #6b7890;
  font-size: 9px;
  font-style: normal;
  font-weight: 840;
  line-height: 1.35;
}

.visibility-setting-copy b {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 2px;
  font-weight: inherit;
}

.visibility-setting-copy b em {
  border-radius: 999px;
  padding: 4px 6px;
  color: #33415f;
  background: #eef3fa;
  white-space: nowrap !important;
}

.visibility-switch-wrap {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 52px;
}

.visibility-switch-wrap small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.visibility-toggle {
  display: block;
  position: relative;
  width: 50px;
  height: 29px;
  border: 1px solid rgba(100, 116, 139, .28);
  border-radius: 999px;
  background: #edf2f7;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.visibility-toggle b {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(15, 23, 42, .18);
  transition: transform .18s ease;
}

.visibility-switch-row.is-on .visibility-toggle {
  border-color: rgba(23, 105, 232, .22);
  background: linear-gradient(135deg, #1769e8, #5d5ff5);
  box-shadow: 0 8px 18px rgba(23, 105, 232, .18);
}

.visibility-switch-row.is-on .visibility-toggle b {
  transform: translateX(21px);
}

.visibility-status-chip,
.visibility-info-card > em,
.trust-confidence-strip > em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.visibility-status-chip.active,
.visibility-info-card > em,
.trust-confidence-strip > em {
  color: #0d6d4f;
  background: rgba(21, 165, 107, .11);
}

.visibility-status-chip.inactive {
  color: #64748b;
  background: #eef3fa;
}

.secure-link-row {
  align-items: start;
}

.secure-link-actions {
  grid-column: 2 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 2px;
}

.secure-link-actions button,
.visibility-primary-actions button {
  min-height: 44px;
  border: 1px solid rgba(16, 41, 76, .1);
  border-radius: 14px;
  padding: 0 12px;
  color: #15375b;
  background: #fff;
  font-size: 11px;
  font-weight: 930;
  white-space: nowrap;
}

.secure-link-actions button.primary,
.visibility-primary-actions button.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #243ea2);
  box-shadow: 0 14px 28px rgba(36, 62, 162, .16);
}

.secure-link-actions button.danger,
.visibility-primary-actions button.danger {
  color: #9d2531;
  border-color: rgba(157, 37, 49, .15);
  background: rgba(255, 245, 246, .95);
}

.secure-link-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}

.visibility-info-card {
  min-height: 70px;
}

.visibility-primary-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 8px;
}

.visibility-primary-actions button.danger {
  grid-column: 1 / -1;
}

.trust-status-card {
  gap: 12px !important;
  overflow: visible !important;
}

.trust-status-card .trust-status-header {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.trust-status-title small {
  display: block;
  color: #6b7b91;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1.1;
}

.trust-status-card .trust-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.trust-status-card .trust-status-item {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
  min-height: 92px !important;
  border: 1px solid #e0e7f0 !important;
  border-radius: 15px !important;
  padding: 10px !important;
  background: linear-gradient(145deg, #fff, #f8fbff) !important;
  box-shadow: 0 9px 22px rgba(13, 39, 74, 0.05) !important;
}

.trust-status-copy {
  display: grid;
  gap: 3px;
}

.trust-status-copy small {
  color: #6b7b91;
  font-size: 8px !important;
  font-weight: 950;
  letter-spacing: .06em;
  line-height: 1.15;
  text-transform: uppercase;
}

.trust-status-copy strong {
  color: #10294d;
  font-size: 14px !important;
  font-weight: 950;
  line-height: 1.15 !important;
}

.trust-status-copy p {
  color: #60738d;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.32;
}

.trust-confidence-strip {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(21, 165, 107, .13);
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(145deg, rgba(240, 253, 248, .95), rgba(255,255,255,.95));
}

.trust-confidence-strip strong {
  color: #10294d;
  font-size: 12px;
  font-weight: 940;
  line-height: 1.25;
}

.trust-confidence-strip small {
  margin-top: 2px;
  color: #60738d;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.34;
}

.trust-compliance-note {
  margin: 0;
  color: #60738d;
  font-size: 10px;
  font-weight: 790;
  line-height: 1.35;
}

.trust-status-card.professional-trust-status-card > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 1;
}

.passport-confirm-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 18px;
  padding: 14px;
  background: linear-gradient(145deg, #fff, #f8fbff);
}

.passport-confirm-card.danger {
  border-color: rgba(157,37,49,.13);
  background: linear-gradient(145deg, #fff, #fff7f8);
}

.passport-confirm-card > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  color: #225ea9;
  background: #eaf2ff;
}

.passport-confirm-card.danger > i {
  color: #9d2531;
  background: rgba(255, 226, 230, .72);
}

.passport-confirm-card strong {
  color: #10294d;
  font-size: 15px;
  line-height: 1.2;
}

.passport-confirm-card p {
  margin-top: 5px;
  color: #60738d;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.42;
}

.prototype-sheet-actions .button.danger {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #8f1f2e, #bf3145);
  box-shadow: 0 14px 28px rgba(157, 37, 49, .18);
}

@media (max-width: 360px) {
  .visibility-setting-row,
  .visibility-info-card,
  .trust-confidence-strip {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .visibility-switch-wrap,
  .visibility-status-chip,
  .visibility-info-card > em,
  .trust-confidence-strip > em {
    grid-column: 2;
    justify-self: start;
  }

  .secure-link-actions {
    grid-column: 1 / -1;
  }

  .secure-link-actions button {
    flex: 1 1 112px;
  }
}

@media (max-width: 350px) {
  .trust-status-card .trust-status-header {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .trust-status-header em {
    grid-column: 2;
    justify-self: start;
  }

  .trust-status-card .trust-status-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .visibility-primary-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Career Passport V7: align visual discipline with the Compliance tab. */
.career-passport-page {
  gap: 12px !important;
  background:
    radial-gradient(circle at 96% 1%, rgba(78, 92, 224, 0.07), transparent 24%),
    linear-gradient(180deg, #f4f7fb, #f8fafc);
}

.career-passport-page .professional-passport-hero,
.career-passport-page .professional-passport-panel {
  border: 1px solid rgba(31, 72, 136, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 32px rgba(13, 39, 74, 0.08) !important;
}

.career-passport-page .professional-passport-hero {
  gap: 12px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.13), transparent 32%),
    linear-gradient(145deg, #071a38, #163a74 58%, #2b236d) !important;
}

.career-passport-page .professional-passport-panel {
  gap: 12px !important;
  padding: 14px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,250,255,.96)) !important;
}

.career-passport-page .professional-passport-topline {
  gap: 8px !important;
}

.career-passport-page .professional-passport-topline span,
.career-passport-page .professional-passport-section-head span,
.career-reputation-overview small,
.career-metric-grid small,
.career-record-grid small,
.passport-visibility-status-grid small,
.trust-status-grid small {
  font-size: 8px !important;
  letter-spacing: .08em !important;
  font-weight: 900 !important;
}

.career-passport-page .professional-passport-topline em {
  min-height: 26px !important;
  padding: 5px 8px !important;
  font-size: 8px !important;
  border-color: rgba(255,255,255,.17) !important;
}

.career-passport-page .professional-passport-hero-main {
  grid-template-columns: 52px minmax(0, 1fr) 82px !important;
  gap: 10px !important;
}

.career-passport-page .professional-passport-photo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
}

.career-passport-page .professional-passport-photo i {
  width: 15px !important;
  height: 15px !important;
  border-width: 2px !important;
}

.career-passport-page .professional-passport-identity h2 {
  margin: 0 !important;
  font-size: clamp(25px, 7vw, 29px) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .professional-passport-identity p {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.34 !important;
  color: rgba(255,255,255,.76) !important;
}

.career-passport-page .professional-passport-score {
  align-self: stretch !important;
  min-width: 0 !important;
  border-radius: 15px !important;
  padding: 9px !important;
  text-align: left !important;
}

.career-passport-page .professional-passport-score strong {
  font-size: clamp(28px, 8vw, 34px) !important;
  line-height: .95 !important;
}

.career-passport-page .professional-passport-score span {
  margin-top: 3px !important;
  font-size: 7px !important;
}

.career-passport-page .professional-passport-score small {
  margin-top: 4px !important;
  font-size: 9px !important;
  line-height: 1.24 !important;
}

.career-passport-verified-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 8px 9px;
  background: rgba(255,255,255,.08);
}

.career-passport-verified-strip span,
.career-passport-verified-strip em {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: rgba(255,255,255,.86);
  font-size: 9px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 900;
  white-space: normal;
  overflow-wrap: break-word;
}

.career-passport-verified-strip em {
  justify-self: end;
  border-radius: 999px;
  padding: 5px 7px;
  color: #dfeaff;
  background: rgba(255,255,255,.10);
  white-space: nowrap;
}

.career-passport-page .professional-passport-meta {
  gap: 8px !important;
}

.career-passport-page .professional-passport-meta span {
  min-height: 58px !important;
  border-radius: 14px !important;
  padding: 9px !important;
}

.career-passport-page .professional-passport-meta small {
  font-size: 7px !important;
}

.career-passport-page .professional-passport-meta strong {
  font-size: 12px !important;
}

.career-passport-page .professional-passport-actions button,
.career-passport-page .professional-passport-section-head button,
.career-passport-action-row button,
.passport-visibility-controls button,
.career-sheet-action-list button,
.professional-role-actions button,
.professional-role-actions span {
  min-height: 44px !important;
  border-radius: 14px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.career-passport-page .professional-passport-section-head {
  gap: 10px !important;
}

.career-passport-page .professional-passport-section-head h3 {
  margin-top: 4px !important;
  font-size: clamp(16px, 4.8vw, 20px) !important;
  line-height: 1.17 !important;
  color: #102a4f !important;
}

.career-passport-page .professional-passport-section-head p {
  margin-top: 5px !important;
  max-width: 300px !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  color: #667895 !important;
}

.career-reputation-overview {
  grid-template-columns: 94px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px !important;
  border-color: rgba(31,72,136,.11) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(98, 79, 203, 0.1), transparent 35%),
    linear-gradient(145deg, #fff, #f4f8ff) !important;
  box-shadow: 0 15px 34px rgba(13, 39, 74, 0.08) !important;
}

.career-score-ring {
  width: 92px !important;
  height: 92px !important;
  box-shadow: 0 10px 24px rgba(23, 80, 156, 0.15) !important;
}

.career-score-ring strong {
  font-size: 24px !important;
}

.career-score-ring small {
  font-size: 8px !important;
}

.career-reputation-overview strong {
  font-size: clamp(22px, 6vw, 28px) !important;
}

.career-reputation-overview p {
  font-size: 10px !important;
  line-height: 1.4 !important;
}

.career-reputation-overview em,
.career-status-chip,
.passport-public-head em,
.trust-status-header em {
  min-height: 25px !important;
  padding: 5px 7px !important;
  font-size: 7px !important;
  border-radius: 999px !important;
}

.career-metric-grid,
.career-record-grid,
.passport-visibility-status-grid,
.trust-status-grid {
  gap: 8px !important;
}

.career-metric-grid span,
.career-record-grid article,
.passport-visibility-status-grid article,
.trust-status-grid article {
  min-height: 82px !important;
  border-color: #e0e7f0 !important;
  border-radius: 15px !important;
  padding: 10px !important;
  background: linear-gradient(145deg, #fff, #f8fbff) !important;
  box-shadow: 0 9px 22px rgba(13, 39, 74, 0.05) !important;
}

.career-metric-grid i,
.career-record-grid i,
.professional-badge-list i,
.professional-timeline i,
.trust-status-header > span {
  width: 31px !important;
  height: 31px !important;
  border-radius: 10px !important;
  color: #225ea9 !important;
  background: #eaf2ff !important;
}

.career-metric-grid strong,
.career-record-grid strong,
.passport-visibility-status-grid strong,
.trust-status-grid strong {
  font-size: clamp(18px, 5vw, 22px) !important;
  line-height: 1.08 !important;
}

.career-metric-grid em {
  font-size: 8px !important;
  line-height: 1.3 !important;
}

.career-passport-note {
  border-color: #e5ebf3 !important;
  border-radius: 13px !important;
  padding: 8px 9px !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  background: rgba(255, 255, 255, 0.66) !important;
}

.career-passport-page .professional-sector-strip,
.career-passport-page .professional-filter-rail {
  gap: 7px !important;
  padding-bottom: 3px !important;
}

.career-passport-page .professional-sector-strip button,
.career-passport-page .professional-filter-rail button {
  min-height: 38px !important;
  border-radius: 13px !important;
  padding: 0 10px !important;
  font-size: 9px !important;
}

.career-role-list article,
.career-achievement-list button,
.professional-timeline article > button {
  border-color: #e0e7f0 !important;
  border-radius: 15px !important;
  padding: 10px !important;
  background: linear-gradient(145deg, #fff, #f8fbff) !important;
  box-shadow: 0 9px 22px rgba(13, 39, 74, 0.05) !important;
}

.professional-role-list strong,
.professional-badge-list strong,
.professional-timeline strong {
  font-size: 12px !important;
  line-height: 1.24 !important;
}

.professional-role-list p,
.professional-badge-list small,
.professional-timeline p {
  font-size: 9px !important;
  line-height: 1.35 !important;
}

.professional-role-actions {
  gap: 7px !important;
}

.professional-role-actions button,
.professional-role-actions span {
  flex: 1 1 118px !important;
  padding-inline: 9px !important;
}

.career-achievement-list button {
  grid-template-columns: 31px minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

.career-achievement-list button.earned i {
  color: #8a5b08 !important;
  background: linear-gradient(145deg, #fff7d8, #f1dfab) !important;
}

.passport-preview-summary {
  gap: 8px !important;
}

.passport-preview-summary article {
  border-color: #e0e7f0 !important;
  border-radius: 15px !important;
  padding: 10px !important;
}

.passport-preview-summary strong {
  font-size: 12px !important;
}

.professional-trust-status-card {
  gap: 12px !important;
}

.trust-status-header {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 9px !important;
}

.trust-status-title strong {
  font-size: 12px !important;
}

.trust-status-title p {
  font-size: 9px !important;
  line-height: 1.38 !important;
}

.professional-trust-status-card > button {
  min-height: 44px !important;
  border-radius: 14px !important;
  font-size: 10px !important;
}

.career-passport-sheet .passport-share-privacy,
.career-passport-sheet .passport-share-link-card,
.career-passport-sheet .achievement-detail-sheet article,
.career-passport-sheet .passport-public-preview-card {
  border-radius: 18px !important;
  padding: 14px !important;
}

@media (max-width: 380px) {
  .career-passport-page .professional-passport-hero-main {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .career-passport-page .professional-passport-score {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .career-passport-verified-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .career-passport-verified-strip em {
    justify-self: start !important;
    white-space: normal !important;
  }
}

/* Career Passport V8 final containment: keep Trust Status readable after legacy V7 overrides. */
.trust-status-card .trust-status-item {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-content: start !important;
}

.trust-status-card .trust-status-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  align-self: start !important;
}

.trust-status-card .trust-status-copy small,
.trust-status-card .trust-status-copy strong,
.trust-status-card .trust-status-copy p {
  width: 100% !important;
  max-width: 100% !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.trust-status-card .trust-status-copy small {
  font-size: 8px !important;
  line-height: 1.15 !important;
}

.trust-status-card .trust-status-copy strong {
  margin-top: 3px !important;
  font-size: 13px !important;
  line-height: 1.16 !important;
}

.trust-status-card .trust-status-copy p {
  margin-top: 4px !important;
  font-size: 9px !important;
  line-height: 1.32 !important;
}

@media (max-width: 350px) {
  .trust-status-card .trust-status-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }
}

/* Career Passport V9: replace broken visibility/trust layout with stable document-flow components. */
.career-passport-visibility,
.career-passport-trust,
.career-passport-compliance-action,
.career-passport-visibility *,
.career-passport-trust *,
.career-passport-compliance-action * {
  box-sizing: border-box;
}

.career-passport-visibility,
.career-passport-trust,
.career-passport-compliance-action {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.career-passport-visibility p,
.career-passport-visibility h2,
.career-passport-visibility h3,
.career-passport-visibility span,
.career-passport-visibility strong,
.career-passport-visibility small,
.career-passport-visibility em,
.career-passport-trust p,
.career-passport-trust h2,
.career-passport-trust h3,
.career-passport-trust span,
.career-passport-trust strong,
.career-passport-trust small,
.career-passport-trust em,
.career-passport-compliance-action p,
.career-passport-compliance-action span {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  hyphens: none !important;
}

.career-passport-control-head {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.career-passport-control-head span {
  color: #6b7b91;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1.1;
}

.career-passport-control-head h3,
.career-passport-trust .trust-status-copy h3 {
  margin: 0 !important;
  color: #102a4f !important;
  font-size: clamp(18px, 5vw, 22px) !important;
  font-weight: 950;
  line-height: 1.16 !important;
}

.career-passport-control-head p,
.career-passport-trust .trust-status-copy p,
.shared-access-head p,
.shared-access-note,
.career-passport-compliance-action p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 740;
  line-height: 1.42 !important;
}

.career-passport-visibility-list {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.cp-visibility-row {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #dfe7f1;
  border-radius: 16px;
  padding: 12px;
  color: #10294d;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 8px 20px rgba(13, 39, 74, .045);
  text-align: left;
  font: inherit;
  appearance: none;
}

.cp-visibility-row > i,
.career-passport-private-panel > i,
.career-passport-trust .trust-status-header > i,
.trust-summary-item > i,
.career-passport-trust .trust-confidence-strip > i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 14px;
  color: #225ea9;
  background: #eaf2ff;
}

.cp-visibility-row svg,
.career-passport-private-panel svg,
.career-passport-shared-access svg,
.career-passport-trust svg,
.career-passport-compliance-action svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
}

.visibility-setting-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.visibility-setting-title {
  display: block;
  color: #10294d;
  font-size: 15px;
  font-weight: 930;
  line-height: 1.22;
}

.visibility-setting-description {
  display: block;
  margin-top: 4px;
  color: #60738d;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.38;
}

.cp-switch-control {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 83px;
}

.cp-switch-control em {
  color: #64748b;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap !important;
}

.cp-switch-track {
  position: relative;
  display: block;
  width: 50px;
  height: 29px;
  flex: 0 0 50px;
  border: 1px solid rgba(100, 116, 139, .28);
  border-radius: 999px;
  background: #edf2f7;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.cp-switch-track b {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(15, 23, 42, .18);
  transition: transform .18s ease;
}

.cp-visibility-row.is-on .cp-switch-track {
  border-color: rgba(23, 105, 232, .24);
  background: linear-gradient(135deg, #1769e8, #5d5ff5);
  box-shadow: 0 8px 18px rgba(23, 105, 232, .16);
}

.cp-visibility-row.is-on .cp-switch-track b {
  transform: translateX(21px);
}

.career-passport-private-panel,
.career-passport-shared-access {
  display: grid;
  gap: 12px;
  width: 100%;
  min-width: 0;
  border: 1px solid #dfe7f1;
  border-radius: 16px;
  padding: 14px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 8px 20px rgba(13, 39, 74, .045);
}

.career-passport-private-panel {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
}

.career-passport-private-panel strong,
.shared-access-head strong {
  display: block;
  color: #10294d;
  font-size: 15px;
  font-weight: 930;
  line-height: 1.22;
}

.career-passport-private-panel small {
  display: block;
  margin-top: 4px;
  color: #60738d;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.38;
}

.career-passport-private-panel > em,
.shared-access-head > em,
.trust-confidence-status,
.career-passport-trust .trust-status-header > em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  border-radius: 999px;
  padding: 6px 9px;
  color: #0d6d4f;
  background: rgba(21, 165, 107, .11);
  font-size: 10px !important;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap !important;
}

.shared-access-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.shared-access-head > em.inactive {
  color: #64748b;
  background: #eef3fa;
}

.shared-access-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.shared-access-meta span {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid rgba(16,41,76,.08);
  border-radius: 13px;
  padding: 9px;
  background: rgba(255,255,255,.78);
}

.shared-access-meta small,
.trust-summary-item small {
  color: #6b7b91;
  font-size: 10px !important;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.shared-access-meta strong {
  color: #10294d;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.24;
}

.shared-access-actions,
.career-passport-visibility-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.shared-access-actions button,
.career-passport-visibility-actions button,
.compliance-centre-button {
  width: 100%;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(16, 41, 76, .1);
  border-radius: 16px;
  padding: 12px 16px;
  box-sizing: border-box;
  overflow: hidden;
  color: #15375b;
  background: #fff;
  font-size: 13px;
  font-weight: 930;
  line-height: 1.2;
}

.shared-access-actions button span,
.career-passport-visibility-actions button span,
.compliance-centre-button span {
  min-width: 0;
  text-align: center;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.25;
}

.shared-access-actions button.primary,
.career-passport-visibility-actions button.primary,
.compliance-centre-button {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #071b38, #243ea2);
  box-shadow: 0 14px 28px rgba(36, 62, 162, .16);
}

.shared-access-actions button.danger {
  color: #9d2531;
  border-color: rgba(157, 37, 49, .15);
  background: rgba(255, 245, 246, .95);
}

.shared-access-actions button:disabled {
  opacity: .48;
  cursor: not-allowed;
  box-shadow: none;
}

.career-passport-visibility-actions {
  grid-template-columns: minmax(0, 1fr);
}

.career-passport-trust .trust-status-header {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  width: 100%;
  min-width: 0;
}

.career-passport-trust .trust-status-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.trust-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100%;
  min-width: 0;
}

.trust-summary-item {
  display: grid;
  gap: 6px;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  border: 1px solid #dfe7f1;
  border-radius: 16px;
  padding: 14px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 8px 20px rgba(13, 39, 74, .045);
}

.trust-summary-item > i {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 12px;
}

.trust-summary-item strong {
  color: #10294d;
  font-size: 18px !important;
  font-weight: 950;
  line-height: 1.12 !important;
}

.trust-summary-item p {
  margin: 0;
  color: #60738d;
  font-size: 12px !important;
  font-weight: 740;
  line-height: 1.38 !important;
}

.career-passport-trust .trust-confidence-strip {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(21, 165, 107, .13);
  border-radius: 16px;
  padding: 12px;
  background: linear-gradient(145deg, rgba(240,253,248,.95), rgba(255,255,255,.96));
}

.career-passport-trust .trust-confidence-strip > i {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 13px;
  color: #0d6d4f;
  background: rgba(21,165,107,.1);
}

.trust-confidence-copy {
  display: block !important;
  width: 100%;
  min-width: 0;
}

.trust-confidence-copy strong {
  display: block;
  color: #10294d;
  font-size: 13px !important;
  font-weight: 940;
  line-height: 1.26 !important;
}

.trust-confidence-copy small {
  display: block;
  margin-top: 3px;
  color: #60738d;
  font-size: 12px !important;
  font-weight: 740;
  line-height: 1.38 !important;
}

.career-passport-compliance-action {
  gap: 10px !important;
}

.career-passport-compliance-action p {
  text-align: center;
}

.cp-visibility-row:focus-visible,
.shared-access-actions button:focus-visible,
.career-passport-visibility-actions button:focus-visible,
.compliance-centre-button:focus-visible {
  outline: 3px solid rgba(95, 99, 246, .26);
  outline-offset: 2px;
}

.cp-visibility-row:active,
.shared-access-actions button:active,
.career-passport-visibility-actions button:active,
.compliance-centre-button:active {
  transform: scale(.988);
}

@media (max-width: 390px) {
  .shared-access-meta {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media@media (max-width: 430px) {
  .career-passport-private-panel {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .career-passport-private-panel > em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-access-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .shared-access-actions button span {
    white-space: nowrap !important;
  }
}

@media (max-width: 359px) {
  .career-passport-trust .trust-status-header {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  .career-passport-trust .trust-status-header > em {
    grid-column: 2;
    justify-self: start;
  }

  .career-passport-trust .trust-confidence-strip {
    grid-template-columns: 36px minmax(0, 1fr) !important;
  }

  .trust-confidence-status {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 350px) {
  .trust-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .career-passport-private-panel {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .career-passport-private-panel > em {
    grid-column: 2;
    justify-self: start;
  }

  .shared-access-head,
  .shared-access-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 339px) {
  .cp-visibility-row {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .cp-switch-control {
    grid-column: 2;
    justify-content: flex-start;
  }
}

/* Career Passport V10: premium achievements, shared access and trust polish. */
.career-passport-page .career-achievement-list {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.career-passport-page .career-achievement-list .achievement-row,
.career-passport-sheet.achievement-gallery-sheet .achievement-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 88px !important;
  height: auto !important;
  max-height: none !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border: 1px solid rgba(16, 41, 76, .09) !important;
  border-radius: 18px !important;
  color: #10294d !important;
  text-align: left !important;
  background: linear-gradient(145deg, #ffffff, #f8fbff) !important;
  box-shadow: 0 8px 20px rgba(13, 39, 74, .04) !important;
}

.career-passport-page .career-achievement-list .achievement-icon,
.career-passport-sheet.achievement-gallery-sheet .achievement-icon {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
  color: #225ea9 !important;
  background: #edf4ff !important;
  box-shadow: none !important;
}

.career-passport-page .career-achievement-list .achievement-row.earned .achievement-icon,
.career-passport-sheet.achievement-gallery-sheet .achievement-row.earned .achievement-icon {
  color: #0d6d4f !important;
  background: #eaf8f1 !important;
}

.career-passport-page .career-achievement-list .achievement-row.in-progress .achievement-icon,
.career-passport-sheet.achievement-gallery-sheet .achievement-row.in-progress .achievement-icon {
  color: #225ea9 !important;
  background: #edf4ff !important;
}

.career-passport-page .career-achievement-list .achievement-icon svg,
.career-passport-sheet.achievement-gallery-sheet .achievement-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.career-passport-page .achievement-copy,
.career-passport-sheet.achievement-gallery-sheet .achievement-copy {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  background: transparent !important;
}

.career-passport-page .achievement-title,
.career-passport-sheet.achievement-gallery-sheet .achievement-title {
  display: block !important;
  margin: 0 !important;
  color: #10294d !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 820 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.career-passport-page .achievement-description,
.career-passport-sheet.achievement-gallery-sheet .achievement-description {
  display: block !important;
  margin-top: 4px !important;
  color: #66758a !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.career-passport-page .achievement-status,
.career-passport-sheet.achievement-gallery-sheet .achievement-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  color: #0d6d4f !important;
  background: rgba(21, 165, 107, .11) !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.career-passport-page .achievement-row.in-progress .achievement-status,
.career-passport-sheet.achievement-gallery-sheet .achievement-row.in-progress .achievement-status {
  color: #225ea9 !important;
  background: rgba(34, 94, 169, .1) !important;
}

.career-passport-page .achievement-progress,
.career-passport-sheet.achievement-gallery-sheet .achievement-progress {
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e8eef6 !important;
}

.career-passport-page .achievement-progress u,
.career-passport-sheet.achievement-gallery-sheet .achievement-progress u {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #1769e8, #5d5ff5) !important;
}

.career-passport-page .career-passport-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.career-passport-page .career-passport-action-row .career-achievement-action {
  min-height: 48px !important;
  height: auto !important;
  border-radius: 16px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  box-shadow: 0 8px 18px rgba(13, 39, 74, .04) !important;
}

.career-passport-page .career-passport-action-row .career-achievement-action svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-shared-access {
  gap: 11px !important;
  padding: 14px !important;
}

.career-passport-shared-access .shared-access-head {
  align-items: start;
}

.career-passport-shared-access .shared-access-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 2px;
}

.career-passport-shared-access .shared-access-actions button,
.career-passport-visibility-actions button {
  min-height: 48px !important;
  height: auto !important;
  border-radius: 15px !important;
  padding: 11px 12px !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  box-shadow: 0 8px 18px rgba(13, 39, 74, .045) !important;
}

.career-passport-shared-access .shared-access-actions button span,
.career-passport-visibility-actions button span {
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.career-passport-shared-access .shared-access-actions svg,
.career-passport-visibility-actions svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-visibility-actions button {
  min-height: 48px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
}

.career-passport-trust .trust-status-header {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.career-passport-trust .trust-status-header > i {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 14px !important;
}

.career-passport-trust .trust-status-copy h3 {
  font-size: clamp(19px, 5vw, 21px) !important;
  line-height: 1.16 !important;
}

.career-passport-trust .trust-status-copy p {
  color: #66758a !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.42 !important;
}

.career-passport-trust .trust-status-header > em {
  min-height: 28px !important;
  padding: 7px 11px !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
}

.career-passport-trust .trust-summary-grid {
  gap: 10px !important;
}

.career-passport-trust .trust-summary-item {
  min-height: 142px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 15px !important;
  border-radius: 17px !important;
  border-color: rgba(16, 41, 76, .09) !important;
  background: linear-gradient(145deg, #ffffff, #f9fbff) !important;
  box-shadow: 0 8px 20px rgba(13, 39, 74, .04) !important;
}

.career-passport-trust .trust-summary-item > i {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 13px !important;
}

.career-passport-trust .trust-summary-item > i svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-trust .trust-summary-item small {
  font-size: 10.5px !important;
  letter-spacing: .08em !important;
  line-height: 1.22 !important;
}

.career-passport-trust .trust-summary-item strong {
  margin-top: auto;
  color: #10294d !important;
  font-size: clamp(19px, 5vw, 21px) !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
}

.career-passport-trust .trust-summary-item p {
  color: #66758a !important;
  font-size: 12.5px !important;
  font-weight: 620 !important;
  line-height: 1.35 !important;
}

.career-passport-trust .trust-confidence-strip {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 14px 15px !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(241, 253, 248, .96), rgba(255, 255, 255, .98)) !important;
  box-shadow: none !important;
}

.career-passport-trust .trust-confidence-strip > i {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 13px !important;
}

.career-passport-trust .trust-confidence-strip > i svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-trust .trust-confidence-copy strong {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 780 !important;
}

.career-passport-trust .trust-confidence-copy small {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 620 !important;
}

.career-passport-trust .trust-confidence-status {
  min-height: 28px !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

@media (max-width: 390px) {
  .career-passport-shared-access .shared-access-actions button {
    min-height: 50px !important;
    padding: 10px 9px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }

  .career-passport-shared-access .shared-access-actions svg {
    display: none !important;
  }

  .career-passport-shared-access .shared-access-actions button span {
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  .career-passport-trust .trust-confidence-strip {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .career-passport-trust .trust-confidence-status {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 374px) {
  .career-passport-trust .trust-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .career-passport-trust .trust-summary-item {
    min-height: 155px !important;
  }
}

@media (max-width: 349px) {
  .career-passport-page .career-achievement-list .achievement-row,
  .career-passport-sheet.achievement-gallery-sheet .achievement-row {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .career-passport-page .achievement-status,
  .career-passport-sheet.achievement-gallery-sheet .achievement-status {
    grid-column: 2;
    justify-self: start;
  }

  .career-passport-page .career-passport-action-row,
  .career-passport-shared-access .shared-access-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Career Passport V11: luxury Trust Status visual refinement. */
.career-passport-page .career-passport-trust {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 20px !important;
  padding: clamp(20px, 5.6vw, 24px) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(221, 232, 246, .32), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(246, 249, 252, .72)) !important;
  box-shadow:
    0 18px 45px rgba(22, 35, 60, .08),
    inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.career-passport-page .career-passport-trust::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(20, 35, 60, .045);
  pointer-events: none;
}

.career-passport-page .career-passport-trust .trust-status-header {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 0 !important;
}

.career-passport-page .career-passport-trust .trust-status-header > i {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid rgba(34, 55, 85, .06);
  border-radius: 15px !important;
  color: #2f5f9f !important;
  background: rgba(238, 244, 252, .68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.career-passport-page .career-passport-trust .trust-status-header > i svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.75 !important;
}

.career-passport-page .career-passport-trust .trust-status-copy {
  display: grid !important;
  gap: 7px !important;
  max-width: 100% !important;
}

.career-passport-page .career-passport-trust .trust-status-copy h3 {
  color: #152033 !important;
  font-size: clamp(27px, 7vw, 30px) !important;
  font-weight: 690 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

.career-passport-page .career-passport-trust .trust-status-copy p {
  max-width: 520px;
  color: #66758a !important;
  font-size: clamp(15px, 3.8vw, 16px) !important;
  font-weight: 430 !important;
  line-height: 1.48 !important;
}

.career-passport-page .trust-verified-badge,
.career-passport-page .career-passport-trust .trust-confidence-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(75, 135, 103, .14) !important;
  border-radius: 999px !important;
  color: #0f684e !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(225, 242, 233, .68)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 640 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.career-passport-page .trust-verified-badge svg {
  width: 13px !important;
  height: 13px !important;
  stroke-width: 1.8 !important;
}

.career-passport-page .trust-verified-badge span,
.career-passport-page .career-passport-trust .trust-confidence-status span {
  white-space: nowrap !important;
}

.career-passport-page .career-passport-trust .trust-summary-grid {
  gap: 12px !important;
  align-items: stretch !important;
}

.career-passport-page .career-passport-trust .trust-summary-item {
  min-height: 150px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(34, 55, 85, .07) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(248, 251, 255, .46)) !important;
  box-shadow:
    0 8px 24px rgba(26, 42, 67, .045),
    inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition:
    transform .2s ease-out,
    border-color .2s ease-out,
    box-shadow .2s ease-out,
    background .2s ease-out;
}

.career-passport-page .career-passport-trust .trust-summary-item > i {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin-bottom: 17px;
  border: 1px solid rgba(34, 55, 85, .055);
  border-radius: 14px !important;
  color: #2f5f9f !important;
  background: rgba(237, 244, 252, .56) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74) !important;
}

.career-passport-page .career-passport-trust .trust-summary-item > i svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.75 !important;
}

.career-passport-page .career-passport-trust .trust-summary-item small {
  margin: 0 0 11px !important;
  color: #748299 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  letter-spacing: .095em !important;
  line-height: 1.45 !important;
  text-transform: uppercase;
}

.career-passport-page .career-passport-trust .trust-summary-item strong {
  margin: 0 0 9px !important;
  color: #152033 !important;
  font-size: clamp(22px, 5.7vw, 24px) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  line-height: 1.18 !important;
  overflow-wrap: normal !important;
}

.career-passport-page .career-passport-trust .trust-summary-item p {
  margin: 0 !important;
  color: #6b7688 !important;
  font-size: clamp(14px, 3.6vw, 15px) !important;
  font-weight: 420 !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(55, 128, 92, .12) !important;
  border-radius: 21px !important;
  background:
    linear-gradient(135deg, rgba(239, 248, 244, .86), rgba(255, 255, 255, .72)) !important;
  box-shadow:
    0 12px 30px rgba(38, 92, 67, .06),
    inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.career-passport-page .career-passport-trust .trust-confidence-strip > i {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid rgba(55, 128, 92, .1);
  border-radius: 14px !important;
  color: #0f684e !important;
  background: rgba(223, 243, 233, .64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > i svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-copy {
  display: grid !important;
  gap: 4px !important;
}

.career-passport-page .career-passport-trust .trust-confidence-copy strong {
  color: #163321 !important;
  font-size: clamp(17px, 4.6vw, 19px) !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  line-height: 1.34 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-copy small {
  color: #617268 !important;
  font-size: clamp(14px, 3.7vw, 15px) !important;
  font-weight: 420 !important;
  line-height: 1.46 !important;
}

@media (hover: hover) and (pointer: fine) {
  .career-passport-page .career-passport-trust .trust-summary-item:hover {
    transform: translateY(-2px);
    border-color: rgba(34, 55, 85, .11) !important;
    box-shadow:
      0 12px 30px rgba(26, 42, 67, .065),
      inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  }
}

.career-passport-page .career-passport-trust .trust-summary-item:active {
  transform: scale(.99);
}

@media (prefers-reduced-motion: reduce) {
  .career-passport-page .career-passport-trust .trust-summary-item {
    transition: none !important;
  }

  .career-passport-page .career-passport-trust .trust-summary-item:hover,
  .career-passport-page .career-passport-trust .trust-summary-item:active {
    transform: none !important;
  }
}

@media (min-width: 700px) {
  .career-passport-page .career-passport-trust .trust-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 170px !important;
  }
}

@media (max-width: 390px) {
  .career-passport-page .career-passport-trust {
    padding: 20px !important;
    gap: 18px !important;
  }

  .career-passport-page .career-passport-trust .trust-status-header {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  .career-passport-page .career-passport-trust .trust-status-header > i {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  .career-passport-page .career-passport-trust .trust-status-copy h3 {
    font-size: clamp(25px, 7vw, 28px) !important;
  }

  .career-passport-page .career-passport-trust .trust-status-copy p {
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  .career-passport-page .career-passport-trust .trust-summary-item {
    padding: 17px !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-strip {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding: 18px !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-status {
    grid-column: 2;
    justify-self: start;
  }
}

@media (min-width: 350px) and (max-width: 699px) {
  .career-passport-page .career-passport-trust .trust-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 349px) {
  .career-passport-page .career-passport-trust .trust-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 0 !important;
  }
}

@media (max-width: 340px) {
  .career-passport-page .career-passport-trust .trust-status-header {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .career-passport-page .career-passport-trust .trust-status-header > em {
    grid-column: 2;
    justify-self: start;
  }
}

/* Career Passport V11b: trust-status typography tuning after rendered QA. */
.career-passport-page .career-passport-trust .trust-status-copy h3 {
  font-size: clamp(25px, 6.7vw, 28px) !important;
  font-weight: 660 !important;
  line-height: 1.12 !important;
}

.career-passport-page .career-passport-trust .trust-status-copy p {
  font-size: clamp(14px, 3.6vw, 15px) !important;
  font-weight: 420 !important;
  line-height: 1.5 !important;
}

.career-passport-page .career-passport-trust .trust-summary-item {
  min-height: 198px !important;
  padding: 16px !important;
  border-radius: 19px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item > i {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  margin-bottom: 15px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item > i svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item small {
  margin-bottom: 9px !important;
  font-size: 10.5px !important;
  font-weight: 610 !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-passport-trust .trust-summary-item strong {
  margin-bottom: 8px !important;
  font-size: clamp(20px, 5vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -.018em !important;
  white-space: nowrap !important;
}

.career-passport-page .career-passport-trust .trust-summary-item p {
  font-size: clamp(13.5px, 3.45vw, 14.5px) !important;
  font-weight: 420 !important;
  line-height: 1.43 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-copy strong {
  font-size: clamp(16px, 4.25vw, 18px) !important;
  font-weight: 610 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-copy small {
  font-size: clamp(13.5px, 3.55vw, 14.5px) !important;
}

@media (max-width: 390px) {
  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 198px !important;
    padding: 15px !important;
  }

  .career-passport-page .career-passport-trust .trust-status-copy h3 {
    font-size: clamp(24px, 6.7vw, 26px) !important;
  }

  .career-passport-page .career-passport-trust .trust-status-copy p {
    font-size: 14px !important;
  }
}

@media (max-width: 349px) {
  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 172px !important;
  }
}

@media (min-width: 350px) and (max-width: 389px) {
  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 225px !important;
  }
}

/* Career Passport V12: compact two-row Trust confidence panel. */
.career-passport-page .career-passport-trust {
  gap: clamp(14px, 3.8vw, 18px) !important;
  padding: clamp(18px, 5vw, 22px) !important;
}

.career-passport-page .career-passport-trust .trust-status-header {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

.career-passport-page .career-passport-trust .trust-status-header > i {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 14px !important;
}

.career-passport-page .career-passport-trust .trust-status-header > i svg {
  width: 17px !important;
  height: 17px !important;
}

.career-passport-page .career-passport-trust .trust-status-copy h3 {
  font-size: clamp(25px, 6.4vw, 28px) !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
}

.career-passport-page .career-passport-trust .trust-status-copy p {
  font-size: clamp(14px, 3.55vw, 15px) !important;
  line-height: 1.45 !important;
}

.career-passport-page .career-passport-trust .trust-summary-grid {
  gap: 10px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item {
  min-height: 0 !important;
  padding: 15px !important;
  border-radius: 18px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item > i {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  margin-bottom: 12px !important;
  border-radius: 13px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item > i svg {
  width: 16px !important;
  height: 16px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item small {
  margin-bottom: 8px !important;
  font-size: 10.25px !important;
  line-height: 1.38 !important;
  letter-spacing: .088em !important;
}

.career-passport-page .career-passport-trust .trust-summary-item strong {
  margin-bottom: 7px !important;
  font-size: clamp(20px, 4.8vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
}

.career-passport-page .career-passport-trust .trust-summary-item p {
  font-size: clamp(13px, 3.35vw, 14px) !important;
  line-height: 1.38 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
  padding: 16px !important;
  border: 1px solid rgba(75, 125, 99, .12) !important;
  border-radius: 19px !important;
  background:
    linear-gradient(135deg, rgba(247, 252, 249, .88), rgba(255, 255, 255, .72)) !important;
  box-shadow:
    0 10px 28px rgba(29, 61, 47, .055),
    inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.career-passport-page .career-passport-trust .trust-confidence-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.career-passport-page .career-passport-trust .trust-confidence-top > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(55, 128, 92, .1) !important;
  border-radius: 13px !important;
  color: #0f684e !important;
  background: rgba(223, 243, 233, .64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-top > i svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.75 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-top > strong {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #153321 !important;
  font-size: clamp(16px, 4vw, 17px) !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-note {
  display: block !important;
  margin: 0 0 0 42px !important;
  max-width: none !important;
  color: #607166 !important;
  font-size: clamp(13px, 3.35vw, 14px) !important;
  font-weight: 420 !important;
  line-height: 1.42 !important;
  text-align: left !important;
}

.career-passport-page .career-passport-trust .trust-confidence-status {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 5px 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}

@media@media (max-width: 430px) {
  .career-passport-page .career-passport-trust .trust-confidence-top {
    flex-wrap: wrap !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-top > strong {
    flex-basis: calc(100% - 42px) !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-status {
    margin-left: 42px !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-note {
    margin-left: 42px !important;
  }
}

@media (max-width: 390px) {
  .career-passport-page .career-passport-trust {
    padding: 18px !important;
    gap: 14px !important;
  }

  .career-passport-page .career-passport-trust .trust-summary-item {
    min-height: 0 !important;
    padding: 14px !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-strip {
    padding: 15px !important;
  }
}

@media (max-width: 349px) {
  .career-passport-page .career-passport-trust .trust-confidence-status,
  .career-passport-page .career-passport-trust .trust-confidence-note {
    margin-left: 0 !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-top > strong {
    flex-basis: calc(100% - 42px) !important;
  }
}

/* Career Passport V12b: confidence panel grid order and narrow-width resilience. */
.career-passport-page .career-passport-trust .trust-confidence-strip {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  grid-template-areas:
    "icon title badge"
    ". note note" !important;
  column-gap: 10px !important;
  row-gap: 7px !important;
  align-items: center !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > i {
  grid-area: icon !important;
  align-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border: 1px solid rgba(55, 128, 92, .1) !important;
  border-radius: 13px !important;
  color: #0f684e !important;
  background: rgba(223, 243, 233, .64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > i svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.75 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > strong {
  grid-area: title !important;
  min-width: 0 !important;
  color: #153321 !important;
  font-size: clamp(16px, 4vw, 17px) !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > .trust-confidence-status {
  grid-area: badge !important;
  justify-self: end !important;
  margin: 0 !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > .trust-confidence-note {
  grid-area: note !important;
  margin: 0 !important;
  min-width: 0 !important;
  color: #607166 !important;
  font-size: clamp(13px, 3.35vw, 14px) !important;
  font-weight: 420 !important;
  line-height: 1.42 !important;
  text-align: left !important;
}

@media@media (max-width: 430px) {
  .career-passport-page .career-passport-trust .trust-confidence-strip {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      ". note"
      ". badge" !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-strip > .trust-confidence-status {
    justify-self: start !important;
  }
}

@media (max-width: 340px) {
  .career-passport-page .career-passport-trust .trust-confidence-strip {
    grid-template-areas:
      "icon title"
      "note note"
      "badge badge" !important;
  }

  .career-passport-page .career-passport-trust .trust-confidence-strip > .trust-confidence-status {
    justify-self: start !important;
  }
}

/* Candidate Payments V8: premium payroll progress, weekly earnings and payment guide. */
.candidate-payments-page {
  gap: 14px !important;
}

.candidate-payments-page .payments-os-card {
  border: 1px solid rgba(17, 44, 78, .075) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(79, 98, 210, .07), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 255, .88)) !important;
  box-shadow:
    0 16px 36px rgba(10, 32, 62, .065),
    inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  gap: 16px !important;
}

.candidate-payments-page .payroll-progress-card {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 14px 4px 2px;
}

.candidate-payments-page .payroll-progress-track {
  position: absolute;
  top: 24px;
  left: 15%;
  right: 15%;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe8f3;
}

.candidate-payments-page .payroll-progress-track span {
  display: block;
  width: var(--payroll-track-progress, 50%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #123f85, #5967d8);
}

.candidate-payments-page .payroll-progress-stages {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}

.candidate-payments-page .payroll-stage {
  min-width: 0;
  min-height: 112px;
  display: grid !important;
  justify-items: center;
  align-content: start;
  gap: 6px;
  text-align: center;
}

.candidate-payments-page .payroll-stage > i {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  display: grid;
  place-items: center;
  border: 1.5px solid #d8e2ee;
  border-radius: 999px;
  color: #fff;
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .72);
}

.candidate-payments-page .payroll-stage.complete > i {
  border-color: #123f85;
  background: #123f85;
}

.candidate-payments-page .payroll-stage.active > i {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  border-color: #1558ac;
  background: #1558ac;
  box-shadow: 0 0 0 7px rgba(21, 88, 172, .13);
}

.candidate-payments-page .payroll-stage.upcoming > i {
  background: rgba(255, 255, 255, .9);
}

.candidate-payments-page .payroll-stage > i svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 2.6 !important;
}

.candidate-payments-page .payroll-stage small,
.candidate-payments-page .payroll-stage strong,
.candidate-payments-page .payroll-stage em {
  min-width: 0;
  max-width: 100%;
  display: block;
}

.candidate-payments-page .payroll-stage small {
  color: #708097 !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 780 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-stage strong {
  min-height: 34px;
  display: grid;
  place-items: center;
  color: #10294d !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
}

.candidate-payments-page .payroll-stage em {
  color: #718098;
  font-size: 11px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 650;
}

.candidate-payments-page .weekly-source-card {
  padding: 0 !important;
  overflow: hidden;
}

.candidate-payments-page .weekly-earnings-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 18px 18px 0;
}

.candidate-payments-page .weekly-earnings-head span,
.candidate-payments-page .weekly-earnings-hero-line small,
.candidate-payments-page .weekly-earnings-breakdown small {
  display: block;
  color: #6f8096;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.candidate-payments-page .weekly-earnings-head h3 {
  margin: 6px 0 0;
  color: #0b2345;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 740;
}

.candidate-payments-page .weekly-earnings-head p {
  margin: 5px 0 0 !important;
  color: #697991;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
}

.candidate-payments-page .weekly-earnings-head > em {
  min-height: 28px;
  display: inline-grid;
  place-items: center;
  padding: 0 10px;
  border: 1px solid rgba(21, 88, 172, .11);
  border-radius: 999px;
  color: #1558ac;
  background: #eef5ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.candidate-payments-page .weekly-earnings-hero-line {
  margin: 16px 18px 0;
  padding: 15px;
  border: 1px solid rgba(21, 88, 172, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(85, 105, 210, .12), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(244, 247, 253, .78));
}

.candidate-payments-page .weekly-earnings-hero-line strong {
  display: block;
  margin-top: 7px;
  color: #07182f;
  font-size: clamp(30px, 8.6vw, 34px);
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.candidate-payments-page .weekly-earnings-hero-line span {
  display: block;
  margin-top: 8px;
  color: #62738a;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 650;
}

.candidate-payments-page .weekly-earnings-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 18px 0;
}

.candidate-payments-page .weekly-earnings-breakdown article {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid rgba(17, 44, 78, .07);
  border-radius: 16px;
  padding: 12px;
  background: rgba(248, 251, 255, .86);
}

.candidate-payments-page .weekly-earnings-breakdown article > svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 999px;
}

.candidate-payments-page .weekly-earnings-breakdown .approved > svg {
  color: #0f684e;
  background: rgba(225, 242, 233, .78);
}

.candidate-payments-page .weekly-earnings-breakdown .pending > svg {
  color: #8a5a04;
  background: rgba(255, 246, 223, .92);
}

.candidate-payments-page .weekly-earnings-breakdown strong {
  display: block;
  margin-top: 5px;
  color: #10294d;
  font-size: 18px;
  line-height: 1;
  font-weight: 720;
  white-space: nowrap;
}

.candidate-payments-page .weekly-earnings-breakdown em {
  display: block;
  margin-top: 5px;
  color: #6f7f94;
  font-size: 11.5px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 650;
}

.candidate-payments-page .weekly-source-toggle {
  min-height: 44px;
  width: calc(100% - 36px);
  margin: 12px 18px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(17, 44, 78, .075);
  border-radius: 15px;
  padding: 0 13px;
  color: #10294d;
  background: rgba(255, 255, 255, .78);
  text-align: left;
  font-size: 13.5px;
  font-weight: 720;
}

.candidate-payments-page .weekly-source-toggle i,
.candidate-payments-page .weekly-payslip-action i {
  display: grid;
  place-items: center;
  transform: rotate(180deg);
}

.candidate-payments-page .weekly-source-toggle[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.candidate-payments-page .weekly-source-toggle svg,
.candidate-payments-page .weekly-payslip-action svg {
  width: 15px;
  height: 15px;
}

.candidate-payments-page .weekly-source-list {
  margin: 12px 18px 0;
  padding: 0;
  border: 0;
}

.candidate-payments-page .weekly-payslip-action {
  min-height: 50px;
  width: calc(100% - 36px);
  margin: 14px 18px 18px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  border: 0;
  border-radius: 16px;
  padding: 0 14px;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 12px 26px rgba(21, 88, 172, .18);
  text-align: left;
  font-size: 14px;
  font-weight: 760;
}

.candidate-payments-page .weekly-payslip-action:active,
.candidate-payments-page .weekly-source-toggle:active,
.candidate-payments-page .payments-help-panel > button:active,
.candidate-payments-page .payments-help-toggle:active {
  transform: scale(.992);
}

.candidate-payments-page .payments-help-panel {
  padding: 0 !important;
  overflow: hidden;
}

.candidate-payments-page .payments-help-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 15px;
  padding: 18px !important;
}

.candidate-payments-page .payments-help-intro {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.candidate-payments-page .payments-help-intro > i {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(21, 88, 172, .11);
  border-radius: 15px;
  color: #1558ac;
  background:
    linear-gradient(145deg, rgba(238, 245, 255, .94), rgba(248, 251, 255, .82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.candidate-payments-page .payments-help-intro > i svg {
  width: 18px !important;
  height: 18px !important;
}

.candidate-payments-page .payments-help-intro > span {
  min-width: 0;
  flex: 1 1 auto;
  display: block;
}

.candidate-payments-page .payments-help-intro small {
  display: block;
  color: #708097;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 780;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.candidate-payments-page .payments-help-intro strong {
  display: block;
  margin-top: 5px;
  color: #0b2345;
  font-size: clamp(20px, 5.15vw, 22px) !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
  letter-spacing: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.candidate-payments-page .payments-help-intro em {
  display: block;
  margin-top: 6px;
  color: #687990;
  font-size: 13.5px;
  line-height: 1.38;
  font-style: normal;
  font-weight: 450;
}

.candidate-payments-page .payments-help-toggle {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(31, 48, 82, .1);
  border-radius: 15px;
  padding: 0 14px 0 16px;
  color: #10294d;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(244, 248, 253, .84));
  box-shadow: 0 10px 22px rgba(12, 35, 70, .055);
  text-align: left;
  font-size: 13.5px;
  line-height: 1;
  font-weight: 760;
}

.candidate-payments-page .payments-help-toggle[aria-expanded="false"] {
  color: #fff;
  border-color: rgba(21, 88, 172, .18);
  background: linear-gradient(135deg, #0a2347, #1558ac);
  box-shadow: 0 12px 26px rgba(21, 88, 172, .18);
}

.candidate-payments-page .payments-help-toggle i {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: grid;
  place-items: center;
}

.candidate-payments-page .payments-help-toggle svg {
  width: 15px;
  height: 15px;
  transform: rotate(-90deg);
}

.candidate-payments-page .payments-help-toggle[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.candidate-payments-page .payments-help-toggle:focus-visible {
  outline: 3px solid rgba(21, 88, 172, .26);
  outline-offset: 3px;
}

.candidate-payments-page .payments-help-panel > button {
  min-height: 76px !important;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 16px 18px !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left;
}

.candidate-payments-page .payments-help-panel > button > svg:first-child {
  width: 30px !important;
  height: 30px !important;
  padding: 7px;
  border: 1px solid rgba(21, 88, 172, .1);
  border-radius: 13px;
  color: #1558ac;
  background: #eef5ff;
}

.candidate-payments-page .payments-help-panel > button strong {
  color: #0b2345;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
}

.candidate-payments-page .payments-help-panel > button em {
  min-height: 32px;
  display: inline-grid;
  grid-auto-flow: column;
  gap: 7px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(17, 44, 78, .08);
  border-radius: 999px;
  color: #10294d;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.candidate-payments-page .payments-help-panel > button em svg {
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}

.candidate-payments-page .payments-help-panel > button[aria-expanded="true"] em svg {
  transform: rotate(90deg);
}

.candidate-payments-page .payments-help-steps {
  position: relative;
  gap: 0 !important;
  padding: 2px 18px 18px !important;
  border-top: 1px solid rgba(17, 44, 78, .065) !important;
}

.candidate-payments-page .payments-help-steps::before {
  content: "";
  position: absolute;
  top: 24px;
  bottom: 86px;
  left: 32px;
  width: 1.5px;
  border-radius: 999px;
  background: #dce6f1;
}

.candidate-payments-page .payments-help-steps article {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0;
}

.candidate-payments-page .payments-help-steps i {
  width: 30px !important;
  height: 30px !important;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #07182f, #1558ac);
  box-shadow: 0 7px 16px rgba(21, 88, 172, .16);
  font-size: 12px !important;
  font-weight: 800;
}

.candidate-payments-page .payments-help-steps strong {
  color: #10294d;
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 700;
}

.candidate-payments-page .payments-help-steps small {
  margin-top: 4px;
  color: #6d7e93;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.candidate-payments-page .payments-overnight-callout {
  margin: 8px 0 0 !important;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(21, 88, 172, .08);
  border-radius: 16px !important;
  padding: 12px !important;
  background: linear-gradient(180deg, rgba(248, 251, 255, .92), rgba(255, 255, 255, .9)) !important;
}

.candidate-payments-page .payments-overnight-callout > svg {
  width: 28px;
  height: 28px;
  padding: 7px;
  border-radius: 999px;
  color: #1558ac;
  background: #eef5ff;
}

.candidate-payments-page .payments-overnight-callout strong,
.candidate-payments-page .payments-overnight-callout small {
  display: block;
}

.candidate-payments-page .payments-overnight-callout strong {
  color: #10294d;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 720;
}

.candidate-payments-page .payments-overnight-callout small {
  margin-top: 4px;
  color: #6a7b91;
  font-size: 12.5px;
  line-height: 1.4;
}

@media (max-width: 370px) {
  .candidate-payments-page .weekly-earnings-breakdown {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-payments-page .payments-help-panel > button {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .candidate-payments-page .payments-help-panel > button em {
    grid-column: 2;
    justify-self: start;
  }

  .candidate-payments-page .payments-help-header {
    padding: 16px !important;
  }

  .candidate-payments-page .payments-help-intro {
    gap: 10px;
  }

  .candidate-payments-page .payments-help-intro > i {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .candidate-payments-page .payments-help-intro strong {
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  .candidate-payments-page .payroll-stage strong {
    font-size: 11.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .candidate-payments-page .weekly-payslip-action,
  .candidate-payments-page .weekly-source-toggle,
  .candidate-payments-page .payments-help-panel > button,
  .candidate-payments-page .payments-help-toggle,
  .candidate-payments-page .payroll-progress-track span {
    transition: none !important;
  }
}

/* Worker Bookings V2: shared premium cards and safe mobile actions for non-monthly views. */
.worker-scheduling-centre {
  gap: 12px !important;
  overflow-x: clip;
}

.worker-scheduling-centre .calendar-view-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
}

.worker-scheduling-centre .calendar-view-tabs button,
.worker-scheduling-centre .calendar-status-tabs button {
  min-width: 0 !important;
  width: 100%;
  border: 1px solid rgba(31, 48, 82, .1) !important;
  color: #536a86;
  background: rgba(255, 255, 255, .84);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
  white-space: nowrap !important;
  text-align: center;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.worker-scheduling-centre .calendar-view-tabs button {
  min-height: 46px !important;
  border-radius: 15px !important;
  padding: 0 6px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
}

.worker-scheduling-centre .calendar-view-tabs button.active,
.worker-scheduling-centre .calendar-status-tabs button.active {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0b3d7d, #1558ac 56%, #6550c4) !important;
  box-shadow: 0 10px 22px rgba(21, 88, 172, .18) !important;
}

.worker-scheduling-centre .calendar-status-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.worker-scheduling-centre .calendar-status-tabs button {
  min-height: 42px;
  border-radius: 14px;
  padding: 0 6px;
  font-size: 12.5px;
  line-height: 1;
  font-weight: 650;
}

.worker-scheduling-centre .calendar-view-tabs button:active,
.worker-scheduling-centre .calendar-status-tabs button:active,
.worker-scheduling-centre .calendar-event-actions button:active {
  transform: scale(.985);
}

.calendar-view-surface {
  padding: 16px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(46, 107, 214, .045), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(246, 249, 253, .82)) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.calendar-surface-heading {
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

.calendar-surface-heading h3 {
  color: #0c294c !important;
  font-size: clamp(22px, 5.9vw, 26px) !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
  letter-spacing: 0;
}

.calendar-surface-heading p {
  margin: 6px 0 0;
  color: #687990;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 480;
}

.calendar-surface-heading button,
.calendar-surface-heading em {
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(21, 88, 172, .1) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  color: #1558ac !important;
  background: rgba(238, 245, 255, .92) !important;
  font-size: 11px !important;
  line-height: 1;
  font-weight: 760 !important;
  white-space: nowrap;
}

.calendar-week-agenda,
.calendar-timeline-agenda {
  display: grid;
  gap: 14px;
}

.calendar-agenda-day {
  display: grid;
  gap: 10px;
}

.calendar-agenda-day > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 2px 2px 0;
}

.calendar-agenda-day > header span,
.calendar-agenda-day > header strong,
.calendar-agenda-day > header em {
  display: block;
}

.calendar-agenda-day > header span {
  color: #71849b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.calendar-agenda-day > header strong {
  margin-top: 4px;
  color: #102d51;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 680;
}

.calendar-agenda-day > header em {
  border-radius: 999px;
  padding: 6px 9px;
  color: #496d97;
  background: #edf4fd;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 720;
  white-space: nowrap;
}

.calendar-agenda-day.empty {
  opacity: .78;
}

.calendar-empty-day.compact {
  min-height: auto;
  padding: 14px;
}

.calendar-schedule-list,
.calendar-day-timeline {
  gap: 14px !important;
}

.calendar-sheet-event {
  width: 100%;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: start;
}

.calendar-sheet-event > time {
  display: none !important;
}

.calendar-sheet-event-card {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(17, 44, 78, .075) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(46, 107, 214, .055), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 254, .9)) !important;
  box-shadow: 0 14px 30px rgba(10, 32, 62, .065), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

.calendar-status-view.upcoming .calendar-sheet-event:first-child .calendar-sheet-event-card {
  border-color: rgba(21, 88, 172, .22) !important;
  box-shadow: 0 16px 34px rgba(21, 88, 172, .1), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.calendar-event-heading {
  display: flex !important;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.calendar-event-heading span,
.calendar-event-heading em {
  min-width: 0;
  color: #667891 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.calendar-event-heading span {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
}

.calendar-event-heading em {
  justify-self: end;
  flex: 0 1 auto;
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.calendar-sheet-event-card h3 {
  margin: 9px 0 5px !important;
  color: #0b2443 !important;
  font-size: clamp(18px, 5vw, 21px) !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0;
}

.calendar-sheet-event-card > p {
  color: #64758b !important;
  font-size: 14px !important;
  line-height: 1.36 !important;
  font-weight: 500 !important;
}

.calendar-event-meta {
  margin-top: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.calendar-event-meta span {
  min-width: 0;
  min-height: 36px !important;
  max-width: 100%;
  border: 1px solid rgba(17, 44, 78, .08) !important;
  border-radius: 999px !important;
  padding: 0 11px !important;
  display: inline-flex;
  align-items: center;
  gap: 7px !important;
  color: #425d7d !important;
  background: rgba(246, 249, 253, .92) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  white-space: nowrap;
}

.calendar-event-meta svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
}

.calendar-event-notice {
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px !important;
  align-items: start !important;
  border: 1px solid rgba(21, 88, 172, .08);
  border-radius: 16px !important;
  padding: 10px !important;
  color: #60738a;
  background: #f5f8fc !important;
  font-size: 13px !important;
}

.calendar-event-notice.completed {
  border-color: rgba(26, 155, 108, .14);
  background: #f2faf6 !important;
}

.calendar-event-notice.cancelled {
  border-color: rgba(203, 82, 96, .14);
  background: #fff6f7 !important;
}

.calendar-event-notice.training {
  border-color: rgba(123, 91, 208, .14);
  background: #f7f5ff !important;
}

.calendar-event-notice svg {
  width: 28px !important;
  height: 28px !important;
  padding: 7px;
  border-radius: 999px;
  color: #1558ac;
  background: #eaf3ff;
}

.calendar-event-notice.completed svg {
  color: #137957;
  background: #e5f6ee;
}

.calendar-event-notice.cancelled svg {
  color: #b34855;
  background: #ffecef;
}

.calendar-event-notice.training svg {
  color: #6547bd;
  background: #eee9ff;
}

.calendar-event-notice strong,
.calendar-event-notice small {
  display: block;
}

.calendar-event-notice strong {
  color: #102d51;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 650;
}

.calendar-event-notice small {
  margin-top: 4px;
  color: #667890;
  font-size: 13px;
  line-height: 1.34;
  font-weight: 450;
}

.calendar-event-actions {
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

.calendar-event-actions > .calendar-primary-action {
  width: 100%;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px !important;
  align-items: center;
  justify-items: start;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 0 15px 0 16px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #07182f, #1558ac) !important;
  box-shadow: 0 13px 26px rgba(21, 88, 172, .18) !important;
  font-size: 14.5px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  text-align: left;
  white-space: nowrap;
}

.calendar-event-actions > .calendar-primary-action.completed {
  background: linear-gradient(135deg, #08382d, #137957) !important;
}

.calendar-event-actions > .calendar-primary-action.cancelled {
  background: linear-gradient(135deg, #4b1f2a, #9e3f4d) !important;
}

.calendar-event-actions > .calendar-primary-action svg {
  width: 17px !important;
  height: 17px !important;
  justify-self: end;
  transform: rotate(180deg);
}

.calendar-secondary-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(56px, 1fr));
  gap: 8px;
}

.calendar-secondary-actions button {
  min-width: 0;
  width: 100%;
  min-height: 58px !important;
  border: 1px solid rgba(17, 44, 78, .095) !important;
  border-radius: 15px !important;
  padding: 8px 6px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: center;
  gap: 6px !important;
  color: #173a62 !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 8px 18px rgba(10, 32, 62, .04) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  text-align: center;
  white-space: nowrap;
}

.calendar-secondary-actions button svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px;
  color: #1558ac;
}

.calendar-day-sheet {
  display: grid;
  gap: 14px;
  padding-bottom: 118px;
}

.calendar-day-summary {
  border-radius: 24px !important;
  padding: 18px !important;
}

.calendar-day-sheet + .prototype-sheet-actions {
  z-index: 5;
  grid-template-columns: .85fr 1.2fr !important;
  padding: 12px !important;
  padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 370px) {
  .worker-scheduling-centre .calendar-view-tabs {
    gap: 6px !important;
  }

  .worker-scheduling-centre .calendar-view-tabs button {
    min-height: 44px !important;
    font-size: 12px !important;
    border-radius: 13px !important;
  }

  .worker-scheduling-centre .calendar-status-tabs {
    gap: 6px;
  }

  .worker-scheduling-centre .calendar-status-tabs button {
    font-size: 11.5px;
  }

  .calendar-view-surface {
    padding: 14px !important;
  }

  .calendar-sheet-event {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .calendar-sheet-event-card {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .calendar-event-heading {
    gap: 7px;
  }

  .calendar-event-heading em {
    max-width: 96px;
  }

  .calendar-secondary-actions {
    grid-template-columns: repeat(auto-fit, minmax(52px, 1fr));
    gap: 7px;
  }

  .calendar-secondary-actions button {
    min-height: 56px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 520px) {
  .calendar-secondary-actions button {
    grid-template-columns: auto auto;
    grid-auto-flow: column;
    gap: 7px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .worker-scheduling-centre .calendar-view-tabs button,
  .worker-scheduling-centre .calendar-status-tabs button,
  .worker-scheduling-centre .calendar-event-actions button {
    transition: none !important;
  }
}

/* Financial Passport V4: premium compact reporting period and verified earnings intelligence */
.worker-finance-page:has(.financial-passport-finance-hero) {
  --fp-ink: #0d2548;
  --fp-muted: #66768d;
  --fp-border: rgba(17, 44, 78, .09);
  --fp-blue: #1558ac;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 9px !important;
  margin-top: 14px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  border: 1px solid var(--fp-border) !important;
  background:
    radial-gradient(circle at 96% 0, rgba(58, 80, 180, .075), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 254, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 12px 30px rgba(12, 31, 59, .07) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-control-eyebrow {
  color: var(--fp-muted);
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850;
  letter-spacing: .105em;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-control-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 74px !important;
  max-height: 96px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 30px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 11px 11px 11px 13px !important;
  border-radius: 16px !important;
  border-color: rgba(17, 44, 78, .1) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(249, 251, 255, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
  overflow: hidden !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector small {
  color: var(--fp-muted);
  font-size: 9.75px !important;
  line-height: 1 !important;
  font-weight: 850;
  letter-spacing: .08em;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector strong {
  color: var(--fp-ink);
  font-size: clamp(22px, 5.8vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector em {
  color: var(--fp-muted);
  font-size: 11.25px !important;
  line-height: 1.22 !important;
  font-weight: 650 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-chevron {
  width: 30px !important;
  height: 30px !important;
  border-radius: 11px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-chevron svg {
  width: 14px !important;
  height: 14px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium {
  position: relative !important;
  width: 100% !important;
  min-height: 48px !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 4px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #eef3f8, #e8eef6) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium::before {
  top: 4px !important;
  bottom: 4px !important;
  left: 4px !important;
  width: calc((100% - 8px) / 2) !important;
  border-radius: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium button {
  min-height: 38px !important;
  width: 100% !important;
  padding: 0 7px !important;
  display: grid !important;
  place-items: center !important;
  color: #253e5b !important;
  font-size: 12.25px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium button.active {
  color: #fff !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
  position: absolute !important;
  inset-inline: 0 !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  align-items: center !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head h3 {
  margin-top: 5px !important;
  color: var(--fp-ink);
  font-size: clamp(18px, 4.6vw, 21px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head em {
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 10.5px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px !important;
  margin-top: 0 !important;
  width: 100% !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article {
  min-width: 0 !important;
  min-height: 118px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px !important;
  border-radius: 17px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article::before {
  width: 22px !important;
  height: 3px !important;
  margin-bottom: 8px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid small {
  min-height: 22px !important;
  color: var(--fp-muted);
  font-size: 9.9px !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid strong {
  display: block !important;
  margin-top: 8px !important;
  color: var(--fp-ink);
  line-height: 1 !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.primary strong {
  font-size: clamp(24px, 6vw, 28px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.secondary strong {
  font-size: clamp(20px, 5.2vw, 24px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.operational strong {
  font-size: clamp(22px, 5.5vw, 26px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.operational:last-child strong {
  font-size: clamp(24px, 5.8vw, 28px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid em {
  margin-top: auto !important;
  color: #6f7f94;
  font-size: 11.3px !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
  white-space: normal !important;
}

@media (max-width: 520px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-control-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
    position: relative !important;
    top: auto !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
    padding: 12px !important;
    gap: 9px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article {
    min-height: 106px !important;
  }
}

/* Financial Passport V5: strict luxury sizing correction */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-control-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button {
  min-height: 76px !important;
  max-height: none !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  padding: 12px 12px 12px 14px !important;
  overflow: visible !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector strong {
  font-size: clamp(21px, 4.8vw, 25px) !important;
  font-weight: 720 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector em {
  font-size: clamp(11px, 2.6vw, 12.25px) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium {
  min-height: 46px !important;
  width: 100% !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium button {
  min-height: 38px !important;
  font-size: clamp(11px, 2.8vw, 12.25px) !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head h3 {
  max-width: 100% !important;
  font-size: clamp(17px, 3.4vw, 20px) !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head em {
  min-height: 25px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid {
  gap: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article {
  min-height: 112px !important;
  padding: 15px !important;
  border-radius: 19px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid small {
  min-height: auto !important;
  font-size: 9.5px !important;
  line-height: 1.18 !important;
  font-weight: 780 !important;
  letter-spacing: .08em !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid strong {
  margin-top: 12px !important;
  font-weight: 650 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.primary strong {
  font-size: clamp(18px, 4.2vw, 22px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.secondary strong {
  font-size: clamp(16px, 3.6vw, 18px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.operational strong,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid article.operational:last-child strong {
  font-size: clamp(16px, 3.8vw, 19px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-metric-grid.financial-passport-dashboard-grid em {
  font-size: 10.75px !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head em {
    justify-self: start !important;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head h3 {
    font-size: 15.5px !important;
  }
}

/* Financial Passport V6: luxury header, tax-year selector and trust-card correction */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
  padding: 18px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 96% 0, rgba(28, 75, 158, .08), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(15, 118, 101, .04), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,250,254,.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 18px 44px rgba(12, 31, 59, .075) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button {
  position: relative !important;
  min-height: 82px !important;
  border-radius: 20px !important;
  border-color: rgba(12, 31, 59, .105) !important;
  padding: 14px 14px 14px 16px !important;
  background:
    linear-gradient(90deg, rgba(7, 24, 47, .035), transparent 18%),
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .08), transparent 32%),
    linear-gradient(180deg, #ffffff, #f7faff) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 30px rgba(9, 27, 54, .065) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #061936, #1558ac);
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector small {
  color: #6b7890;
  font-size: 10px !important;
  letter-spacing: .105em;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector strong {
  color: #0b2142;
  font-size: clamp(22px, 4.4vw, 26px) !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector em {
  color: #65748a;
  font-size: clamp(11.25px, 2.4vw, 12.5px) !important;
  font-weight: 620 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-chevron {
  width: 34px !important;
  height: 34px !important;
  border-radius: 14px !important;
  color: #4d627d;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(237,243,250,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 18px rgba(9, 27, 54, .06) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium {
  border-radius: 18px !important;
  border-color: rgba(12, 31, 59, .095);
  background:
    linear-gradient(180deg, rgba(239,244,250,.98), rgba(229,237,247,.98)) !important;
  box-shadow:
    inset 0 1px 2px rgba(12, 31, 59, .055),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  margin-top: 24px !important;
  margin-bottom: 14px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head h3 {
  width: 100% !important;
  font-size: clamp(18px, 3.25vw, 20px) !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head em {
  justify-self: start !important;
  min-height: 26px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  color: #1558ac;
  background: linear-gradient(180deg, #f5f9ff, #eaf3ff) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-trust-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin-top: 18px !important;
  border: 1px solid rgba(15, 118, 101, .12) !important;
  border-radius: 22px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 96% 0, rgba(21, 88, 172, .06), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,250,248,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 14px 32px rgba(12, 31, 59, .055) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-trust-card em {
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(15, 118, 101, .16) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  color: #0f6455 !important;
  background:
    linear-gradient(180deg, rgba(237, 253, 247, .98), rgba(226, 248, 240, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-size: clamp(10.5px, 2.3vw, 12px) !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 760 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-trust-card em svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-trust-card p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #607086 !important;
  font-size: clamp(11.5px, 2.4vw, 13px) !important;
  line-height: 1.38 !important;
  font-weight: 540 !important;
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-summary-head h3 {
    font-size: 16px !important;
  }
}

/* Financial Passport V8: luxury grouped work and payment records */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) {
  border: 1px solid rgba(12, 31, 59, .085) !important;
  border-radius: 26px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 96% 0, rgba(21, 88, 172, .055), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(247,250,254,.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 18px 42px rgba(12, 31, 59, .075) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) > .financial-passport-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
  margin: 0 0 14px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) > .financial-passport-section-head span {
  color: #6b7890 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .11em !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) > .financial-passport-section-head h3 {
  max-width: 100% !important;
  margin: 6px 0 0 !important;
  color: #0b2142 !important;
  font-size: clamp(17px, 3.3vw, 20px) !important;
  line-height: 1.14 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) > .financial-passport-section-head em {
  justify-self: start !important;
  min-height: 27px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(15, 118, 101, .13) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  color: #11785f !important;
  background: linear-gradient(180deg, #f0fcf7, #e6f7ef) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-record-group-list,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-list,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-records {
  gap: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group {
  overflow: hidden !important;
  border: 1px solid rgba(12, 31, 59, .085) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(250,252,255,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 12px 28px rgba(12, 31, 59, .055) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group > button {
  min-height: 72px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .045), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,254,.96)) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group > button span,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button span {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group > button strong {
  color: #0b2142 !important;
  font-size: clamp(16px, 3.3vw, 19px) !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group > button small {
  color: #607086 !important;
  font-size: clamp(11px, 2.5vw, 12.5px) !important;
  line-height: 1.3 !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-month-group > button em {
  min-height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(21, 88, 172, .11) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #1558ac !important;
  background: linear-gradient(180deg, #f6f9ff, #edf4ff) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-list {
  padding: 0 12px 14px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group {
  overflow: hidden !important;
  border: 1px solid rgba(12, 31, 59, .075) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(250,252,255,.98), rgba(246,249,253,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button {
  min-height: 66px !important;
  padding: 13px 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button strong {
  color: #122b4e !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button small {
  color: #62738a !important;
  font-size: clamp(10.75px, 2.4vw, 12px) !important;
  line-height: 1.3 !important;
  font-weight: 540 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button em,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > span small {
  min-height: 26px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(15, 118, 101, .13) !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  color: #11785f !important;
  background: #edf9f4 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button em:not(:only-child) {
  justify-self: end !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-week-group > button em {
  color: #1558ac !important;
  border-color: rgba(21, 88, 172, .12) !important;
  background: #eef5ff !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-records {
  padding: 0 12px 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  border: 1px solid rgba(12, 31, 59, .075) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .04), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,254,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 20px rgba(12, 31, 59, .045) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record strong {
  color: #0b2142 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  line-height: 1.16 !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record p {
  margin: 8px 0 0 !important;
  color: #344b68 !important;
  font-size: clamp(11.5px, 2.6vw, 13px) !important;
  line-height: 1.28 !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record div > small {
  margin-top: 10px !important;
  color: #66768d !important;
  font-size: clamp(10.5px, 2.35vw, 11.75px) !important;
  line-height: 1.25 !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > span {
  justify-items: end !important;
  gap: 7px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > span b {
  color: #0b2142 !important;
  font-size: clamp(14px, 3vw, 16px) !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > span small {
  color: #11785f !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > button {
  grid-column: 1 / -1 !important;
  min-height: 42px !important;
  border: 1px solid rgba(21, 88, 172, .1) !important;
  border-radius: 15px !important;
  color: #0f315f !important;
  background:
    linear-gradient(180deg, rgba(248,251,255,.98), rgba(239,245,252,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
  font-size: 11.75px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
}

@media (max-width: 370px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-panel:has(.financial-record-group-list) {
    padding: 15px !important;
    border-radius: 23px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-compact-record > span {
    justify-items: start !important;
    text-align: left !important;
  }
}

/* Financial Passport V9: luxury tax-year dropdown correction */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
  padding: 17px !important;
  border-radius: 25px !important;
  background:
    radial-gradient(circle at 90% -8%, rgba(21, 88, 172, .07), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,250,254,.955)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 20px 46px rgba(12, 31, 59, .075) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector {
  position: relative !important;
  z-index: 8 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button {
  min-height: 78px !important;
  padding: 14px 14px 14px 17px !important;
  border-radius: 22px !important;
  border-color: rgba(12, 31, 59, .105) !important;
  background:
    linear-gradient(90deg, rgba(7, 24, 47, .032), transparent 18%),
    radial-gradient(circle at 98% 0, rgba(21, 88, 172, .07), transparent 34%),
    linear-gradient(180deg, #ffffff, #f7faff) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 12px 28px rgba(9, 27, 54, .058) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button strong {
  font-size: clamp(22px, 5.7vw, 30px) !important;
  line-height: .98 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
  font-variant-numeric: tabular-nums !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button em {
  color: #66768d !important;
  font-size: clamp(11px, 2.7vw, 12.5px) !important;
  line-height: 1.22 !important;
  font-weight: 620 !important;
  letter-spacing: .01em !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
  z-index: 40 !important;
  gap: 10px !important;
  border: 1px solid rgba(12, 31, 59, .105) !important;
  border-radius: 24px !important;
  padding: 12px !important;
  background:
    radial-gradient(circle at 92% 0, rgba(21, 88, 172, .055), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(248,251,255,.985)) !important;
  box-shadow:
    0 26px 58px rgba(9, 27, 54, .18),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter: blur(18px) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "period tick"
    "meta tick" !important;
  row-gap: 8px !important;
  column-gap: 12px !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 19px !important;
  padding: 13px 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(250,252,255,.8)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button.selected {
  border-color: rgba(21, 88, 172, .22) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .08), transparent 34%),
    linear-gradient(135deg, rgba(239,246,255,.98), rgba(248,251,255,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 10px 24px rgba(21, 88, 172, .08) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button span {
  grid-area: period !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button strong {
  color: #0b2142 !important;
  font-size: clamp(19px, 4.5vw, 25px) !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button small {
  color: #6a778d !important;
  font-size: clamp(10.25px, 2.45vw, 11.5px) !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: .055em !important;
  white-space: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em {
  grid-area: meta !important;
  justify-self: start !important;
  min-width: 0 !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  color: #65748a !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-style: normal !important;
  line-height: 1 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em b,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em i {
  min-height: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em b {
  color: #607086 !important;
  border: 1px solid rgba(12, 31, 59, .075) !important;
  background: rgba(244, 248, 253, .9) !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em i {
  color: #0f6455 !important;
  border: 1px solid rgba(15, 118, 101, .13) !important;
  background: #edf9f4 !important;
  font-style: normal !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button > svg {
  grid-area: tick !important;
  align-self: center !important;
  justify-self: end !important;
  width: 16px !important;
  height: 16px !important;
  color: #1558ac !important;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
    padding: 15px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
    padding: 10px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
    min-height: 74px !important;
    padding: 12px !important;
  }
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button strong {
    font-size: 20px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button strong {
    font-size: 18px !important;
  }
}

/* Financial Passport V10: compact luxury tax-year menu density */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
  gap: 7px !important;
  padding: 10px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
  min-height: 74px !important;
  row-gap: 5px !important;
  padding: 10px 12px !important;
  border-radius: 17px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button span {
  gap: 3px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button strong {
  font-size: clamp(17px, 4vw, 21px) !important;
  line-height: .98 !important;
  font-weight: 660 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button small {
  font-size: clamp(9.6px, 2.25vw, 10.75px) !important;
  line-height: 1.16 !important;
  letter-spacing: .045em !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em {
  gap: 5px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em b,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em i {
  min-height: 20px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
  font-weight: 720 !important;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
    min-height: 72px !important;
    padding: 10px 11px !important;
  }
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
    grid-template-columns: minmax(0, 1fr) 16px !important;
    min-height: 70px !important;
  }
}

/* Financial Passport V11: prevent tax-year menu from sitting under bottom navigation */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu {
  top: calc(100% + 6px) !important;
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 22px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
  min-height: 64px !important;
  row-gap: 3px !important;
  padding: 8px 11px !important;
  border-radius: 16px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button span {
  gap: 2px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button strong {
  font-size: clamp(16px, 3.75vw, 19px) !important;
  line-height: 1 !important;
  font-weight: 660 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button small {
  font-size: clamp(9px, 2.1vw, 10px) !important;
  line-height: 1.12 !important;
  letter-spacing: .04em !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em b,
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button em i {
  min-height: 18px !important;
  padding: 0 7px !important;
  font-size: 8.5px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button > svg {
  width: 15px !important;
  height: 15px !important;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
    min-height: 64px !important;
    padding: 8px 10px !important;
  }
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button {
    min-height: 62px !important;
  }
}

/* Tax Centre V9: luxury reserve hero typography and metric containment */
.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  padding-inline: 2px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header span {
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: .14em !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  margin-top: 7px !important;
  font-size: clamp(24px, 5.6vw, 31px) !important;
  line-height: 1.02 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 25ch !important;
  margin-top: 9px !important;
  color: #657185 !important;
  font-size: clamp(12.5px, 3.1vw, 14px) !important;
  line-height: 1.45 !important;
  font-weight: 430 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions {
  align-self: start !important;
  justify-self: end !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > button {
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 14px !important;
  gap: 8px !important;
  border-radius: 999px !important;
  color: #1d3454 !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 24px rgba(12, 31, 59, .075) !important;
  backdrop-filter: blur(16px) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-header-actions > button span {
  color: currentColor !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
  gap: 16px !important;
  border-radius: 28px !important;
  padding: 21px !important;
  background:
    radial-gradient(circle at 92% -4%, rgba(96, 165, 250, .12), transparent 33%),
    radial-gradient(circle at 8% 105%, rgba(45, 212, 191, .08), transparent 30%),
    linear-gradient(145deg, #07112f 0%, #0b1744 60%, #111d50 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 22px 54px rgba(7, 17, 47, .23) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-card-head {
  justify-content: center !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-card-head span {
  color: rgba(248,250,252,.64) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .15em !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance {
  justify-items: center !important;
  gap: 7px !important;
  text-align: center !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance span {
  color: rgba(248,250,252,.70) !important;
  font-size: clamp(12px, 3vw, 13.5px) !important;
  font-weight: 520 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-balance strong {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #f8fafc !important;
  font-size: clamp(29px, 7.4vw, 34px) !important;
  line-height: 1 !important;
  font-weight: 660 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-row {
  gap: 11px !important;
  border-radius: 17px !important;
  padding: 13px 14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.04)) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-copy strong {
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-progress-copy span {
  font-size: 12.5px !important;
  line-height: 1.36 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions {
  gap: 10px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-actions button {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-width: 0 !important;
  min-height: 100px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 13px !important;
  border-radius: 17px !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.043)) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics small {
  max-width: 100% !important;
  color: rgba(248,250,252,.64) !important;
  font-size: clamp(8.8px, 2.25vw, 10px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
  width: 100% !important;
  max-width: 100% !important;
  align-self: center !important;
  margin: auto 0 5px !important;
  overflow: hidden !important;
  color: #f8fafc !important;
  font-size: clamp(17px, 4.25vw, 21px) !important;
  font-weight: 660 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  min-height: 96px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide strong {
  font-size: clamp(20px, 5vw, 24px) !important;
}

@media (max-width: 390px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-command-page-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-header-actions {
    justify-self: start !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics {
    gap: 9px !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
    padding: 13px 12px !important;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-position-hero {
    padding: 18px !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics strong {
    font-size: 16px !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide strong {
    font-size: 19px !important;
  }
}

/* Tax Tools V1: luxury financial operations tab */
.worker-finance-page:has(.financial-command-hero.tools) {
  --tools-ink: #071a34;
  --tools-muted: #667386;
  --tools-line: rgba(10, 26, 52, .078);
  --tools-blue: #1558ac;
  --tools-green: #0d7654;
  gap: 22px !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(21, 88, 172, .07), transparent 34%),
    radial-gradient(circle at 100% 38%, rgba(13, 118, 84, .045), transparent 32%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs {
  top: 8px !important;
  gap: 5px !important;
  padding: 5px !important;
  border-color: rgba(10, 26, 52, .07) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 14px 34px rgba(12, 31, 59, .075) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs button {
  min-height: 44px !important;
  border-radius: 17px !important;
  font-size: 12.5px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs button.active {
  background: linear-gradient(135deg, #07182f, #1558ac) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 11px 24px rgba(21, 88, 172, .20) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 28px !important;
  padding: 22px !important;
  color: #f8fafc !important;
  background:
    radial-gradient(circle at 96% 0, rgba(45, 212, 191, .16), transparent 31%),
    radial-gradient(circle at 2% 100%, rgba(96, 165, 250, .12), transparent 30%),
    linear-gradient(145deg, #07182f 0%, #0c2a50 58%, #102e5f 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 24px 58px rgba(7, 24, 47, .22) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::before {
  content: "";
  position: absolute;
  inset: 12px 12px auto auto;
  width: 112px;
  height: 112px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  filter: blur(16px);
  pointer-events: none;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools > * {
  position: relative;
  z-index: 1;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools span,
.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head span,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head span {
  color: rgba(248,250,252,.68);
  font-size: 9.6px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools h2 {
  margin: 9px 0 0 !important;
  color: #fff !important;
  font-size: clamp(23px, 5.7vw, 30px) !important;
  line-height: 1.02 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools p {
  max-width: 27ch !important;
  margin: 13px 0 0 !important;
  color: rgba(248,250,252,.72) !important;
  font-size: clamp(12.25px, 3vw, 13.5px) !important;
  line-height: 1.55 !important;
  font-weight: 430 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
  width: 104px !important;
  min-height: 104px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 23px !important;
  padding: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: blur(18px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside strong {
  color: #d8ffe9 !important;
  font-size: clamp(28px, 7vw, 36px) !important;
  line-height: .95 !important;
  font-weight: 720 !important;
  letter-spacing: -.03em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside small {
  max-width: 8ch !important;
  color: rgba(248,250,252,.72) !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-card {
  overflow: hidden !important;
  border: 1px solid var(--tools-line) !important;
  border-radius: 28px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .035), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,250,254,.955)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 18px 44px rgba(12, 31, 59, .07) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head span,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head span {
  color: #65748a !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head h3,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head h3 {
  margin-top: 7px !important;
  color: var(--tools-ink) !important;
  font-size: clamp(18px, 4.6vw, 22px) !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head > button,
.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head > em,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head > em {
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head > button {
  color: #0f315f !important;
  background: #ffffff !important;
  box-shadow: 0 9px 22px rgba(12, 31, 59, .07) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-card {
  gap: 16px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-toggle {
  min-height: 58px !important;
  align-items: start !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-toggle small {
  color: #65748a !important;
  font-size: 9.6px !important;
  letter-spacing: .13em !important;
  font-weight: 760 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-toggle strong {
  color: var(--tools-ink) !important;
  font-size: clamp(18px, 4.35vw, 21px) !important;
  line-height: 1.16 !important;
  font-weight: 680 !important;
  letter-spacing: -.01em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-toggle em {
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(21, 88, 172, .10) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #1558ac !important;
  background: #edf5ff !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid {
  gap: 13px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid label {
  gap: 8px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid label span {
  color: #65748a !important;
  font-size: 9.5px !important;
  font-weight: 760 !important;
  letter-spacing: .12em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid :is(input, select) {
  min-height: 48px !important;
  border-color: rgba(10, 26, 52, .08) !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  color: var(--tools-ink) !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-size: 13.5px !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid {
  gap: 12px !important;
  margin-top: 2px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid span {
  min-height: 86px !important;
  border-color: rgba(10, 26, 52, .07) !important;
  border-radius: 20px !important;
  padding: 14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(249,251,254,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid small {
  color: #65748a !important;
  font-size: 9.4px !important;
  font-weight: 760 !important;
  letter-spacing: .11em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid strong {
  margin-top: auto !important;
  color: var(--tools-ink) !important;
  font-size: clamp(18px, 4.8vw, 22px) !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary {
  gap: 12px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary span {
  min-height: 84px !important;
  border-color: rgba(10, 26, 52, .07) !important;
  border-radius: 20px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(13, 118, 84, .055), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(249,251,254,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary small,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium small,
.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip small {
  color: #66768d !important;
  font-size: 9.5px !important;
  font-weight: 680 !important;
  letter-spacing: .02em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary strong {
  color: var(--tools-ink) !important;
  font-size: clamp(17px, 4.6vw, 21px) !important;
  line-height: 1.05 !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary em {
  color: #667386 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium {
  gap: 10px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium button {
  min-height: 66px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(10, 26, 52, .07) !important;
  border-radius: 19px !important;
  padding: 12px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium strong {
  color: #12365d !important;
  font-size: 12.5px !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip button {
  min-height: 82px !important;
  display: grid !important;
  align-content: start !important;
  gap: 9px !important;
  border: 1px solid rgba(10, 26, 52, .08) !important;
  border-radius: 20px !important;
  padding: 12px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(246,250,255,.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip svg {
  width: 18px !important;
  height: 18px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip strong {
  color: #12365d !important;
  font-size: 11.5px !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-filter-row {
  gap: 8px !important;
  padding: 2px 0 3px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-filter-row button {
  min-height: 36px !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-filter-row button.active {
  border-color: rgba(21, 88, 172, .22) !important;
  background: linear-gradient(180deg, #eef6ff, #deecff) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact {
  gap: 10px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact article {
  min-height: 78px !important;
  border-color: rgba(10, 26, 52, .07) !important;
  border-radius: 21px !important;
  padding: 12px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: 0 8px 22px rgba(12, 31, 59, .04) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact i {
  width: 38px !important;
  height: 38px !important;
  border-radius: 15px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact strong {
  color: var(--tools-ink) !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact p {
  color: #667386 !important;
  font-size: 12px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-readiness-card {
  background:
    radial-gradient(circle at 100% 0, rgba(13, 118, 84, .06), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,252,249,.96)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-checklist {
  gap: 9px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-checklist span {
  min-height: 48px !important;
  border: 1px solid rgba(13, 118, 84, .09) !important;
  border-radius: 17px !important;
  padding: 0 13px !important;
  background: rgba(240, 253, 246, .72) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-checklist svg {
  width: 16px !important;
  height: 16px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-checklist strong {
  color: #0d7654 !important;
  font-size: 12.5px !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-snapshot {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 96% 0, rgba(13, 118, 84, .05), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,250,254,.955)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid {
  gap: 11px !important;
  margin-top: 18px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid article {
  min-height: 94px !important;
  border-color: rgba(10, 26, 52, .07) !important;
  border-radius: 20px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid small,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-panel small {
  color: #65748a !important;
  font-size: 9.4px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
  letter-spacing: .11em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid strong {
  color: var(--tools-ink) !important;
  font-size: clamp(17px, 4.4vw, 21px) !important;
  line-height: 1.03 !important;
  font-weight: 680 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-panel {
  gap: 13px !important;
  margin-top: 16px !important;
  border-color: rgba(13, 118, 84, .12) !important;
  border-radius: 23px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(13, 118, 84, .09), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,252,249,.90)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-top strong {
  font-size: clamp(22px, 5.4vw, 26px) !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-top b {
  font-size: 18px !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-targets strong,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-progress-foot {
  font-size: 11.5px !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-progress {
  height: 9px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-action-row,
.worker-finance-page:has(.financial-command-hero.tools) .tax-os-action-row {
  gap: 11px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) :is(.tax-premium-action-row, .tax-os-action-row) button {
  min-height: 48px !important;
  border-radius: 17px !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 26px rgba(12, 31, 59, .06) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) :is(.tax-premium-action-row, .tax-os-action-row) .primary,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack .tax-os-action-row .primary {
  background: linear-gradient(135deg, #07182f, #1558ac) !important;
  box-shadow: 0 14px 28px rgba(21, 88, 172, .18) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack {
  background:
    radial-gradient(circle at 100% 0, rgba(21, 88, 172, .045), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,250,254,.96)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-pack-list {
  gap: 9px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-pack-list span {
  min-height: 56px !important;
  border: 1px solid rgba(10, 26, 52, .055) !important;
  border-radius: 18px !important;
  padding: 11px 12px !important;
  color: #12365d !important;
  background: rgba(244, 248, 253, .84) !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 680 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-pack-list svg {
  width: 15px !important;
  height: 15px !important;
  color: #0d7654 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-disclaimer.dark {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 2px 0 0 !important;
  border-radius: 16px !important;
  padding: 12px !important;
  color: #667386 !important;
  background: rgba(244,248,253,.86) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

@media@media (max-width: 430px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
    padding: 20px !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-card {
    padding: 17px !important;
  }
}

@media (max-width: 370px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
    width: 100% !important;
    min-height: 72px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    justify-items: start !important;
    padding: 12px 14px !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head > button,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-section-head > em,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head > em {
    justify-self: start !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Tax Tools V2: denser luxury composition for mobile */
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-card,
.worker-finance-page:has(.financial-command-hero.tools) .premium-expense-command,
.worker-finance-page:has(.financial-command-hero.tools) .hmrc-readiness-card,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-snapshot,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack {
  position: relative !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-card::before,
.worker-finance-page:has(.financial-command-hero.tools) .premium-expense-command::before,
.worker-finance-page:has(.financial-command-hero.tools) .hmrc-readiness-card::before,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-snapshot::before,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 92px !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-card > *,
.worker-finance-page:has(.financial-command-hero.tools) .premium-expense-command > *,
.worker-finance-page:has(.financial-command-hero.tools) .hmrc-readiness-card > *,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-snapshot > *,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack > * {
  position: relative !important;
  z-index: 1 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid,
.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid,
.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid,
.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-pack-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-card.open {
  padding: 17px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-tool-toggle {
  border-radius: 22px !important;
  padding: 4px 2px 12px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid {
  align-items: end !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid label span {
  min-height: 22px !important;
  display: flex !important;
  align-items: end !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid :is(input, select) {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 12.75px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid span {
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid strong,
.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary strong,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid strong,
.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-top strong {
  font-weight: 670 !important;
  letter-spacing: -.01em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .premium-expense-command {
  padding: 18px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .premium-expense-command .tax-os-section-head h3 {
  max-width: 18ch !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary span {
  min-height: 78px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium button {
  min-height: 60px !important;
  padding: 11px 12px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip {
  grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip::-webkit-scrollbar {
  display: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip button {
  min-width: 92px !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-expense-list.compact article {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-os-action-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-readiness-card .tax-os-section-head h3 {
  max-width: 16ch !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .hmrc-checklist span {
  display: flex !important;
  align-items: center !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid article {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid strong {
  font-size: clamp(16px, 4.05vw, 19px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-coverage-top strong {
  font-size: clamp(20px, 5vw, 24px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-premium-action-row {
  grid-template-columns: .92fr 1.22fr !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack .tax-os-action-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack .tax-os-action-row .primary {
  grid-column: 1 / -1 !important;
  max-width: 172px !important;
}

@media (min-width: 390px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-card {
    border-radius: 30px !important;
  }
}

@media (max-width: 360px) {
  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-form-grid,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-result-grid,
  .worker-finance-page:has(.financial-command-hero.tools) .expense-command-summary,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-v2-expense-types.premium,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-premium-metric-grid,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-v2-pack-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: visible !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .receipt-upload-strip button {
    min-width: 0 !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-filter-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack .tax-os-action-row,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-os-action-row,
  .worker-finance-page:has(.financial-command-hero.tools) .tax-premium-action-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .tax-v2-accountant-pack .tax-os-action-row .primary {
    max-width: 100% !important;
  }
}

/* Tax Tools V4: final luxury hero command-card override */
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  border-color: rgba(255, 255, 255, .18) !important;
  border-radius: 27px !important;
  padding: 19px !important;
  background:
    radial-gradient(circle at 94% 0, rgba(45, 212, 191, .12), transparent 32%),
    radial-gradient(circle at 0 100%, rgba(96, 165, 250, .10), transparent 34%),
    linear-gradient(145deg, #06172d 0%, #0b2649 56%, #102f62 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -1px 0 rgba(255, 255, 255, .045),
    0 24px 50px rgba(7, 24, 47, .18) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::before {
  inset: -28px -22px auto auto !important;
  width: 178px !important;
  height: 178px !important;
  background:
    radial-gradient(circle, rgba(91, 190, 255, .16), rgba(255, 255, 255, 0) 68%) !important;
  filter: blur(2px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.04)) !important;
  pointer-events: none !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools > * {
  position: relative !important;
  z-index: 1 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools > div {
  display: grid !important;
  gap: 0 !important;
  max-width: 100% !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools span {
  color: rgba(232, 242, 255, .70) !important;
  font-size: 9.1px !important;
  letter-spacing: .16em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools h2 {
  margin-top: 8px !important;
  font-size: clamp(22px, 5.25vw, 27px) !important;
  line-height: 1.02 !important;
  font-weight: 690 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools p {
  max-width: 31ch !important;
  margin-top: 11px !important;
  color: rgba(232, 242, 255, .69) !important;
  font-size: clamp(11.7px, 2.85vw, 13px) !important;
  line-height: 1.47 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
  width: 100% !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  justify-items: start !important;
  align-items: center !important;
  align-content: center !important;
  border: 1px solid rgba(205, 229, 255, .18) !important;
  border-radius: 18px !important;
  padding: 10px 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 28px rgba(2, 8, 23, .12) !important;
  backdrop-filter: blur(18px) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #8cf5c7 !important;
  box-shadow: 0 0 0 5px rgba(140, 245, 199, .10) !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside::after {
  content: "Excellent" !important;
  justify-self: end !important;
  border: 1px solid rgba(140, 245, 199, .20) !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  color: #dffdec !important;
  background: rgba(140, 245, 199, .10) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside strong {
  color: #e7fff1 !important;
  font-size: clamp(19px, 4.9vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: -.02em !important;
}

.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside small {
  max-width: none !important;
  color: rgba(232, 242, 255, .66) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

@media (min-width: 390px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
    padding: 20px !important;
  }
}

@media (max-width: 340px) {
  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools aside::after {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

/* Tax Centre V10.1: final Smart Save strategy luxury override */
.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 14px !important;
  align-items: start !important;
  border: 1px solid rgba(12, 31, 58, .075) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34, 96, 190, .08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,250,254,.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 14px 34px rgba(10, 26, 52, .055) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #102a56, #4d37cb) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel span {
  grid-column: 1 !important;
  color: #657286 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel strong {
  grid-column: 1 !important;
  color: #06172f !important;
  font-size: clamp(19px, 5vw, 24px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel b {
  grid-column: 1 !important;
  justify-self: start !important;
  color: #667386 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 32px !important;
  border: 1px solid rgba(16, 185, 129, .16) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #0d684e !important;
  background: linear-gradient(180deg, #ecfdf5, #def8ed) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.80) !important;
  font-size: 11.5px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 18px 0 0 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head span {
  color: #06172f !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head::after {
  content: "Choose how much to reserve" !important;
  color: #667386 !important;
  font-size: 11.5px !important;
  font-weight: 560 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
  border: 1px solid rgba(12, 31, 58, .065) !important;
  border-radius: 22px !important;
  padding: 10px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(77, 55, 203, .055), transparent 34%),
    rgba(255,255,255,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option {
  position: relative !important;
  min-width: 0 !important;
  min-height: 52px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  border: 1px solid rgba(12, 31, 58, .085) !important;
  border-radius: 16px !important;
  padding: 8px 7px !important;
  color: #15365e !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
  grid-column: span 2 !important;
  min-height: 58px !important;
  padding-inline: 12px !important;
  text-align: left !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart {
  order: 1 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
  order: 2 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.percentage {
  order: 3 !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart::before,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #1558ac !important;
  box-shadow: 0 0 0 5px rgba(21, 88, 172, .08) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom::before {
  background: #4d37cb !important;
  box-shadow: 0 0 0 5px rgba(77, 55, 203, .08) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option strong {
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option small {
  color: #667386 !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
  white-space: nowrap !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart strong,
.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom strong {
  font-size: 14px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active {
  color: #fff !important;
  border-color: rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(88, 166, 255, .20), transparent 36%),
    linear-gradient(135deg, #06172f, #4d37cb) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 13px 28px rgba(45, 56, 145, .17) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active small {
  color: rgba(255,255,255,.72) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.active::before {
  background: #8cf5c7 !important;
  box-shadow: 0 0 0 5px rgba(140, 245, 199, .14) !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 12px !important;
}

.worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
  min-height: 70px !important;
  border: 1px solid rgba(12, 31, 58, .075) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,251,255,.92)) !important;
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-selector-head {
    display: grid !important;
    gap: 4px !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.smart,
  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option.custom {
    grid-column: span 3 !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-rate-chip-grid .tax-rate-option small {
    display: block !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* Tax Centre V10.3: absolute final narrow-screen Smart Save fit correction */
@media@media (max-width: 430px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-recommendation span {
    min-height: 62px !important;
  }
}

@media (max-width: 374px) {
  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-current-strategy-panel em {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    align-self: start !important;
  }
}
/* Payments workspace V2: absolute final full-width premium shell override */
.app-shell:has(.worker-finance-page),
.app-shell:has(.candidate-payments-page),
.app-shell:has(.worker-finance-page) .nav,
.app-shell:has(.candidate-payments-page) .nav {
  width: min(100%, 430px) !important;
  max-width: min(100%, 430px) !important;
}

html.native-android .app-shell:has(.worker-finance-page),
html.native-android .app-shell:has(.candidate-payments-page),
html.native-android .app-shell:has(.worker-finance-page) .nav,
html.native-android .app-shell:has(.candidate-payments-page) .nav {
  width: min(100dvw, 430px) !important;
  max-width: 100dvw !important;
}

.content.worker-finance-page.worker-fintech-page,
.content.earnings-content.worker-finance-page.worker-fintech-page {
  width: calc(100% + 28px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: -14px !important;
  padding-inline: 16px !important;
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page,
.content.worker-finance-page.worker-fintech-page *,
.content.worker-finance-page.worker-fintech-page *::before,
.content.worker-finance-page.worker-fintech-page *::after {
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page > *,
.content.earnings-content.worker-finance-page.worker-fintech-page > *,
.content.worker-finance-page.worker-fintech-page :is(
  .candidate-payments-page,
  .worker-earnings-tabs,
  .financial-command-tabs,
  .financial-command-hero,
  .payments-os-card,
  .payments-os-hero,
  .financial-passport-finance-hero,
  .financial-passport-reporting-control,
  .financial-passport-metric-grid,
  .financial-passport-panel,
  .tax-command-page-header,
  .tax-position-hero,
  .premium-tax-pot-card,
  .tax-os-card,
  .tax-smart-save-card,
  .tax-upcoming-allocation-card,
  .tax-pot-balance-card,
  .tax-command-passport-card
) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.content.worker-finance-page .worker-earnings-tabs {
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.content.worker-finance-page.worker-fintech-page :is(
  h1, h2, h3, h4, p, small, strong, span, em, button, label, input, select, textarea
) {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 360px) {
  .content.worker-finance-page.worker-fintech-page,
  .content.earnings-content.worker-finance-page.worker-fintech-page {
    padding-inline: 14px !important;
  }
}

/* Payments workspace V3: nested finance grids use the wider shell intelligently. */
.content.worker-finance-page.worker-fintech-page .tax-smart-selector-head {
  gap: 14px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-smart-selector-head span {
  font-size: clamp(15px, 4vw, 16px) !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page .tax-smart-selector-head::after {
  min-width: 0 !important;
  text-align: right !important;
}

.content.worker-finance-page.worker-fintech-page .tax-smart-recommendation {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr)) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-smart-recommendation span {
  min-width: 0 !important;
  padding: 13px 14px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-smart-recommendation small {
  white-space: normal !important;
  overflow-wrap: normal !important;
}

.content.worker-finance-page.worker-fintech-page .tax-passport-executive-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 116px), 1fr)) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-passport-executive-grid span,
.content.worker-finance-page.worker-fintech-page .tax-passport-executive-grid small,
.content.worker-finance-page.worker-fintech-page .tax-passport-executive-grid strong {
  min-width: 0 !important;
  max-width: 100% !important;
}

.content.worker-finance-page.worker-fintech-page .tax-passport-executive-grid small {
  white-space: normal !important;
  overflow-wrap: normal !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools {
  overflow: hidden !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools::before {
  inset: -18px 8px auto auto !important;
  width: 118px !important;
  height: 118px !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools > div {
  overflow: hidden !important;
}
/* Tax Reserve V11: compact luxury metric tiles inside Current Tax Position. */
.content.worker-finance-page.worker-fintech-page .tax-position-hero {
  gap: 13px !important;
  padding: 20px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics {
  gap: 10px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics .reserve-metric {
  min-height: 76px !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 14px 13px !important;
  border-radius: 18px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics .reserve-metric-wide {
  min-height: 78px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics small {
  align-self: end !important;
  line-height: 1.08 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics strong {
  align-self: start !important;
  margin: 0 !important;
  font-size: clamp(19px, 4.8vw, 23px) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics .reserve-metric-wide strong {
  font-size: clamp(20px, 5vw, 24px) !important;
}

@media (max-width: 360px) {
  .content.worker-finance-page.worker-fintech-page .tax-position-hero {
    padding: 18px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-position-metrics .reserve-metric {
    min-height: 74px !important;
    padding: 14px 12px !important;
    gap: 7px !important;
  }
}

/* Tax Reserve V12: calmer luxury scale for the dashboard hero. */
.content.worker-finance-page.worker-fintech-page .tax-command-page-header {
  align-items: start !important;
  gap: 12px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-command-page-header h2 {
  margin-top: 6px !important;
  font-size: clamp(26px, 6vw, 31px) !important;
  line-height: 1.03 !important;
  font-weight: 680 !important;
  letter-spacing: -0.015em !important;
}

.content.worker-finance-page.worker-fintech-page .tax-command-page-header p {
  max-width: 27ch !important;
  margin-top: 8px !important;
  font-size: clamp(12.5px, 3.2vw, 14px) !important;
  line-height: 1.4 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-header-actions > button {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  gap: 7px !important;
  border: 1px solid rgba(160, 174, 194, 0.22) !important;
  border-radius: 999px !important;
  color: #1b3558 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,251,255,.76)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 10px 22px rgba(15, 35, 68, .08) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-header-actions > button svg {
  width: 16px !important;
  height: 16px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-header-actions > button span {
  font-size: 11.8px !important;
  font-weight: 680 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-balance {
  gap: 6px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-balance span {
  font-size: clamp(12px, 2.9vw, 13px) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-balance strong {
  font-size: clamp(28px, 6.8vw, 32px) !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-progress-copy strong {
  font-size: clamp(13px, 3.3vw, 14px) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-progress-copy span {
  font-size: clamp(11.5px, 3vw, 12.5px) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics strong {
  font-size: clamp(17px, 4.25vw, 20px) !important;
  font-weight: 650 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-position-metrics .reserve-metric-wide strong {
  font-size: clamp(18px, 4.6vw, 21px) !important;
}

@media (max-width: 360px) {
  .content.worker-finance-page.worker-fintech-page .tax-command-page-header h2 {
    font-size: clamp(25px, 7vw, 28px) !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-header-actions > button {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-header-actions > button span {
    font-size: 11px !important;
  }
}

/* Payments and Bookings V9: luxury payroll window and wider booking workspace. */
.app-shell:has(.worker-booking-command),
.app-shell:has(.worker-booking-command) .nav {
  width: min(100%, 430px) !important;
  max-width: min(100%, 430px) !important;
}

html.native-android .app-shell:has(.worker-booking-command),
html.native-android .app-shell:has(.worker-booking-command) .nav {
  width: min(100dvw, 430px) !important;
  max-width: 100dvw !important;
}

.content.worker-premium-page.worker-booking-command {
  width: calc(100% + 28px) !important;
  max-width: 430px !important;
  margin-inline: -14px !important;
  padding-inline: 16px !important;
  gap: 18px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.content.worker-premium-page.worker-booking-command,
.content.worker-premium-page.worker-booking-command *,
.content.worker-premium-page.worker-booking-command *::before,
.content.worker-premium-page.worker-booking-command *::after {
  box-sizing: border-box !important;
}

.content.worker-premium-page.worker-booking-command > *,
.content.worker-premium-page.worker-booking-command :is(
  .worker-booking-hero,
  .worker-current-booking,
  .worker-scheduling-centre,
  .calendar-command-header,
  .calendar-view-surface,
  .premium-worker-calendar
) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  gap: 17px !important;
  padding: 22px !important;
  border-color: rgba(18, 44, 79, .065) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 88% 2%, rgba(108, 91, 214, .105), transparent 34%),
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.9), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(246,249,255,.91)) !important;
  box-shadow:
    0 24px 54px rgba(10, 31, 58, .11),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.candidate-payments-page .payroll-window-head h3 {
  max-width: 21ch;
  font-size: clamp(20px, 5.2vw, 24px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.012em !important;
}

.candidate-payments-page .payroll-window-head p {
  font-size: clamp(12px, 3.3vw, 13.5px) !important;
  font-weight: 650 !important;
}

.candidate-payments-page .payroll-window-head > em {
  min-height: 30px !important;
  padding: 0 11px !important;
  border-color: rgba(21, 88, 172, .14) !important;
  background:
    linear-gradient(180deg, rgba(241,247,255,.98), rgba(232,241,255,.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(21,88,172,.075) !important;
}

.candidate-payments-page .payroll-window-status {
  border-color: rgba(17, 44, 78, .075) !important;
  border-radius: 19px !important;
  background: rgba(21, 88, 172, .055) !important;
}

.candidate-payments-page .payroll-window-status span {
  padding: 13px 14px !important;
  background: rgba(255,255,255,.8) !important;
}

.candidate-payments-page .payroll-countdown-module {
  padding: 15px !important;
  border-radius: 21px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(242,247,255,.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown span {
  min-height: 64px !important;
  border-radius: 18px !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown strong {
  font-size: clamp(22px, 6vw, 27px) !important;
}

.candidate-payments-page .payroll-progress-card {
  padding: 15px 0 2px !important;
}

.candidate-payments-page .payroll-progress-track {
  top: 28px !important;
  left: 16% !important;
  right: 16% !important;
  height: 4px !important;
  background: rgba(211, 224, 241, .88) !important;
}

.candidate-payments-page .payroll-progress-track span {
  background: linear-gradient(90deg, #0d326c, #2565bd 55%, #7164dd) !important;
}

.candidate-payments-page .payroll-stage {
  min-height: 104px !important;
  gap: 7px !important;
}

.candidate-payments-page .payroll-stage > i,
.candidate-payments-page .payroll-stage.active > i {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-width: 1.5px !important;
}

.candidate-payments-page .payroll-stage.complete > i {
  border-color: #0d3b78 !important;
  background: linear-gradient(145deg, #0c2c5f, #1558ac) !important;
}

.candidate-payments-page .payroll-stage.active > i {
  border-color: rgba(21,88,172,.28) !important;
  background: linear-gradient(145deg, #1558ac, #266fd0) !important;
  box-shadow: 0 0 0 8px rgba(21,88,172,.12), 0 12px 22px rgba(21,88,172,.18) !important;
}

.candidate-payments-page .payroll-stage.upcoming > i {
  border-color: rgba(157, 174, 196, .34) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 0 0 6px rgba(255,255,255,.68) !important;
}

.candidate-payments-page .payroll-stage small {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  letter-spacing: .075em !important;
}

.candidate-payments-page .payroll-stage strong {
  min-height: 28px !important;
  font-size: clamp(11px, 3vw, 12px) !important;
}

.candidate-payments-page .payroll-stage em {
  font-size: clamp(10px, 2.8vw, 11px) !important;
}

.candidate-payments-page .payroll-pending-panel.premium {
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
  padding: 16px !important;
  border-color: rgba(183, 119, 20, .15) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 221, 151, .26), transparent 30%),
    linear-gradient(145deg, rgba(255,251,244,.98), rgba(255,255,255,.93)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 14px 28px rgba(92, 61, 12, .055) !important;
}

.candidate-payments-page .payroll-pending-panel.premium > i {
  width: 38px !important;
  height: 38px !important;
  color: #93600b !important;
  background:
    linear-gradient(145deg, rgba(255,236,197,.95), rgba(255,247,229,.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.candidate-payments-page .payroll-pending-panel.premium span {
  gap: 6px !important;
}

.candidate-payments-page .payroll-pending-panel.premium strong {
  font-size: clamp(22px, 5.5vw, 26px) !important;
  color: #704300 !important;
}

.candidate-payments-page .payroll-pending-panel.premium b {
  font-size: clamp(14px, 3.8vw, 15.5px) !important;
  line-height: 1.2 !important;
}

.candidate-payments-page .payroll-pending-panel.premium em {
  max-width: 32ch !important;
  font-size: clamp(12px, 3.25vw, 13px) !important;
}

.candidate-payments-page .payroll-pending-panel.premium button {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #071c3c, #1558ac 64%, #1f67c5) !important;
  box-shadow: 0 14px 26px rgba(21, 88, 172, .18) !important;
}

.worker-booking-hero,
.calendar-command-header {
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 28px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(119, 102, 238, .34), transparent 35%),
    radial-gradient(circle at 8% 0%, rgba(38, 127, 218, .26), transparent 36%),
    linear-gradient(145deg, #071d3b, #154f91 54%, #5641aa) !important;
  box-shadow: 0 24px 52px rgba(10, 31, 62, .18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.worker-booking-hero h2,
.calendar-command-header h2 {
  max-width: 14ch !important;
  margin: 7px 0 7px !important;
  font-size: clamp(23px, 6vw, 29px) !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: -.018em !important;
}

.worker-booking-hero p,
.calendar-command-header p {
  max-width: 31ch !important;
  font-size: clamp(12.5px, 3.25vw, 14px) !important;
  line-height: 1.42 !important;
}

.worker-booking-kpis {
  gap: 9px !important;
  margin-top: 19px !important;
}

.worker-booking-kpis span {
  min-height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.105) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.worker-current-booking {
  padding: 20px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(97, 81, 205, .085), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.985), rgba(247,250,255,.92)) !important;
  box-shadow: 0 22px 48px rgba(12,35,68,.105), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.current-booking-date {
  width: 56px !important;
  height: 62px !important;
  border-radius: 19px !important;
}

.current-booking-main h2 {
  font-size: clamp(19px, 5vw, 24px) !important;
}

.current-booking-strip,
.current-booking-readiness > span,
.current-booking-callout {
  border-color: rgba(17,44,78,.08) !important;
  background: rgba(255,255,255,.72) !important;
}

.current-booking-actions button {
  min-height: 48px !important;
  border-radius: 16px !important;
  font-size: 12px !important;
}

.calendar-command-header > button {
  width: 48px !important;
  min-height: 48px !important;
  border-radius: 17px !important;
}

@media (max-width: 360px) {
  .content.worker-premium-page.worker-booking-command {
    padding-inline: 14px !important;
    margin-inline: -12px !important;
    width: calc(100% + 24px) !important;
  }

  .candidate-payments-page .payments-payroll-clock.payroll-window-premium {
    padding: 18px !important;
  }

  .candidate-payments-page .payroll-progress-stages {
    gap: 6px !important;
  }

  .candidate-payments-page .payroll-stage {
    min-height: 108px !important;
  }

  .worker-booking-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Candidate Payments: luxury live Instant Payout countdown */
.candidate-payments-page .instant-availability-countdown {
  position: relative;
  overflow: hidden;
  gap: 8px !important;
  margin-top: 16px !important;
  padding: 12px !important;
  border: 1px solid rgba(44, 95, 170, .18) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(53, 110, 221, .16), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(38, 211, 183, .14), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(242,247,255,.92)) !important;
  box-shadow: 0 20px 42px rgba(14, 39, 72, .095), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.candidate-payments-page .instant-availability-countdown::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 28%, rgba(255,255,255,.42) 42%, transparent 58% 100%);
  transform: translateX(-72%);
  animation: instantTimerSheen 5.8s ease-in-out infinite;
}

.candidate-payments-page .instant-countdown-heading {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.candidate-payments-page .instant-countdown-heading small,
.candidate-payments-page .instant-countdown-heading strong {
  display: block;
}

.candidate-payments-page .instant-countdown-heading small {
  color: #6c7b91;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.candidate-payments-page .instant-countdown-heading strong {
  margin-top: 4px;
  color: #0b2244;
  font-size: clamp(16px, 4.1vw, 19px);
  line-height: 1.12;
  letter-spacing: 0;
}

.candidate-payments-page .instant-countdown-heading em {
  align-self: start;
  border: 1px solid rgba(26, 88, 184, .16);
  border-radius: 999px;
  padding: 6px 9px;
  color: #145ab0;
  background: rgba(231, 241, 255, .86);
  font-size: 9.5px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown span {
  display: none !important;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown span::after {
  content: none !important;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown-digital {
  position: relative;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  width: 100%;
  border: 1px solid rgba(18, 65, 128, .14);
  border-radius: 18px;
  padding: 10px 14px;
  color: #081f43 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.92));
  box-shadow: 0 12px 28px rgba(14, 39, 72, .075), inset 0 1px 0 rgba(255,255,255,.96);
  font-size: clamp(26px, 7.6vw, 36px) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  font-weight: 780 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown-digital::after {
  content: "";
  position: absolute;
  inset: auto 28px 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #1f68dc, #36d7bd);
  opacity: .82;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown em {
  display: none !important;
}

.candidate-payments-page .instant-availability-countdown > p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #65758b;
  font-size: 11.5px;
  line-height: 1.32;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown.soon .payment-live-countdown-digital,
.candidate-payments-page .instant-availability-countdown .payment-live-countdown.near .payment-live-countdown-digital {
  border-color: rgba(222, 146, 44, .2) !important;
  box-shadow: 0 0 0 3px rgba(237, 168, 62, .08), 0 10px 22px rgba(14, 39, 72, .055) !important;
}

.candidate-payments-page .instant-availability-countdown .payment-live-countdown.critical .payment-live-countdown-digital {
  border-color: rgba(38, 119, 221, .26) !important;
  animation: paymentPulse 1.2s ease-in-out infinite;
}

@keyframes instantTimerSheen {
  0%, 56%, 100% { transform: translateX(-72%); opacity: 0; }
  64% { opacity: 1; }
  82% { transform: translateX(72%); opacity: 0; }
}

@media (max-width: 360px) {
  .candidate-payments-page .instant-availability-countdown {
    padding: 11px !important;
    border-radius: 20px !important;
  }

  .candidate-payments-page .instant-countdown-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-payments-page .instant-countdown-heading em {
    justify-self: start;
  }

  .candidate-payments-page .instant-availability-countdown .payment-live-countdown {
    gap: 7px !important;
  }

  .candidate-payments-page .instant-availability-countdown .payment-live-countdown-digital {
    min-height: 50px;
    border-radius: 17px !important;
    font-size: clamp(23px, 7.7vw, 30px) !important;
  }
}

/* Candidate Payments: replace Payroll Window tiles with one luxury digital timer */
.candidate-payments-page .payroll-countdown-module {
  gap: 12px !important;
  padding: 14px !important;
  border: 1px solid rgba(24, 72, 135, .12) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(31, 104, 220, .12), transparent 38%),
    radial-gradient(circle at 92% 18%, rgba(82, 66, 214, .10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,248,255,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 18px 38px rgba(12,35,68,.07) !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown span {
  display: none !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown-digital {
  position: relative;
  overflow: hidden;
  display: flex !important;
  grid-column: 1 / -1;
  grid-row: 2;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  width: 100%;
  border: 1px solid rgba(15, 61, 130, .18);
  border-radius: 22px;
  padding: 12px 14px;
  color: #061f44 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.92));
  box-shadow: 0 16px 30px rgba(14, 39, 72, .075), inset 0 1px 0 rgba(255,255,255,.96);
  font-size: clamp(28px, 7.2vw, 39px) !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  font-weight: 780 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown-digital::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 30%, rgba(255,255,255,.48) 44%, transparent 58% 100%);
  transform: translateX(-74%);
  animation: instantTimerSheen 6.2s ease-in-out infinite;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown-digital::after {
  content: "";
  position: absolute;
  inset: auto 34px 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #1658bd, #4a62f1, #2ad4bd);
  opacity: .82;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown em {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start !important;
  min-height: auto !important;
  margin: 0 !important;
  border: 1px solid rgba(20, 88, 180, .12) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  color: #1558ac !important;
  background: rgba(232, 242, 255, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
  font-size: 10.5px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page .payroll-countdown-module .payment-live-countdown.critical .payment-live-countdown-digital {
  animation: paymentPulse 1.2s ease-in-out infinite;
}

.candidate-payments-page .payroll-quiet-window {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.55fr);
  gap: 12px;
  align-items: center;
  min-height: 0;
  border: 1px solid rgba(15, 61, 130, .14);
  border-radius: 24px;
  padding: 12px;
  background:
    radial-gradient(circle at 0 0, rgba(31, 104, 220, .10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,250,255,.9));
  box-shadow: 0 16px 30px rgba(14, 39, 72, .065), inset 0 1px 0 rgba(255,255,255,.96);
}

.candidate-payments-page .payroll-quiet-window::after {
  content: "";
  position: absolute;
  inset: auto 22px 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #1658bd, #4a62f1, #2ad4bd);
  opacity: .58;
}

.candidate-payments-page .payroll-quiet-copy,
.candidate-payments-page .payroll-quiet-meta,
.candidate-payments-page .payroll-quiet-window small,
.candidate-payments-page .payroll-quiet-window strong,
.candidate-payments-page .payroll-quiet-window span,
.candidate-payments-page .payroll-quiet-window b {
  display: block;
  min-width: 0;
}

.candidate-payments-page .payroll-quiet-copy {
  padding: 10px 0 10px 2px;
}

.candidate-payments-page .payroll-quiet-copy small,
.candidate-payments-page .payroll-quiet-meta small {
  color: #66778e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.candidate-payments-page .payroll-quiet-copy strong {
  margin-top: 5px;
  color: #071f43;
  font-size: clamp(16px, 4.1vw, 20px);
  line-height: 1.04;
  font-weight: 860;
  letter-spacing: -.01em;
}

.candidate-payments-page .payroll-quiet-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.candidate-payments-page .payroll-quiet-meta span {
  min-height: 66px;
  border: 1px solid rgba(16, 50, 95, .10);
  border-radius: 17px;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(240,246,255,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(12, 31, 66, .045);
}

.candidate-payments-page .payroll-quiet-meta strong {
  margin-top: 4px;
  color: #10294d;
  font-size: clamp(11px, 3vw, 13px);
  line-height: 1.12;
  font-weight: 820;
}

.candidate-payments-page .payroll-quiet-meta b {
  margin-top: 5px;
  color: #1558ac;
  font-size: clamp(14px, 3.7vw, 17px);
  line-height: 1;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 360px) {
  .candidate-payments-page .payroll-countdown-module {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .candidate-payments-page .payroll-countdown-module .payment-live-countdown-digital {
    min-height: 62px;
    border-radius: 19px;
    font-size: clamp(24px, 7.35vw, 31px) !important;
  }

  .candidate-payments-page .payroll-quiet-window {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 10px;
    padding: 12px;
    border-radius: 20px;
  }

  .candidate-payments-page .payroll-quiet-copy {
    padding: 4px 2px 0;
  }

  .candidate-payments-page .payroll-quiet-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .candidate-payments-page .payroll-quiet-meta span {
    min-height: 60px;
    padding: 9px;
  }
}

/* Career Passport V9: flat premium tab rail and strict mobile containment. */
#app:has(.career-passport-page),
.app-shell:has(.career-passport-page) {
  width: 100% !important;
  max-width: 430px !important;
  overflow-x: hidden !important;
}

.app-shell:has(.career-passport-page) .main,
.app-shell:has(.career-passport-page) .content,
.app-shell:has(.career-passport-page) .profile-page-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  overflow-x: hidden !important;
}

.profile-page-content:has(.career-passport-page) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 14px !important;
  overflow-x: hidden !important;
}

.profile-page-content .worker-profile-premium:has(.career-passport-page),
.profile-page-content .worker-profile-premium:has(.career-passport-page) > .profile-tab-content,
.profile-page-content .career-passport-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  overflow-x: hidden !important;
}

.profile-page-content .worker-profile-premium:has(.career-passport-page) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
  order: -10;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  transform: none !important;
  justify-self: stretch !important;
  margin: 0 0 14px !important;
  padding: 0 8px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(19, 48, 88, .10) !important;
  overflow: visible !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #66758b !important;
  font-size: clamp(9px, 2.45vw, 11px) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active {
  color: #075cff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 760 !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after {
  left: 25% !important;
  right: 25% !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after {
  background: linear-gradient(90deg, #1578ee, #5b63f2) !important;
}

.profile-page-content .career-passport-page,
.profile-page-content .career-passport-page *,
.profile-page-content .career-passport-page *::before,
.profile-page-content .career-passport-page *::after {
  box-sizing: border-box !important;
}

.profile-page-content .career-passport-page > *,
.profile-page-content .career-passport-page .professional-passport-hero,
.profile-page-content .career-passport-page .professional-passport-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.profile-page-content .career-passport-page .professional-passport-hero {
  overflow: hidden !important;
  padding: 16px !important;
}

.profile-page-content .career-passport-page .professional-passport-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.profile-page-content .career-passport-page .professional-passport-topline em {
  max-width: 116px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

.profile-page-content .career-passport-page .professional-passport-hero-main {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
}

.profile-page-content .career-passport-page .professional-passport-identity h2 {
  font-size: clamp(24px, 6.4vw, 30px) !important;
  line-height: 1.04 !important;
  white-space: normal !important;
}

.profile-page-content .career-passport-page .professional-passport-score {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 12px !important;
}

.profile-page-content .career-passport-page .professional-passport-score strong {
  font-size: clamp(26px, 7vw, 32px) !important;
}

.profile-page-content .career-passport-page .professional-passport-score small {
  min-width: 0 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
}

.profile-page-content .career-passport-verified-strip {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

.profile-page-content .career-passport-verified-strip span,
.profile-page-content .career-passport-verified-strip em {
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: start !important;
  white-space: normal !important;
}

.profile-page-content .career-passport-page .professional-passport-meta,
.profile-page-content .career-passport-page .professional-passport-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.profile-page-content .career-passport-page .professional-passport-actions button {
  min-width: 0 !important;
  padding-inline: 4px !important;
}

.profile-page-content .career-passport-page .professional-passport-actions button span {
  white-space: normal !important;
  overflow: visible !important;
}

.profile-page-content .career-passport-page .professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) !important;
}

.profile-page-content .career-passport-page .professional-passport-section-head button {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

@media (max-width: 360px) {
  .profile-page-content:has(.career-passport-page) {
    padding-inline: 12px !important;
  }

  .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
    padding-inline: 4px !important;
  }

  .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
    font-size: clamp(8px, 2.45vw, 9px) !important;
  }

  .profile-page-content .career-passport-page .professional-passport-hero {
    padding: 14px !important;
  }
}

/* Career Passport V13: align shell with bottom nav and elevate reputation, recognition and trust. */
#app:has(.career-passport-page),
.app-shell:has(.career-passport-page),
.app-shell:has(.career-passport-page) .nav {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.app-shell:has(.career-passport-page) .nav {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

.app-shell:has(.career-passport-page) .main {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.app-shell:has(.career-passport-page) .profile-page-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.career-passport-page .professional-passport-panel.reputation {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 8% 2%, rgba(46, 116, 233, .14), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(114, 91, 246, .12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,250,255,.82)) !important;
  box-shadow:
    0 22px 46px rgba(13, 39, 74, .10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.career-passport-page .professional-passport-panel.reputation::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(18, 51, 94, .045);
  pointer-events: none;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head {
  align-items: end !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head h3 {
  font-size: clamp(22px, 5.6vw, 27px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.01em !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head p {
  max-width: 34rem !important;
  color: #65748a !important;
  font-size: clamp(12px, 3.15vw, 13px) !important;
  line-height: 1.45 !important;
}

.career-passport-page .career-reputation-overview {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(20, 88, 184, .10) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(239,246,255,.64)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 12px 24px rgba(19, 50, 94, .05) !important;
}

.career-passport-page .career-score-ring {
  width: 88px !important;
  height: 88px !important;
  box-shadow:
    inset 0 0 0 10px rgba(21, 114, 231, .11),
    0 10px 24px rgba(20, 86, 183, .12) !important;
}

.career-passport-page .career-score-ring strong {
  font-size: 29px !important;
  line-height: 1 !important;
}

.career-passport-page .career-score-ring small {
  font-size: 8px !important;
  letter-spacing: .13em !important;
}

.career-passport-page .career-reputation-overview > div:last-child strong {
  display: block !important;
  margin-top: 3px !important;
  color: #0d2548 !important;
  font-size: clamp(27px, 7vw, 34px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.career-passport-page .career-reputation-overview > div:last-child p {
  margin-top: 7px !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-reputation-overview > div:last-child em {
  margin-top: 10px !important;
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 7px 11px !important;
  color: #0c6a50 !important;
  background: rgba(221, 245, 233, .82) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 780 !important;
}

.career-passport-page .career-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.career-passport-page .career-metric-grid span {
  min-height: 126px !important;
  padding: 14px !important;
  border: 1px solid rgba(18, 51, 94, .075) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(248,251,255,.66)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 9px 20px rgba(18, 43, 78, .045) !important;
}

.career-passport-page .career-metric-grid span i {
  width: 32px !important;
  height: 32px !important;
  border-radius: 13px !important;
  color: #145aad !important;
  background: rgba(231, 241, 255, .82) !important;
}

.career-passport-page .career-metric-grid span strong {
  margin-top: auto !important;
  color: #0c2342 !important;
  font-size: clamp(25px, 6.2vw, 30px) !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: -.01em !important;
}

.career-passport-page .career-metric-grid span em {
  color: #68778b !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

.career-passport-page .career-achievement-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.career-passport-page .career-achievement-summary span {
  min-width: 0;
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid rgba(18, 51, 94, .075);
  border-radius: 18px;
  padding: 10px;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(245,249,255,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(18, 43, 78, .045);
}

.career-passport-page .career-achievement-summary small,
.career-passport-page .career-achievement-summary em {
  color: #69788d;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.15;
  text-transform: uppercase;
}

.career-passport-page .career-achievement-summary strong {
  color: #0c2342;
  font-size: clamp(18px, 4.7vw, 24px);
  line-height: 1;
  font-weight: 820;
  white-space: nowrap;
}

.career-passport-page .career-achievement-list .achievement-row {
  min-height: 76px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,251,255,.82)) !important;
}

.career-passport-page .career-achievement-list .achievement-title {
  font-size: 14.5px !important;
}

.career-passport-page .career-achievement-list .achievement-description {
  font-size: 12px !important;
  line-height: 1.34 !important;
}

.career-passport-page .career-passport-action-row .career-achievement-action {
  font-size: 12px !important;
  min-height: 46px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(245,249,255,.86)) !important;
}

.career-passport-page .career-passport-action-row .career-achievement-action:only-child {
  grid-column: 1 / -1;
}

.career-passport-page .career-passport-trust {
  color: #eef6ff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    radial-gradient(circle at 95% 3%, rgba(94, 120, 255, .30), transparent 35%),
    radial-gradient(circle at 0 100%, rgba(29, 188, 142, .18), transparent 38%),
    linear-gradient(145deg, #06162e, #0d3267 57%, #251957) !important;
  box-shadow:
    0 24px 54px rgba(8, 22, 48, .28),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

.career-passport-page .career-passport-trust::before {
  border-color: rgba(255,255,255,.08) !important;
}

.career-passport-page .career-passport-trust .trust-status-header > i,
.career-passport-page .career-passport-trust .trust-summary-item > i {
  color: #bdeee1 !important;
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.15) !important;
}

.career-passport-page .career-passport-trust .trust-status-copy h3 {
  color: #ffffff !important;
  font-size: clamp(24px, 6.2vw, 29px) !important;
}

.career-passport-page .career-passport-trust .trust-status-copy p {
  color: rgba(235, 243, 255, .74) !important;
  font-size: 13px !important;
}

.career-passport-page .trust-verified-badge {
  color: #dbfff1 !important;
  background: rgba(31, 152, 105, .22) !important;
  border-color: rgba(163, 240, 205, .24) !important;
}

.career-passport-page .career-passport-trust .trust-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item {
  min-height: 128px !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.055)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.10) !important;
}

.career-passport-page .career-passport-trust .trust-summary-item small {
  color: rgba(230,239,255,.64) !important;
  font-size: 9px !important;
}

.career-passport-page .career-passport-trust .trust-summary-item strong {
  color: #ffffff !important;
  font-size: clamp(17px, 4.7vw, 21px) !important;
  white-space: normal !important;
}

.career-passport-page .career-passport-trust .trust-summary-item p {
  color: rgba(235,243,255,.66) !important;
  font-size: 11.5px !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip {
  border-color: rgba(163, 240, 205, .20) !important;
  background:
    linear-gradient(135deg, rgba(20, 121, 89, .20), rgba(255,255,255,.07)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > i {
  color: #dbfff1 !important;
  background: rgba(25, 143, 101, .24) !important;
  border-color: rgba(163, 240, 205, .20) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > strong {
  color: #ffffff !important;
}

.career-passport-page .career-passport-trust .trust-confidence-strip > .trust-confidence-note {
  color: rgba(235,243,255,.68) !important;
}

.career-passport-page .career-passport-trust .trust-confidence-status {
  color: #dcfff2 !important;
  background: rgba(31, 152, 105, .20) !important;
  border-color: rgba(163, 240, 205, .22) !important;
}

@media (max-width: 380px) {
  .career-passport-page .career-reputation-overview {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .career-passport-page .career-score-ring {
    justify-self: center !important;
  }

  .career-passport-page .career-achievement-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Career Passport V14: premium reputation card refinement. */
.career-passport-page .professional-passport-panel.reputation {
  padding: 17px !important;
  gap: 13px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(29, 99, 211, .10), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 250, 255, .88)) !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head {
  align-items: start !important;
  gap: 12px !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head h3 {
  max-width: 18rem !important;
  font-size: clamp(18px, 4.5vw, 21px) !important;
  line-height: 1.16 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head p {
  max-width: 19rem !important;
  font-size: clamp(11.5px, 3vw, 12.5px) !important;
  line-height: 1.45 !important;
}

.career-passport-page .professional-passport-panel.reputation .professional-passport-section-head button {
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: start !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  color: #12345f !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(13, 39, 74, .055) !important;
}

.career-passport-page .career-reputation-overview {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 13px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(29, 92, 178, .11) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(240,246,255,.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 14px 26px rgba(13, 39, 74, .055) !important;
}

.career-passport-page .career-reputation-overview .career-reputation-copy > strong {
  display: block !important;
  margin-top: 4px !important;
  color: #0b2343 !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-reputation-overview > .career-reputation-copy:last-child > strong {
  display: block !important;
  margin-top: 4px !important;
  color: #0b2343 !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-reputation-overview .career-reputation-copy > p {
  margin: 7px 0 0 !important;
  color: #68768a !important;
  font-size: clamp(11px, 2.9vw, 12px) !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-reputation-overview > .career-reputation-copy:last-child > p {
  margin: 7px 0 0 !important;
  color: #68768a !important;
  font-size: clamp(11px, 2.9vw, 12px) !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-score-seal {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  border-radius: 24px;
  color: #082346;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from -90deg, #1e6fe8 calc(var(--passport-score) * 1%), rgba(214, 225, 241, .86) 0) border-box;
  border: 5px solid transparent;
  box-shadow:
    0 14px 26px rgba(26, 99, 210, .13),
    inset 0 0 0 1px rgba(13, 39, 74, .06);
}

.career-passport-page .career-score-seal span {
  display: block;
  font-size: clamp(28px, 7vw, 34px);
  line-height: .9;
  font-weight: 760;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}

.career-passport-page .career-score-seal small {
  display: block;
  color: #6a778a;
  font-size: 8px;
  font-weight: 820;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.career-passport-page .career-reputation-copy {
  min-width: 0;
}

.career-passport-page .career-reputation-copy > small {
  color: #728097 !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .11em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.career-passport-page .career-reputation-copy > strong {
  display: block !important;
  margin-top: 4px !important;
  color: #0b2343 !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-reputation-copy > p {
  margin: 7px 0 0 !important;
  color: #66758a !important;
  font-size: clamp(11.5px, 3vw, 12.5px) !important;
  line-height: 1.42 !important;
}

.career-passport-page .career-reputation-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.career-passport-page .career-reputation-badges em {
  margin: 0 !important;
  width: auto !important;
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  color: #0a684f !important;
  background: rgba(224, 247, 236, .76) !important;
  font-size: 10.5px !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

.career-passport-page .career-metric-grid {
  gap: 10px !important;
}

.career-passport-page .career-metric-grid span {
  min-height: 112px !important;
  gap: 7px !important;
  padding: 13px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(247,250,255,.78)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 20px rgba(13, 39, 74, .045) !important;
}

.career-passport-page .career-metric-grid span i {
  width: 29px !important;
  height: 29px !important;
  border-radius: 12px !important;
}

.career-passport-page .career-metric-grid span small {
  color: #8190a4 !important;
  font-size: 8.8px !important;
  letter-spacing: .11em !important;
  line-height: 1.14 !important;
}

.career-passport-page .career-metric-grid span strong {
  margin-top: 3px !important;
  color: #0b2343 !important;
  font-size: clamp(19px, 4.8vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 710 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .career-metric-grid span em {
  color: #6d7b90 !important;
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  font-weight: 720 !important;
}

@media (max-width: 360px) {
  .career-passport-page .career-reputation-overview {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .career-passport-page .career-score-seal {
    width: 70px;
    height: 70px;
    border-width: 4px;
    border-radius: 22px;
  }

  .career-passport-page .career-metric-grid span {
    min-height: 106px !important;
    padding: 12px !important;
  }
}

/* Jobs and Offers width consistency + premium Offers command card. */
.content.worker-jobs-page.worker-premium-page {
  width: calc(100% + 28px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: -14px !important;
  padding: 0 16px calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, .92) 0%, rgba(248, 251, 255, .98) 56%, rgba(255, 255, 255, .96) 100%) !important;
}

.content.worker-jobs-page.worker-premium-page,
.content.worker-jobs-page.worker-premium-page *,
.content.worker-jobs-page.worker-premium-page *::before,
.content.worker-jobs-page.worker-premium-page *::after {
  box-sizing: border-box;
}

.content.worker-jobs-page.worker-premium-page > *,
.content.worker-jobs-page.worker-premium-page .offers-marketplace,
.content.worker-jobs-page.worker-premium-page .offers-marketplace > *,
.content.worker-jobs-page.worker-premium-page .candidate-jobs-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .worker-job-tabs {
  top: calc(env(safe-area-inset-top) + 86px) !important;
  padding: 7px !important;
  border-radius: 20px !important;
  border-color: rgba(34, 71, 112, .10) !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow:
    0 18px 34px rgba(9, 31, 62, .09),
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.content.worker-jobs-page.worker-premium-page .worker-job-tabs button {
  min-height: 44px !important;
  border-radius: 16px !important;
  font-size: 12px !important;
}

.content.worker-jobs-page.worker-premium-page .worker-job-tabs button.active {
  color: #0d4fa2 !important;
  background:
    linear-gradient(180deg, rgba(237, 246, 255, .98), rgba(225, 238, 255, .94)) !important;
  box-shadow: inset 0 0 0 1px rgba(31, 102, 204, .10), 0 10px 20px rgba(31, 102, 204, .08) !important;
}

.content.worker-jobs-page.worker-premium-page .worker-opportunity-hero.premium-offers-header {
  position: relative;
  overflow: hidden;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: 25px !important;
  gap: 14px !important;
  background:
    radial-gradient(circle at 88% 4%, rgba(112, 95, 255, .28), transparent 34%),
    radial-gradient(circle at 6% 100%, rgba(59, 214, 171, .16), transparent 34%),
    linear-gradient(145deg, #071a35 0%, #0f3d75 55%, #2d2b83 112%) !important;
  box-shadow:
    0 22px 52px rgba(7, 26, 53, .22),
    inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.content.worker-jobs-page.worker-premium-page .worker-opportunity-hero.premium-offers-header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), transparent 31%),
    linear-gradient(90deg, rgba(255, 255, 255, .07), transparent 42%);
}

.content.worker-jobs-page.worker-premium-page .worker-opportunity-hero.premium-offers-header > * {
  position: relative;
  z-index: 1;
}

.content.worker-jobs-page.worker-premium-page .worker-opportunity-hero.premium-offers-header h2 {
  max-width: 100% !important;
  margin: 5px 0 0 !important;
  font-size: clamp(23px, 6vw, 28px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .worker-opportunity-hero.premium-offers-header p {
  max-width: 28rem !important;
  margin-top: 8px !important;
  color: rgba(255, 255, 255, .75) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

.content.worker-jobs-page.worker-premium-page .premium-offers-stat-row {
  margin-top: 2px !important;
  gap: 10px !important;
}

.content.worker-jobs-page.worker-premium-page .premium-offers-stat-row span {
  min-height: 58px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  place-items: initial !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: 10px !important;
  text-align: left !important;
  border-color: rgba(255, 255, 255, .15) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 10px 24px rgba(4, 16, 36, .10) !important;
}

.content.worker-jobs-page.worker-premium-page .premium-offers-stat-row strong {
  font-size: clamp(20px, 5.2vw, 24px) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

.content.worker-jobs-page.worker-premium-page .premium-offers-stat-row small {
  margin: 0 !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  letter-spacing: .07em !important;
  line-height: 1.15 !important;
  text-transform: uppercase;
}

.content.worker-jobs-page.worker-premium-page :is(
  .offer-action-centre,
  .marketplace-offer-card,
  .offer-intelligence-panel,
  .offer-history-toggle,
  .premium-offer-empty-state,
  .candidate-jobs-panel,
  .candidate-job-card
) {
  border-radius: 23px !important;
  box-shadow:
    0 18px 40px rgba(9, 31, 62, .085),
    inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

html.native-android .content.worker-jobs-page.worker-premium-page {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 16px !important;
}

/* Booking chat luxury command centre. */
.premium-booking-chat-sheet {
  width: min(100%, 430px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 30px 30px 0 0 !important;
  padding: 10px 16px calc(16px + env(safe-area-inset-bottom)) !important;
  gap: 13px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 84% 0%, rgba(100, 86, 255, .14), transparent 34%),
    radial-gradient(circle at 8% 18%, rgba(20, 118, 213, .10), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .985), rgba(243, 247, 253, .985)) !important;
  box-shadow:
    0 -30px 80px rgba(7, 27, 56, .34),
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.premium-booking-chat-sheet .booking-chat-handle {
  width: 56px !important;
  height: 5px !important;
  margin: 0 auto 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(15, 45, 89, .13), rgba(69, 91, 137, .28), rgba(15, 45, 89, .13)) !important;
}

.premium-booking-chat-sheet .booking-chat-header {
  grid-template-columns: minmax(0, 1fr) 42px !important;
  gap: 10px !important;
  padding: 6px 0 4px !important;
}

.premium-booking-chat-sheet .booking-chat-header:has(.booking-chat-back) {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
}

.premium-booking-chat-sheet .booking-chat-header > div {
  min-width: 0 !important;
}

.premium-booking-chat-sheet .booking-chat-header span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #6c7b91 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.premium-booking-chat-sheet .booking-chat-header h3 {
  margin: 0 !important;
  color: #081a38 !important;
  font-size: clamp(20px, 5.1vw, 24px) !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

.premium-booking-chat-sheet .booking-chat-header p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
}

.premium-booking-chat-sheet .booking-chat-back,
.premium-booking-chat-sheet .booking-chat-close {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(16, 41, 76, .09) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(237, 243, 251, .86)) !important;
  box-shadow:
    0 12px 22px rgba(9, 31, 62, .07),
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.premium-booking-chat-sheet .booking-chat-agency-profile {
  position: relative !important;
  padding: 18px !important;
  gap: 13px !important;
  border-radius: 27px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  background:
    radial-gradient(circle at 90% 6%, rgba(123, 108, 255, .26), transparent 34%),
    radial-gradient(circle at 8% 8%, rgba(47, 184, 226, .14), transparent 32%),
    linear-gradient(145deg, #07172e 0%, #0c274d 52%, #11182f 100%) !important;
  box-shadow:
    0 26px 54px rgba(7, 24, 47, .28),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.premium-booking-chat-sheet .booking-chat-agency-profile::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .10), transparent 30%),
    linear-gradient(90deg, rgba(255, 255, 255, .06), transparent 48%);
}

.premium-booking-chat-sheet .booking-chat-agency-profile > * {
  position: relative;
  z-index: 1;
}

.premium-booking-chat-sheet .booking-chat-agency-identity {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.premium-booking-chat-sheet .booking-chat-agency-logo {
  width: 50px !important;
  height: 50px !important;
  border-radius: 17px !important;
  font-size: 14px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .08)),
    linear-gradient(145deg, #153b70, #5550b3) !important;
}

.premium-booking-chat-sheet .booking-chat-agency-identity strong {
  font-size: 19px !important;
  font-weight: 820 !important;
  line-height: 1.08 !important;
}

.premium-booking-chat-sheet .booking-chat-agency-identity small {
  margin-top: 4px !important;
  color: rgba(233, 242, 255, .72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.premium-booking-chat-sheet .booking-chat-agency-identity em {
  margin-top: 8px !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  background: rgba(255, 255, 255, .10) !important;
}

.premium-booking-chat-sheet .booking-chat-command-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

.premium-booking-chat-sheet .booking-chat-presence,
.premium-booking-chat-sheet .booking-chat-booking-summary {
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.premium-booking-chat-sheet .booking-chat-presence {
  border-top: 1px solid rgba(255, 255, 255, .10) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  align-content: center !important;
}

.premium-booking-chat-sheet .booking-chat-presence span {
  color: #dcfbed !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.premium-booking-chat-sheet .booking-chat-presence small,
.premium-booking-chat-sheet .booking-chat-booking-summary span,
.premium-booking-chat-sheet .booking-chat-booking-summary em {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.premium-booking-chat-sheet .booking-chat-booking-summary strong {
  font-size: 15px !important;
  line-height: 1.14 !important;
  font-weight: 820 !important;
}

.premium-booking-chat-sheet .booking-chat-trust-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.premium-booking-chat-sheet .booking-chat-trust-row span {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  color: rgba(241, 247, 255, .88) !important;
  background: rgba(255, 255, 255, .075) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

.premium-booking-chat-sheet .booking-chat-trust-row svg {
  width: 14px !important;
  height: 14px !important;
  color: #46dca1 !important;
}

.premium-booking-chat-sheet .booking-chat-agency-profile > button {
  min-height: 42px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(231, 238, 249, .94)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .20) !important;
}

.premium-booking-chat-sheet .booking-chat-thread {
  max-height: min(34vh, 330px) !important;
  min-height: 208px !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(16, 41, 76, .07) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(40, 113, 220, .08), transparent 28%),
    linear-gradient(180deg, rgba(248, 251, 255, .95), rgba(255, 255, 255, .98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 12px 28px rgba(9, 31, 62, .065) !important;
}

.premium-booking-chat-sheet .booking-chat-date {
  justify-self: center !important;
  width: fit-content !important;
  margin-bottom: 2px !important;
  border: 1px solid rgba(16, 41, 76, .08) !important;
  border-radius: 999px !important;
  padding: 5px 11px !important;
  color: #6a7890 !important;
  background: rgba(255, 255, 255, .84) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.premium-booking-chat-sheet .booking-chat-thread article {
  max-width: 84% !important;
  padding: 10px 12px !important;
  border-radius: 19px 19px 19px 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(249, 251, 255, .98)) !important;
  border: 1px solid rgba(16, 41, 76, .06) !important;
  box-shadow: 0 12px 26px rgba(9, 31, 62, .07) !important;
}

.premium-booking-chat-sheet .booking-chat-thread article.worker {
  border-radius: 19px 19px 8px 19px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, #123f82 0%, #5638b5 100%) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 16px 28px rgba(52, 51, 163, .18) !important;
}

.premium-booking-chat-sheet .booking-chat-thread small {
  display: block !important;
  margin-bottom: 5px !important;
  font-size: 9px !important;
  font-weight: 880 !important;
  letter-spacing: .02em !important;
  color: #6c7b91 !important;
}

.premium-booking-chat-sheet .booking-chat-thread article.worker small {
  color: rgba(255, 255, 255, .68) !important;
}

.premium-booking-chat-sheet .booking-chat-thread p {
  color: #10294d !important;
  font-size: 12px !important;
  font-weight: 610 !important;
  line-height: 1.38 !important;
}

.premium-booking-chat-sheet .booking-chat-thread article.worker p {
  color: #fff !important;
}

.premium-booking-chat-sheet .booking-chat-quick-actions {
  gap: 8px !important;
  margin-inline: -2px !important;
  padding: 0 2px 3px !important;
  scrollbar-width: none !important;
}

.premium-booking-chat-sheet .booking-chat-quick-actions::-webkit-scrollbar {
  display: none !important;
}

.premium-booking-chat-sheet .booking-chat-quick-actions button {
  min-height: 38px !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: #10294d !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(241, 246, 253, .94)) !important;
  border: 1px solid rgba(16, 41, 76, .08) !important;
  box-shadow: 0 10px 20px rgba(9, 31, 62, .055) !important;
  font-size: 11px !important;
  font-weight: 860 !important;
}

.premium-booking-chat-sheet .booking-chat-composer {
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  gap: 7px !important;
  align-items: center !important;
  border-radius: 22px !important;
  padding: 7px !important;
  border: 1px solid rgba(16, 41, 76, .08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 249, 253, .96)) !important;
  box-shadow:
    0 18px 38px rgba(9, 31, 62, .11),
    inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

.premium-booking-chat-sheet .booking-chat-composer button {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(16, 41, 76, .08) !important;
  background: rgba(241, 247, 255, .88) !important;
}

.premium-booking-chat-sheet .booking-chat-composer textarea {
  min-height: 42px !important;
  padding: 10px 2px !important;
  color: #10294d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.premium-booking-chat-sheet .booking-chat-composer textarea::placeholder {
  color: rgba(16, 41, 76, .50) !important;
}

.premium-booking-chat-sheet .booking-chat-composer .send {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #071b38, #1b64bc) !important;
  box-shadow: 0 12px 22px rgba(21, 88, 172, .20) !important;
}

.premium-booking-chat-sheet .booking-chat-composer .send:disabled {
  opacity: .56 !important;
  color: rgba(255, 255, 255, .84) !important;
  background: linear-gradient(135deg, #b9c5d6, #8898ad) !important;
  box-shadow: none !important;
}

@media (max-width: 370px) {
  .premium-booking-chat-sheet {
    padding-inline: 12px !important;
  }

  .premium-booking-chat-sheet .booking-chat-command-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .premium-booking-chat-sheet .booking-chat-agency-profile {
    padding: 15px !important;
    border-radius: 24px !important;
  }
}

/* Candidate Academy luxury refinement. */
.content.training-page.worker-premium-page.career-academy-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding: 16px 0 calc(118px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(97, 88, 255, .10), transparent 28%),
    linear-gradient(180deg, rgba(238, 245, 255, .95), rgba(248, 251, 255, .98) 52%, rgba(255, 255, 255, .98)) !important;
}

.content.training-page.worker-premium-page.career-academy-page,
.content.training-page.worker-premium-page.career-academy-page *,
.content.training-page.worker-premium-page.career-academy-page *::before,
.content.training-page.worker-premium-page.career-academy-page *::after {
  box-sizing: border-box;
}

.content.training-page.worker-premium-page.career-academy-page > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

.app-shell:has(.career-academy-page) .main {
  width: 100% !important;
  max-width: 100% !important;
}

html.native-android .app-shell:has(.career-academy-page) .main {
  padding-inline: 14px !important;
}

.career-academy-page .career-academy-hero {
  position: relative !important;
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 27px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 95% 3%, rgba(77, 217, 172, .24), transparent 34%),
    radial-gradient(circle at 4% 0%, rgba(99, 117, 255, .22), transparent 34%),
    linear-gradient(145deg, #071a35 0%, #173f78 48%, #423098 78%, #126451 112%) !important;
  box-shadow:
    0 24px 58px rgba(10, 31, 63, .22),
    inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}

.career-academy-page .career-academy-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(90deg, rgba(255, 255, 255, .065), transparent 48%);
}

.career-academy-page .career-academy-hero > * {
  position: relative;
  z-index: 1;
}

.career-academy-page .career-academy-hero .compact-back-button {
  width: fit-content !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .11) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.career-academy-page .career-academy-hero .eyebrow {
  margin: 4px 0 0 !important;
  color: rgba(233, 240, 255, .76) !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
}

.career-academy-page .career-academy-hero h2 {
  max-width: 24rem !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(23px, 5.5vw, 29px) !important;
  font-weight: 820 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.career-academy-page .career-academy-hero > p:not(.eyebrow) {
  max-width: 27rem !important;
  margin: 0 !important;
  color: rgba(241, 246, 255, .76) !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
  font-weight: 620 !important;
}

.career-academy-page .training-dashboard-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.career-academy-page .training-dashboard-metrics article {
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 17px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .11)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.career-academy-page .training-dashboard-metrics strong {
  color: #fff !important;
  font-size: clamp(20px, 5.5vw, 25px) !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

.career-academy-page .training-dashboard-metrics span {
  margin-top: 5px !important;
  color: rgba(241, 246, 255, .78) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

.career-academy-page .training-dashboard-metrics small {
  margin-top: 3px !important;
  color: rgba(241, 246, 255, .56) !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
}

.career-academy-page .training-section-panel,
.career-academy-page .training-cleared-panel {
  padding: 18px !important;
  border: 1px solid rgba(42, 76, 118, .10) !important;
  border-radius: 25px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(92, 107, 255, .055), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .98)) !important;
  box-shadow:
    0 20px 46px rgba(9, 31, 62, .085),
    inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.career-academy-page .panel-header.compact {
  margin-bottom: 12px !important;
}

.career-academy-page .panel-title {
  margin: 0 !important;
  color: #081a38 !important;
  font-size: clamp(21px, 5.2vw, 26px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.career-academy-page .panel-subtitle {
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
  font-weight: 610 !important;
}

.career-academy-page .training-card-list,
.career-academy-page .training-expiry-list {
  display: grid !important;
  gap: 12px !important;
}

.career-academy-page .training-session-card {
  padding: 14px !important;
  border: 1px solid rgba(35, 74, 122, .10) !important;
  border-radius: 23px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(247, 250, 255, .98)) !important;
  box-shadow:
    0 16px 34px rgba(9, 31, 62, .07),
    inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.career-academy-page .training-session-main {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  align-items: start !important;
}

.career-academy-page .training-session-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  color: #1764cc !important;
  background: linear-gradient(180deg, #edf5ff, #e7f0ff) !important;
}

.career-academy-page .training-session-main h3 {
  margin: 0 !important;
  color: #081a38 !important;
  font-size: clamp(16px, 4.2vw, 19px) !important;
  line-height: 1.12 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.career-academy-page .training-session-main p,
.career-academy-page .training-session-main small {
  margin: 4px 0 0 !important;
  color: #5f7089 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
}

.career-academy-page .training-status {
  min-height: 30px !important;
  max-width: 140px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

.career-academy-page .training-compact-info {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 13px !important;
}

.career-academy-page .training-compact-info span {
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 10px !important;
  border: 1px solid rgba(35, 74, 122, .08) !important;
  border-radius: 17px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 2px 8px !important;
  align-items: center !important;
  background: rgba(244, 248, 253, .70) !important;
}

.career-academy-page .training-compact-info i {
  grid-row: 1 / 3 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: #1764cc !important;
  background: #e8f1ff !important;
}

.career-academy-page .training-compact-info small {
  color: #6d7b90 !important;
  font-size: 9px !important;
  font-weight: 880 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.career-academy-page .training-compact-info strong {
  min-width: 0 !important;
  color: #10294d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

.career-academy-page .training-session-actions {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 10px !important;
  margin-top: 13px !important;
}

.career-academy-page .training-session-actions button,
.career-academy-page .training-cleared-panel button {
  min-height: 46px !important;
  border-radius: 16px !important;
  font-size: 12px !important;
  font-weight: 860 !important;
}

.career-academy-page .training-session-actions .button {
  background: linear-gradient(135deg, #071b38, #1558ac) !important;
  box-shadow: 0 14px 26px rgba(21, 88, 172, .17) !important;
}

.career-academy-page .training-session-actions .ghost-button {
  color: #10294d !important;
  border: 1px solid rgba(16, 41, 76, .12) !important;
  background: rgba(255, 255, 255, .84) !important;
}

.career-academy-page .training-expiry-list article {
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(35, 74, 122, .08) !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 10px !important;
  align-items: center !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)) !important;
  box-shadow: 0 10px 24px rgba(9, 31, 62, .045) !important;
}

.career-academy-page .training-expiry-list article div {
  min-width: 0 !important;
}

.career-academy-page .training-expiry-list strong {
  display: block !important;
  color: #081a38 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
}

.career-academy-page .training-expiry-list small {
  display: block !important;
  margin-top: 3px !important;
  color: #5f7089 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  line-height: 1.3 !important;
}

.career-academy-page .training-expiry-list .training-status {
  justify-self: end !important;
}

.career-academy-page .training-expiry-list .text-button {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  min-height: 40px !important;
  border-radius: 14px !important;
  color: #1558ac !important;
  background: rgba(232, 242, 255, .72) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.career-academy-page .academy-passport-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.career-academy-page .academy-passport-grid article {
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 12px !important;
  border: 1px solid rgba(17, 110, 81, .13) !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(40, 202, 149, .12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(239, 253, 247, .86)) !important;
  box-shadow:
    0 12px 28px rgba(10, 91, 69, .055),
    inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

.career-academy-page .academy-passport-grid article > span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: #0f7a58 !important;
  background: rgba(216, 250, 237, .96) !important;
}

.career-academy-page .academy-passport-grid svg {
  width: 16px !important;
  height: 16px !important;
}

.career-academy-page .academy-passport-grid strong {
  display: block !important;
  color: #0d2a23 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

.career-academy-page .academy-passport-grid small {
  display: block !important;
  margin-top: 4px !important;
  color: #65758a !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.training-reminder-sheet {
  display: grid !important;
  gap: 14px !important;
}

.training-reminder-hero {
  padding: 15px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(72, 210, 172, .22), transparent 38%),
    linear-gradient(135deg, #071a35 0%, #123a70 55%, #372a8b 100%) !important;
  box-shadow: 0 18px 36px rgba(7, 26, 53, .18) !important;
}

.training-reminder-hero > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, .13) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
}

.training-reminder-hero svg {
  width: 20px !important;
  height: 20px !important;
}

.training-reminder-hero small,
.training-reminder-options small {
  color: rgba(226, 235, 250, .78) !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.training-reminder-hero strong {
  display: block !important;
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 840 !important;
  line-height: 1.12 !important;
}

.training-reminder-hero p {
  margin: 5px 0 0 !important;
  color: rgba(235, 242, 255, .76) !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.training-reminder-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.training-reminder-options button {
  position: relative !important;
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 12px !important;
  border: 1px solid rgba(25, 61, 105, .11) !important;
  border-radius: 18px !important;
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  text-align: left !important;
  color: #10294d !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .94)) !important;
  box-shadow: 0 10px 24px rgba(9, 31, 62, .055) !important;
}

.training-reminder-options button.selected {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .20) !important;
  background: linear-gradient(135deg, #071a35, #1a58ad 62%, #5132b0) !important;
  box-shadow: 0 16px 34px rgba(24, 85, 177, .20) !important;
}

.training-reminder-options button span {
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

.training-reminder-options button.selected small {
  color: rgba(235, 242, 255, .74) !important;
}

.training-reminder-options button i {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  color: #0f7a58 !important;
  background: #dffbea !important;
}

.training-reminder-summary {
  padding: 12px !important;
  border-radius: 17px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  color: #405677 !important;
  background: rgba(236, 244, 255, .78) !important;
}

.training-reminder-summary > span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: #1558ac !important;
  background: rgba(255, 255, 255, .80) !important;
}

.training-reminder-summary p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
  font-weight: 650 !important;
}

@media (max-width: 370px) {
  .career-academy-page .training-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .career-academy-page .training-session-main {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  .career-academy-page .training-session-main .training-status {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  .career-academy-page .academy-passport-grid,
  .training-reminder-options {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Financial Passport V12: remove stale Tax Centre return affordance and calm tax-year scale. */
.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-tax-back:empty {
  display: none !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
  padding: 16px !important;
  border-radius: 24px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-control-grid {
  gap: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button {
  min-height: 72px !important;
  padding: 13px 13px 13px 16px !important;
  border-radius: 20px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector small {
  font-size: 10px !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button strong {
  font-size: clamp(24px, 5.8vw, 29px) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button em {
  margin-top: 5px !important;
  font-size: clamp(11px, 2.6vw, 12px) !important;
  line-height: 1.15 !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-chevron {
  width: 34px !important;
  height: 34px !important;
  border-radius: 14px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium {
  min-height: 54px !important;
  padding: 4px !important;
  border-radius: 18px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-basis.premium button {
  min-height: 46px !important;
  border-radius: 15px !important;
  font-size: 12px !important;
}

.worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-menu button strong {
  font-size: clamp(18px, 4.2vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

@media (max-width: 370px) {
  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control {
    padding: 14px !important;
  }

  .worker-finance-page:has(.financial-passport-finance-hero) .financial-passport-reporting-control .financial-passport-tax-selector > button strong {
    font-size: clamp(22px, 6.2vw, 25px) !important;
  }
}

/* Agency Workforce V2: premium contained search and network layouts. */
.content.people-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline: 12px !important;
  padding-bottom: 136px !important;
  overflow-x: hidden !important;
  gap: 14px !important;
}

.content.people-page *,
.content.people-page *::before,
.content.people-page *::after {
  box-sizing: border-box;
}

.content.people-page > .people-switcher,
.content.people-page > .panel,
.content.people-page .agency-search-command-panel,
.content.people-page .agency-candidate-results-panel,
.content.people-page .shortlist-workspace {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.content.people-page .people-switcher {
  margin: 0 !important;
  padding: 6px !important;
  gap: 6px !important;
  border-radius: 22px !important;
  overflow: visible !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .9)),
    rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(190, 211, 238, .72) !important;
  box-shadow: 0 18px 42px rgba(11, 31, 68, .10) !important;
}

.content.people-page .people-switcher button {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 6px !important;
  border-radius: 17px !important;
}

.content.people-page .people-switcher strong {
  font-size: clamp(11px, 2.9vw, 13px) !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}

.content.people-page .people-switcher span {
  font-size: 10px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

.content.people-page .premium-worker-search {
  padding: 0 !important;
  display: grid !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.agency-search-command-panel {
  padding: 14px !important;
  border-radius: 28px !important;
  display: grid !important;
  gap: 12px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(91, 86, 255, .13), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .92)) !important;
  border: 1px solid rgba(190, 211, 238, .68) !important;
  box-shadow: 0 22px 50px rgba(11, 31, 68, .11) !important;
}

.agency-search-command-panel .candidate-database-header {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-search-command-panel .candidate-database-header span,
.agency-candidate-results-header span {
  display: block !important;
  color: #687891 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.agency-search-command-panel .candidate-database-header h2 {
  margin-top: 6px !important;
  font-size: clamp(25px, 6vw, 31px) !important;
  font-weight: 760 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.agency-search-command-panel .candidate-database-header p {
  max-width: 32rem !important;
  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 650 !important;
}

.agency-search-command-panel .people-search-row {
  padding: 0 !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  gap: 9px !important;
}

.agency-search-command-panel .people-search {
  min-width: 0 !important;
  min-height: 50px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(190, 211, 238, .75) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 10px 24px rgba(11, 31, 68, .05) !important;
}

.agency-search-command-panel .people-search input {
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.agency-search-command-panel .compact-filter {
  width: 48px !important;
  min-width: 48px !important;
  min-height: 50px !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 18px !important;
}

.agency-search-command-panel .compact-filter span {
  display: none !important;
}

.agency-search-command-panel .candidate-live-stats {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
}

.agency-search-command-panel .candidate-live-stats span {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 10px 11px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 247, 255, .9)) !important;
  border: 1px solid rgba(190, 211, 238, .62) !important;
  box-shadow: 0 12px 26px rgba(11, 31, 68, .055) !important;
}

.agency-search-command-panel .candidate-live-stats strong {
  font-size: 19px !important;
  font-weight: 760 !important;
}

.agency-search-command-panel .candidate-live-stats small {
  font-size: 10px !important;
  line-height: 1.16 !important;
}

.agency-search-command-panel .candidate-search-suggestions,
.agency-search-command-panel .candidate-feed-tabs {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  overflow: visible !important;
  padding: 0 !important;
}

.agency-search-command-panel .candidate-search-suggestions button,
.agency-search-command-panel .candidate-feed-tabs button {
  min-width: 0 !important;
  flex: 1 1 calc(50% - 5px) !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
}

.agency-search-command-panel .candidate-search-suggestions button {
  min-height: 36px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
}

.agency-search-command-panel .candidate-feed-tabs button {
  min-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 16px !important;
  font-size: 11px !important;
}

.agency-candidate-results-panel {
  padding: 14px !important;
  border-radius: 28px !important;
  display: grid !important;
  gap: 12px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(20, 184, 166, .08), transparent 36%),
    rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(190, 211, 238, .68) !important;
  box-shadow: 0 22px 50px rgba(11, 31, 68, .10) !important;
  overflow: hidden !important;
}

.agency-candidate-results-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.agency-candidate-results-header strong {
  display: block !important;
  margin-top: 5px !important;
  color: #0b1f3f !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

.agency-candidate-results-header em {
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  color: #0f7a58 !important;
  background: rgba(223, 251, 234, .9) !important;
  border: 1px solid rgba(15, 122, 88, .14) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.agency-candidate-results-panel .candidate-list-compact {
  padding: 0 !important;
  gap: 10px !important;
}

.content.people-page .premium-candidate-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 13px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.content.people-page .candidate-preview-top {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
}

.content.people-page .candidate-identity p {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
}

.content.people-page .tier-pill {
  max-width: 96px !important;
  justify-self: end !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.05 !important;
}

.content.people-page .candidate-operational-row,
.content.people-page .agency-candidate-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.people-page .candidate-operational-row span:first-child,
.content.people-page .agency-candidate-metrics span:first-child {
  grid-column: 1 / -1 !important;
}

.content.people-page .candidate-operational-row strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.content.people-page .workforce-intel-card .compact-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.content.people-page .shortlist-workspace {
  padding: 0 !important;
  display: grid !important;
  gap: 12px !important;
  overflow: hidden !important;
}

.content.people-page .preferred-network-hero,
.content.people-page .preferred-network-controls,
.content.people-page .preferred-network-summary,
.content.people-page .workforce-network-tabs,
.content.people-page .preferred-industry-accordion {
  margin-inline: 0 !important;
}

.content.people-page .preferred-network-hero {
  padding: 18px !important;
  border-radius: 28px !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  gap: 12px !important;
  box-shadow: 0 24px 52px rgba(5, 51, 74, .18) !important;
}

.content.people-page .preferred-network-hero h2 {
  font-size: clamp(26px, 6.2vw, 34px) !important;
  line-height: 1.03 !important;
  font-weight: 760 !important;
}

.content.people-page .preferred-network-hero p {
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.content.people-page .preferred-network-hero > strong {
  width: 68px !important;
  height: 68px !important;
  border-radius: 24px !important;
  font-size: 20px !important;
}

.content.people-page .preferred-network-controls {
  margin-top: 0 !important;
}

.content.people-page .network-search-field {
  min-height: 50px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.content.people-page .preferred-network-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
}

.content.people-page .preferred-network-summary span {
  min-width: 0 !important;
  width: 100% !important;
}

.content.people-page .workforce-network-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

.content.people-page .workforce-network-tabs button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 8px !important;
  border-radius: 16px !important;
  font-size: 10px !important;
  white-space: normal !important;
  line-height: 1.1 !important;
}

.content.people-page .preferred-industry-card,
.content.people-page .preferred-site-card,
.content.people-page .preferred-nested-worker-card {
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 370px) {
  .content.people-page {
    padding-inline: 10px !important;
  }

  .agency-search-command-panel,
  .agency-candidate-results-panel {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  .agency-search-command-panel .candidate-search-suggestions button,
  .agency-search-command-panel .candidate-feed-tabs button {
    flex-basis: 100% !important;
  }

  .content.people-page .preferred-network-summary,
  .content.people-page .workforce-network-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Agency Workforce V3: final containment and luxury polish for agency worker search. */
.content.people-page {
  --agency-surface: rgba(255, 255, 255, .965);
  --agency-line: rgba(184, 205, 235, .72);
  --agency-ink: #071a34;
  --agency-muted: #62728a;
  --agency-blue: #1558b7;
  padding-inline: clamp(12px, 3.4vw, 16px) !important;
}

.content.people-page .people-switcher {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html.native-android .content.people-page .people-switcher {
  overflow: hidden !important;
}

.content.people-page .people-switcher button {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.content.people-page .people-switcher button:not(.active) {
  background: rgba(255, 255, 255, .62) !important;
}

.content.people-page .premium-worker-search,
.content.people-page .candidate-search-compact,
.content.people-page .workforce-match-search {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  border-radius: 30px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-search-command-panel {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(15px, 4vw, 18px) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .94)),
    var(--agency-surface) !important;
}

.agency-search-command-panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 92% 4%, rgba(93, 94, 255, .14), transparent 30%),
    radial-gradient(circle at 8% 0%, rgba(42, 175, 221, .10), transparent 28%);
  z-index: -1;
}

.agency-search-command-panel .candidate-database-header h2 {
  font-size: clamp(23px, 5.5vw, 29px) !important;
}

.agency-search-command-panel .candidate-database-header p {
  color: var(--agency-muted) !important;
  font-size: 12.5px !important;
}

.agency-search-command-panel .candidate-live-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.agency-search-command-panel .candidate-live-stats span {
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  min-height: 64px !important;
}

.agency-search-command-panel .candidate-search-suggestions button,
.agency-search-command-panel .candidate-feed-tabs button {
  max-width: 100% !important;
  overflow: hidden !important;
}

.agency-search-command-panel .candidate-feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.agency-search-command-panel .candidate-feed-tabs button {
  width: 100% !important;
  min-height: 44px !important;
  white-space: normal !important;
}

.agency-search-command-panel .candidate-feed-tabs button.active {
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 255, 255, .22), transparent 30%),
    linear-gradient(135deg, #113876, #1f6ed4 62%, #6751df) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(21, 88, 183, .22) !important;
}

.agency-candidate-results-panel {
  padding: clamp(15px, 4vw, 18px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(15, 118, 110, .09), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .95)) !important;
}

.content.people-page .candidate-preview-top {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
}

.content.people-page .candidate-preview-top .tier-pill {
  grid-column: 2 !important;
  justify-self: start !important;
  max-width: 100% !important;
  margin-top: 4px !important;
}

.content.people-page .candidate-identity h3,
.content.people-page .candidate-identity p,
.content.people-page .worker-intelligence-note strong,
.content.people-page .worker-intelligence-note small {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.content.people-page .candidate-operational-row span,
.content.people-page .agency-candidate-metrics span {
  min-width: 0 !important;
}

.content.people-page .candidate-tags,
.content.people-page .preferred-nested-worker-tags {
  overflow: visible !important;
}

.content.people-page .candidate-tags span,
.content.people-page .preferred-nested-worker-tags span {
  max-width: 100% !important;
  white-space: normal !important;
}

.content.people-page .premium-candidate-card .compact-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.people-page .premium-candidate-card .compact-actions details,
.content.people-page .premium-candidate-card .compact-actions .worker-more-actions {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.content.people-page .preferred-network-hero {
  min-height: 0 !important;
  padding: clamp(18px, 4.2vw, 22px) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47, 211, 180, .22), transparent 30%),
    radial-gradient(circle at 96% 5%, rgba(96, 165, 250, .22), transparent 32%),
    linear-gradient(145deg, #071a34 0%, #0d4260 58%, #0f766e 100%) !important;
}

.content.people-page .preferred-network-hero h2 {
  max-width: 14ch !important;
  font-size: clamp(25px, 5.9vw, 31px) !important;
}

.content.people-page .preferred-network-hero > strong {
  align-self: center !important;
  justify-self: end !important;
  width: 72px !important;
  height: 72px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    0 18px 32px rgba(0, 0, 0, .18) !important;
}

.content.people-page .network-search-field {
  width: 100% !important;
  max-width: 100% !important;
}

.content.people-page .network-search-field input {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.people-page .preferred-network-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.people-page .preferred-network-summary span {
  display: grid !important;
  align-content: center !important;
  min-height: 58px !important;
  line-height: 1.14 !important;
  white-space: normal !important;
}

.content.people-page .workforce-network-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.people-page .workforce-network-tabs button {
  min-height: 44px !important;
  font-size: 11px !important;
}

.content.people-page .preferred-industry-accordion,
.content.people-page .workforce-smart-panel,
.content.people-page .workforce-team-grid,
.content.people-page .workforce-rehire-list,
.content.people-page .workforce-favourites-panel {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.content.people-page .preferred-industry-card {
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(32, 108, 196, .09), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94)) !important;
}

.content.people-page .preferred-industry-summary {
  grid-template-columns: 40px minmax(0, 1fr) 30px !important;
  gap: 10px !important;
  padding: 14px !important;
}

.content.people-page .preferred-industry-summary strong {
  font-size: 16px !important;
  line-height: 1.12 !important;
}

.content.people-page .preferred-industry-summary small {
  font-size: 11px !important;
  line-height: 1.22 !important;
}

.content.people-page .preferred-industry-metrics,
.content.people-page .preferred-nested-worker-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.people-page .preferred-site-list,
.content.people-page .preferred-site-workers {
  min-width: 0 !important;
  max-width: 100% !important;
}

.content.people-page .preferred-site-summary {
  padding: 14px !important;
}

.content.people-page .preferred-site-primary-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.people-page .preferred-site-footer,
.content.people-page .preferred-site-expanded-header,
.content.people-page .workforce-rehire-list article {
  min-width: 0 !important;
  flex-wrap: wrap !important;
}

.content.people-page .preferred-site-status {
  min-width: 0 !important;
}

.content.people-page .preferred-site-status span,
.content.people-page .preferred-site-status small {
  white-space: normal !important;
}

.content.people-page .preferred-nested-worker-card,
.content.people-page .network-smart-card,
.content.people-page .workforce-team-grid article,
.content.people-page .workforce-rehire-list article,
.content.people-page .favourite-industry-card {
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(80, 87, 255, .075), transparent 32%),
    rgba(255, 255, 255, .97) !important;
  border-color: rgba(190, 211, 238, .68) !important;
  box-shadow: 0 16px 34px rgba(11, 31, 68, .075) !important;
}

@media (max-width: 370px) {
  .content.people-page .preferred-network-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .content.people-page .preferred-network-hero > strong {
    justify-self: start !important;
  }

  .content.people-page .candidate-live-stats,
  .content.people-page .preferred-network-summary,
  .content.people-page .candidate-operational-row,
  .content.people-page .agency-candidate-metrics,
  .content.people-page .preferred-industry-metrics,
  .content.people-page .preferred-nested-worker-metrics,
  .content.people-page .preferred-site-primary-metrics,
  .content.people-page .premium-candidate-card .compact-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Agency Workforce search V4 - removable signals and expandable luxury results */
.content.people-page {
  --agency-page-gutter: clamp(10px, 2.2vw, 14px);
  padding-inline: var(--agency-page-gutter) !important;
  align-items: stretch !important;
}

.content.people-page > *,
.content.people-page .premium-worker-search,
.content.people-page .agency-search-command-panel,
.content.people-page .agency-candidate-results-panel,
.content.people-page .shortlist-workspace,
.content.people-page .workforce-network-hero,
.content.people-page .workforce-network-search {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

.content.people-page .people-switcher {
  margin-inline: 0 !important;
  padding: 7px !important;
  border-radius: 24px !important;
}

.content.people-page .agency-search-command-panel {
  padding: clamp(16px, 4vw, 20px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 4%, rgba(113, 83, 245, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.92)) !important;
  box-shadow: 0 24px 58px rgba(20, 36, 66, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.people-page .candidate-database-header h2 {
  font-size: clamp(30px, 7vw, 38px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.03em !important;
}

.content.people-page .people-search-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 54px !important;
  gap: 10px !important;
}

.content.people-page .people-search-row .searchbar {
  min-width: 0 !important;
  width: 100% !important;
}

.content.people-page .candidate-live-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content.people-page .candidate-live-stats span {
  min-height: 76px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.content.people-page .candidate-live-stats strong {
  font-size: clamp(23px, 5.4vw, 28px) !important;
  line-height: 1 !important;
}

.content.people-page .candidate-search-suggestions.removable-search-signals {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content.people-page .candidate-signal-chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: stretch;
  min-width: 0;
  min-height: 52px;
  border: 1px solid rgba(25, 88, 180, 0.16);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(243, 248, 255, 0.84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 24px rgba(12, 28, 55, 0.06);
  overflow: hidden;
}

.content.people-page .candidate-signal-load,
.content.people-page .candidate-signal-remove {
  appearance: none;
  border: 0;
  background: transparent;
  min-width: 0;
}

.content.people-page .candidate-signal-load {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 52px;
  padding: 9px 6px 9px 12px;
  color: #2154d6;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
}

.content.people-page .candidate-signal-load svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.content.people-page .candidate-signal-load span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.content.people-page .candidate-signal-remove {
  display: grid;
  place-items: center;
  height: 100%;
  border-left: 1px solid rgba(25, 88, 180, 0.12);
  color: #64748b;
  font-size: 20px;
  font-weight: 700;
}

.content.people-page .candidate-signal-remove:active,
.content.people-page .candidate-signal-load:active {
  transform: scale(0.98);
}

.content.people-page .candidate-signal-empty,
.content.people-page .candidate-signal-restore {
  grid-column: 1 / -1;
  min-height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(25, 88, 180, 0.14);
  background: rgba(255, 255, 255, 0.68);
  color: #64748b;
  font-weight: 800;
}

.content.people-page .candidate-signal-empty {
  display: grid;
  place-items: center;
  padding: 10px 12px;
  text-align: center;
}

.content.people-page .candidate-signal-restore {
  width: 100%;
  margin-top: 10px;
  color: #1457bd;
}

.content.people-page .candidate-feed-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content.people-page .agency-candidate-results-panel {
  padding: 16px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(18, 139, 102, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 252, 255, 0.91)) !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  padding: 0 !important;
  gap: 11px !important;
}

.content.people-page .candidate-result-card {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border-radius: 24px !important;
  border: 1px solid rgba(173, 196, 226, 0.62) !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(42, 119, 210, 0.13), transparent 34%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.92)) !important;
  box-shadow: 0 18px 40px rgba(14, 31, 61, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  overflow: hidden !important;
}

.content.people-page .candidate-result-card summary {
  list-style: none;
}

.content.people-page .candidate-result-card summary::-webkit-details-marker {
  display: none;
}

.content.people-page .candidate-result-summary {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 14px !important;
  cursor: pointer;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 46px !important;
  height: 46px !important;
}

.content.people-page .candidate-summary-main {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.content.people-page .candidate-summary-title {
  min-width: 0;
}

.content.people-page .candidate-summary-title h3 {
  margin: 0;
  color: #0b1d38;
  font-size: clamp(20px, 4.7vw, 23px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content.people-page .candidate-summary-title p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
}

.content.people-page .candidate-summary-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.content.people-page .candidate-summary-highlights span {
  min-width: 0;
  padding: 9px 8px;
  border-radius: 15px;
  background: rgba(238, 244, 255, 0.78);
  color: #0d2344;
  line-height: 1.05;
}

.content.people-page .candidate-summary-highlights strong,
.content.people-page .candidate-summary-highlights small {
  display: block;
  min-width: 0;
}

.content.people-page .candidate-summary-highlights strong {
  font-size: 15px;
  font-weight: 950;
}

.content.people-page .candidate-summary-highlights small {
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.content.people-page .candidate-tier-badge {
  grid-column: 2 / 3;
  justify-self: start;
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(18, 139, 102, 0.16);
  background: linear-gradient(145deg, rgba(232, 249, 241, 0.98), rgba(222, 243, 234, 0.9));
  color: #08765d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.content.people-page .candidate-tier-badge small {
  color: rgba(8, 118, 93, 0.72);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.content.people-page .candidate-tier-badge strong {
  color: #08765d;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.content.people-page .candidate-expand-indicator {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: rgba(232, 240, 255, 0.92);
  color: #1f5ed4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
  transition: transform 180ms ease, background 180ms ease;
}

.content.people-page .candidate-expand-indicator svg {
  width: 17px;
  height: 17px;
  transform: rotate(-90deg);
}

.content.people-page .candidate-result-card[open] .candidate-expand-indicator {
  background: linear-gradient(135deg, #0a3268, #215fcb);
  color: #fff;
  transform: rotate(180deg);
}

.content.people-page .candidate-result-expanded {
  display: grid;
  gap: 10px;
  padding: 0 14px 14px !important;
}

.content.people-page .candidate-result-card:not([open]) .candidate-result-expanded {
  display: none;
}

.content.people-page .candidate-result-expanded .candidate-operational-row,
.content.people-page .candidate-result-expanded .agency-candidate-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.people-page .candidate-result-expanded .candidate-operational-row span,
.content.people-page .candidate-result-expanded .agency-candidate-metrics span {
  min-height: 56px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

.content.people-page .candidate-result-expanded .candidate-tags {
  gap: 6px !important;
}

.content.people-page .candidate-result-expanded .candidate-tags span {
  font-size: 11px !important;
  padding: 6px 9px !important;
}

.content.people-page .candidate-result-expanded .worker-intelligence-note {
  padding: 12px 14px !important;
  border-radius: 17px !important;
}

.content.people-page .candidate-result-expanded .compact-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 9px !important;
}

.content.people-page .candidate-result-expanded .compact-actions > * {
  min-width: 0 !important;
}

/* Workforce filters V11 - luxury linked search console */
.content.people-page .candidate-database-header h2,
.agency-search-command-panel .candidate-database-header h2 {
  font-size: clamp(24px, 5vw, 30px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-database-header p,
.agency-search-command-panel .candidate-database-header p {
  max-width: 34ch;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
}

.agency-filter-page {
  padding-bottom: 156px !important;
}

.agency-filter-page .filter-command-centre {
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(69, 84, 226, .16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(245, 250, 255, .94)) !important;
  border: 1px solid rgba(187, 207, 234, .72) !important;
  box-shadow: 0 26px 62px rgba(19, 43, 78, .12), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.agency-filter-page .filter-command-copy h2,
.agency-filter-page .premium-filter-header h2 {
  font-size: clamp(25px, 5.4vw, 32px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

.agency-filter-page .filter-command-copy p,
.agency-filter-page .premium-filter-header p {
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
}

.agency-filter-page .premium-filter-workspace {
  border-radius: 30px !important;
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94)) !important;
}

.agency-filter-page .filter-summary-bar {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 0 0 2px !important;
  scroll-snap-type: x proximity;
}

.agency-filter-page .filter-summary-bar button {
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 38px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

.candidate-filter-suite {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.luxury-filter-section {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(188, 208, 234, .76);
  background:
    radial-gradient(circle at 96% 0%, rgba(79, 70, 229, .08), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94));
  box-shadow: 0 18px 42px rgba(15, 39, 73, .09), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.luxury-filter-heading {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid rgba(214, 225, 240, .78);
}

.luxury-filter-heading > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  color: #1e5ad7;
  background: linear-gradient(145deg, rgba(239, 245, 255, .98), rgba(231, 239, 254, .92));
}

.luxury-filter-heading svg {
  width: 21px;
  height: 21px;
}

.luxury-filter-heading h3 {
  margin: 0;
  color: #0b1d38;
  font-size: 19px;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 880;
}

.luxury-filter-heading p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 720;
}

.luxury-filter-body {
  display: grid;
  gap: 13px;
  padding: 16px;
}

.filter-linked-columns,
.filter-two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.filter-linked-columns > div,
.filter-two-columns > article,
.filter-subpanel,
.arrival-control-card,
.rate-command-card,
.training-readiness-card {
  min-width: 0;
  border-radius: 22px;
  border: 1px solid rgba(205, 219, 238, .76);
  background: rgba(255, 255, 255, .76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.filter-linked-columns > div,
.filter-two-columns > article,
.filter-subpanel {
  padding: 12px;
}

.filter-field-label,
.filter-two-columns article > span,
.filter-subpanel-head small,
.rate-command-card span {
  display: block;
  color: #66758a;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 880;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.filter-selector-grid,
.filter-role-grid,
.filter-chip-matrix,
.luxury-choice-grid {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.filter-selector-grid {
  grid-template-columns: 1fr;
}

.filter-role-grid,
.filter-chip-matrix,
.luxury-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.filter-selector-grid button,
.role-option,
.signal-option,
.luxury-choice-grid button,
.luxury-tier-grid button {
  min-width: 0;
  min-height: 44px;
  border: 1px solid rgba(203, 216, 234, .82);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .9));
  color: #10223d;
  font-weight: 820;
  letter-spacing: 0;
  box-shadow: 0 10px 22px rgba(13, 32, 60, .045);
}

.filter-selector-grid button,
.role-option,
.signal-option {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px;
  text-align: left;
}

.filter-selector-grid button {
  grid-template-columns: minmax(0, 1fr);
}

.filter-selector-grid small,
.role-option small,
.signal-option small {
  color: #66758a;
  font-size: 11px;
  font-weight: 760;
}

.role-option span,
.signal-option span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 9px;
  border: 1px solid rgba(205, 219, 238, .9);
  background: rgba(255, 255, 255, .88);
}

.filter-selector-grid button.active,
.role-option.active,
.signal-option.active,
.luxury-choice-grid button.active,
.luxury-tier-grid button.active {
  color: #fff;
  border-color: rgba(37, 99, 235, .62);
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 255, 255, .22), transparent 34%),
    linear-gradient(135deg, #092c5d, #1f6ed4 64%, #5a4eea);
  box-shadow: 0 14px 28px rgba(30, 90, 200, .22);
}

.role-option.active span,
.signal-option.active span {
  color: #1f5ed4;
  border-color: rgba(255, 255, 255, .46);
  background: rgba(255, 255, 255, .94);
}

.filter-selector-grid button.active small,
.role-option.active small,
.signal-option.active small {
  color: rgba(255, 255, 255, .78);
}

.filter-subpanel-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: end;
}

.filter-subpanel-head strong {
  color: #0b1d38;
  font-size: 15px;
  font-weight: 880;
}

.compliance-command-card,
.performance-ledger,
.arrival-control-card,
.rate-command-card,
.training-readiness-card {
  padding: 14px;
}

.compliance-command-card {
  display: grid;
  gap: 4px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .24), transparent 32%),
    linear-gradient(135deg, #071f42, #0f4f93 68%, #0d9488);
}

.compliance-command-card strong,
.rate-command-card strong {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0;
}

.compliance-command-card small,
.training-readiness-card span {
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 680;
}

.performance-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-radius: 22px;
  background: rgba(239, 246, 255, .72);
  border: 1px solid rgba(205, 219, 238, .72);
}

.performance-ledger article {
  min-height: 58px;
  padding: 11px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .8);
}

.performance-ledger strong {
  display: block;
  color: #0b1d38;
  font-size: 20px;
  line-height: 1;
}

.performance-ledger span {
  display: block;
  margin-top: 5px;
  color: #66758a;
  font-size: 11px;
  font-weight: 820;
}

.arrival-control-card,
.rate-command-card,
.training-readiness-card {
  display: grid;
  gap: 10px;
}

.arrival-control-card > div strong,
.training-readiness-card strong {
  display: block;
  color: #0b1d38;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 880;
}

.arrival-control-card > div small {
  display: block;
  margin-top: 4px;
  color: #66758a;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 720;
}

.rate-command-card strong {
  color: #0b1d38;
}

.training-readiness-card {
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .18), transparent 32%),
    linear-gradient(135deg, #0b1d38, #173d76);
}

.luxury-tier-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.luxury-tier-grid button {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  text-align: left;
}

.luxury-tier-grid small {
  grid-column: 2;
  color: #66758a;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 760;
}

.luxury-tier-grid button.active small {
  color: rgba(255, 255, 255, .76);
}

.filter-apply-dock {
  position: fixed !important;
  z-index: 30 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  left: 50% !important;
  right: auto !important;
  bottom: 90px !important;
  transform: translateX(-50%) !important;
  width: min(100% - 28px, 642px) !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(195, 211, 232, .82) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 46px rgba(10, 27, 55, .18), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.filter-apply-dock strong {
  display: block;
  color: #0b1d38;
  font-size: 16px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.filter-apply-dock small {
  display: block;
  margin-top: 2px;
  color: #66758a;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 760 !important;
}

.filter-apply-dock .button {
  min-height: 48px !important;
  border-radius: 17px !important;
  padding-inline: 18px !important;
  white-space: nowrap;
}

@media@media (max-width: 430px) {
  .filter-linked-columns,
  .filter-two-columns {
    grid-template-columns: 1fr;
  }

  .filter-selector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-apply-dock {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 12px 14px !important;
  }
}

@media (max-width: 370px) {
  .content.people-page {
    --agency-page-gutter: 9px;
  }

  .content.people-page .candidate-live-stats,
  .content.people-page .candidate-search-suggestions.removable-search-signals,
  .content.people-page .candidate-feed-tabs {
    grid-template-columns: 1fr !important;
  }

  .content.people-page .candidate-summary-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Workforce filters V11 final cascade locks */
.content.people-page .candidate-database-header h2,
.content.people-page .agency-search-command-panel .candidate-database-header h2 {
  font-size: clamp(24px, 5vw, 30px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

/* Final luxury lock: keep workforce search typography calm and premium. */
.content.people-page .workforce-match-search .agency-search-command-panel .candidate-database-header h2 {
  margin: 3px 0 4px !important;
  color: #0b1d35 !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .candidate-database-header p {
  max-width: 360px !important;
  color: #66758b !important;
  font-size: 11.5px !important;
  font-weight: 640 !important;
  line-height: 1.25 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .candidate-live-stats strong {
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .people-search.searchbar input {
  font-size: 13px !important;
  font-weight: 650 !important;
}

/* Sector-to-workforce flow and luxury candidate search refresh */
.workforce-return-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(157, 181, 212, 0.32);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(242, 247, 255, 0.92)),
    #fff;
  box-shadow: 0 14px 32px rgba(18, 37, 67, 0.08);
}

.workforce-return-bar button {
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(12, 43, 78, 0.14);
  border-radius: 15px;
  padding: 0 12px;
  background: #09284d;
  color: #fff;
  font-size: 11px;
  font-weight: 780;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(9, 40, 77, 0.14);
}

.workforce-return-bar button svg {
  width: 15px;
  height: 15px;
}

.workforce-return-bar small {
  display: block;
  color: #738197;
  font-size: 8.5px;
  font-weight: 760;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.workforce-return-bar strong {
  display: block;
  overflow: hidden;
  color: #0b1d35;
  font-size: 12.5px;
  font-weight: 780;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.people-page .agency-search-command-panel {
  padding: 18px 16px 17px !important;
  border: 1px solid rgba(157, 181, 212, 0.34) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 9%, rgba(213, 206, 255, 0.54), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.94)) !important;
  box-shadow: 0 20px 44px rgba(18, 37, 67, 0.08) !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.content.people-page .candidate-database-header span {
  color: #758398 !important;
  font-size: 9px !important;
  font-weight: 790 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-database-header h2,
.content.people-page .agency-search-command-panel .candidate-database-header h2 {
  margin: 3px 0 4px !important;
  color: #0b1d35 !important;
  font-size: clamp(21px, 4.8vw, 25px) !important;
  font-weight: 780 !important;
  line-height: 1.02 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 390px !important;
  color: #65758c !important;
  font-size: 11.5px !important;
  font-weight: 640 !important;
  line-height: 1.25 !important;
}

.content.people-page .candidate-database-header em {
  align-self: start !important;
  min-height: 31px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(21, 121, 94, 0.18) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  background: linear-gradient(145deg, rgba(235, 253, 246, 0.94), rgba(248, 252, 255, 0.98)) !important;
  color: #14775f !important;
  font-size: 9.5px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.content.people-page .people-search-row.sticky-people-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
}

.content.people-page .people-search.searchbar {
  min-width: 0 !important;
  min-height: 48px !important;
  border: 1px solid rgba(157, 181, 212, 0.36) !important;
  border-radius: 17px !important;
  padding: 0 13px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 26px rgba(18, 37, 67, 0.05) !important;
}

.content.people-page .people-search.searchbar svg {
  width: 17px !important;
  height: 17px !important;
  color: #65758c !important;
  flex: 0 0 auto !important;
}

.content.people-page .people-search.searchbar input {
  min-width: 0 !important;
  color: #172a44 !important;
  font-size: 13px !important;
  font-weight: 660 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
}

.content.people-page .people-search.searchbar input::placeholder {
  color: #778499 !important;
  font-size: 12px !important;
  font-weight: 640 !important;
}

.content.people-page .compact-filter {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(38, 115, 218, 0.24) !important;
  border-radius: 17px !important;
  padding: 0 !important;
  background: linear-gradient(145deg, rgba(239, 247, 255, 0.98), rgba(248, 251, 255, 0.92)) !important;
  color: #1b6fde !important;
  box-shadow: 0 12px 26px rgba(27, 111, 222, 0.08) !important;
}

.content.people-page .compact-filter svg {
  width: 18px !important;
  height: 18px !important;
}

.content.people-page .candidate-live-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}

.content.people-page .candidate-live-stats span {
  min-width: 0 !important;
  min-height: 54px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 1px solid rgba(157, 181, 212, 0.28) !important;
  border-radius: 16px !important;
  padding: 9px 9px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
}

.content.people-page .candidate-live-stats strong {
  order: 2 !important;
  color: #0b1d35 !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

.content.people-page .candidate-live-stats small {
  order: 1 !important;
  overflow: hidden !important;
  color: #758398 !important;
  font-size: 7.5px !important;
  font-weight: 760 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page .removable-search-signals {
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  padding: 1px 0 3px !important;
  scrollbar-width: none !important;
}

.content.people-page .removable-search-signals::-webkit-scrollbar {
  display: none !important;
}

.content.people-page .candidate-signal-chip {
  flex: 0 0 auto !important;
  max-width: 188px !important;
  border-radius: 999px !important;
}

.content.people-page .candidate-signal-load,
.content.people-page .candidate-signal-remove {
  min-height: 34px !important;
}

.content.people-page .candidate-signal-load span {
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page .candidate-signal-empty,
.content.people-page .candidate-signal-restore {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid rgba(157, 181, 212, 0.28) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #617087 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.content.people-page .candidate-feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.content.people-page .candidate-feed-tabs button {
  min-height: 42px !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

@media (max-width: 390px) {
  .content.people-page .candidate-live-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.people-page .candidate-database-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Sector-to-workforce flow and luxury candidate search refresh */
.workforce-return-bar {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 0 0 12px;
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(31, 132, 229, 0.13);
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 93, 252, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.94));
  box-shadow: 0 14px 28px rgba(6, 25, 54, 0.07);
}

.workforce-return-bar button {
  min-height: 38px;
  border: 1px solid rgba(31, 132, 229, 0.14);
  border-radius: 999px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1238b6;
  background: #fff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.055);
}

.workforce-return-bar svg {
  width: 13px;
  height: 13px;
}

.workforce-return-bar div {
  min-width: 0;
}

.workforce-return-bar small,
.workforce-return-bar strong {
  display: block;
}

.workforce-return-bar small {
  color: #6b7890;
  font-size: 8.5px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workforce-return-bar strong {
  margin-top: 4px;
  color: #07182f;
  font-size: 12px;
  line-height: 1.18;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.people-page .agency-search-command-panel {
  overflow: hidden;
  border: 1px solid rgba(31, 132, 229, 0.12) !important;
  border-radius: 26px !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(109, 93, 252, 0.13), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(31, 132, 229, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96)) !important;
  box-shadow: 0 18px 38px rgba(6, 25, 54, 0.085) !important;
}

.content.people-page .agency-search-command-panel::before {
  display: none !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
  margin-bottom: 12px !important;
}

.content.people-page .candidate-database-header span {
  display: block !important;
  color: #6b7890 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-database-header h2,
.content.people-page .agency-search-command-panel .candidate-database-header h2 {
  margin: 5px 0 0 !important;
  color: #07182f !important;
  font-size: 23px !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 950 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 30ch !important;
  margin: 7px 0 0 !important;
  color: #66758d !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
}

.content.people-page .candidate-database-header em {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 10px;
  color: #08724c;
  background: #def8ea;
  border: 1px solid rgba(16, 185, 129, 0.15);
  font-size: 9px;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.content.people-page .people-search-row.sticky-people-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 0 0 10px !important;
}

.content.people-page .people-search.searchbar {
  min-width: 0 !important;
  min-height: 46px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  border-radius: 17px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(31, 132, 229, 0.12) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 10px 22px rgba(6, 25, 54, 0.05) !important;
}

.content.people-page .people-search.searchbar svg {
  width: 16px !important;
  height: 16px !important;
}

.content.people-page .people-search.searchbar input {
  min-width: 0 !important;
  color: #07182f !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.content.people-page .people-search.searchbar input::placeholder {
  color: #7b8798 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

.content.people-page .compact-filter {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 17px !important;
  border: 1px solid rgba(31, 132, 229, 0.16) !important;
  color: #1f56d8 !important;
  background: linear-gradient(180deg, #f7fbff, #eef6ff) !important;
  box-shadow: 0 12px 22px rgba(31, 132, 229, 0.1) !important;
}

.content.people-page .compact-filter svg {
  width: 17px !important;
  height: 17px !important;
}

.content.people-page .compact-filter span {
  display: none !important;
}

.content.people-page .candidate-live-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
}

.content.people-page .candidate-live-stats span {
  min-width: 0 !important;
  min-height: 54px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 8px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(31, 132, 229, 0.09) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045) !important;
}

.content.people-page .candidate-live-stats small {
  color: #6b7890 !important;
  font-size: 8px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

.content.people-page .candidate-live-stats strong {
  color: #07182f !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.content.people-page .removable-search-signals {
  display: flex !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
  padding: 0 0 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.content.people-page .removable-search-signals::-webkit-scrollbar {
  display: none !important;
}

.content.people-page .candidate-signal-chip {
  flex: 0 0 auto !important;
  display: inline-grid !important;
  grid-template-columns: minmax(0, 1fr) 30px !important;
  min-width: 154px !important;
  max-width: 210px !important;
  border: 1px solid rgba(31, 132, 229, 0.1) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 8px 18px rgba(6, 25, 54, 0.045) !important;
}

.content.people-page .candidate-signal-load,
.content.people-page .candidate-signal-remove {
  min-height: 34px !important;
  border: 0 !important;
  background: transparent !important;
}

.content.people-page .candidate-signal-load {
  min-width: 0 !important;
  display: inline-grid !important;
  grid-template-columns: 14px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 9px !important;
  color: #1f56d8 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.content.people-page .candidate-signal-load span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page .candidate-signal-load svg {
  width: 13px !important;
  height: 13px !important;
}

.content.people-page .candidate-signal-remove {
  display: grid !important;
  place-items: center !important;
  color: #6b7890 !important;
  border-left: 1px solid rgba(31, 132, 229, 0.08) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-signal-empty {
  width: 100% !important;
  min-height: 38px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 12px !important;
  border: 1px solid rgba(31, 132, 229, 0.1) !important;
  border-radius: 16px !important;
  color: #66758d !important;
  background: rgba(255, 255, 255, 0.82) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.content.people-page .candidate-signal-restore {
  min-height: 38px !important;
  margin: 0 0 10px !important;
  border-radius: 16px !important;
  font-size: 11px !important;
}

.content.people-page .candidate-feed-tabs {
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  margin: 0 !important;
  scrollbar-width: none !important;
}

.content.people-page .candidate-feed-tabs::-webkit-scrollbar {
  display: none !important;
}

.content.people-page .candidate-feed-tabs button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 112px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 390px) {
  .content.people-page .candidate-live-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.people-page .candidate-database-header {
    grid-template-columns: 1fr !important;
  }

  .content.people-page .candidate-database-header em {
    justify-self: start !important;
  }
}

/* Agency candidate filters V13 - complete page finish */
.agency-filter-page-v13 {
  --filter-ink: #0b1d38;
  --filter-muted: #66758a;
  --filter-line: rgba(174, 196, 224, 0.52);
  --filter-soft: rgba(247, 251, 255, 0.94);
  align-items: stretch !important;
  gap: 12px !important;
  padding-inline: clamp(8px, 1.8vw, 12px) !important;
  padding-bottom: 170px !important;
}

.agency-filter-page-v13,
.agency-filter-page-v13 > *,
.agency-filter-page-v13 .premium-filter-workspace,
.agency-filter-page-v13 .candidate-filter-suite,
.agency-filter-page-v13 .luxury-filter-section,
.agency-filter-page-v13 .luxury-filter-body,
.agency-filter-page-v13 .filter-linked-columns,
.agency-filter-page-v13 .filter-two-columns,
.agency-filter-page-v13 .filter-subpanel,
.agency-filter-page-v13 .arrival-control-card,
.agency-filter-page-v13 .rate-command-card,
.agency-filter-page-v13 .training-readiness-card {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.agency-filter-page-v13 .filter-control-header {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 12px !important;
  border-radius: 24px !important;
  border: 1px solid var(--filter-line) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(53, 94, 219, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94)) !important;
  box-shadow: 0 18px 42px rgba(11, 29, 56, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.agency-filter-page-v13 .filter-control-header::after {
  display: none !important;
}

.agency-filter-page-v13 .filter-back-button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(184, 203, 230, 0.72);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.86);
  color: #174fbd;
}

.agency-filter-page-v13 .filter-back-button svg {
  width: 18px;
  height: 18px;
}

.agency-filter-page-v13 .filter-command-copy {
  min-width: 0;
}

.agency-filter-page-v13 .filter-command-copy span,
.agency-filter-page-v13 .premium-filter-header span {
  color: #718096 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

.agency-filter-page-v13 .filter-command-copy h2 {
  margin: 3px 0 0 !important;
  color: var(--filter-ink) !important;
  font-size: clamp(20px, 4.8vw, 26px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  font-weight: 840 !important;
}

.agency-filter-page-v13 .filter-command-copy p {
  margin: 4px 0 0 !important;
  color: var(--filter-muted) !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
  font-weight: 680 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
}

.agency-filter-page-v13 .filter-live-count {
  display: grid;
  place-items: center;
  width: 64px;
  height: 54px;
  border-radius: 18px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(135deg, #082851, #165ac7 68%, #4f46e5);
  box-shadow: 0 15px 28px rgba(24, 91, 204, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.agency-filter-page-v13 .filter-live-count small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agency-filter-page-v13 .premium-filter-workspace {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 13px !important;
  border-radius: 28px !important;
  border: 1px solid var(--filter-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.96)) !important;
  box-shadow: 0 24px 60px rgba(10, 30, 60, 0.1) !important;
  overflow: visible !important;
}

.agency-filter-page-v13 .premium-filter-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 2px 2px 10px !important;
}

.agency-filter-page-v13 .premium-filter-header h2 {
  margin: 3px 0 0 !important;
  color: var(--filter-ink) !important;
  font-size: clamp(18px, 4.5vw, 23px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  font-weight: 820 !important;
}

.agency-filter-page-v13 .premium-filter-header p {
  margin: 4px 0 0 !important;
  color: var(--filter-muted) !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

.agency-filter-page-v13 .filter-header-actions {
  display: flex;
  gap: 7px;
}

.agency-filter-page-v13 .filter-header-actions button {
  min-height: 36px !important;
  border-radius: 14px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(184, 203, 230, 0.7) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  color: #174fbd !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.agency-filter-page-v13 .filter-summary-bar {
  display: flex !important;
  gap: 7px !important;
  margin: 0 -2px 12px !important;
  padding: 0 2px 2px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  min-height: 38px !important;
  align-items: center !important;
}

.agency-filter-page-v13 .filter-summary-chip {
  flex: 0 0 auto;
  display: inline-flex !important;
  grid-template-columns: 15px auto 15px;
  align-items: center;
  gap: 7px;
  width: auto !important;
  height: 34px !important;
  min-height: 34px;
  max-width: none;
  padding: 0 10px;
  border: 1px solid rgba(184, 203, 230, 0.66);
  border-radius: 999px;
  background: rgba(249, 252, 255, 0.9);
  color: #193b70;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.agency-filter-page-v13 .filter-summary-chip em {
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  color: #138069;
  background: rgba(224, 249, 240, 0.92);
}

.agency-filter-page-v13 .filter-summary-chip strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
}

.agency-filter-page-v13 .filter-summary-chip svg {
  width: 14px;
  height: 14px;
}

.agency-filter-page-v13 .candidate-filter-suite {
  gap: 10px !important;
  margin-top: 0 !important;
}

.agency-filter-page-v13 .luxury-filter-section {
  border-radius: 23px !important;
  border: 1px solid rgba(184, 203, 230, 0.68) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(80, 110, 225, 0.06), transparent 34%),
    rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 14px 34px rgba(12, 31, 62, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  overflow: hidden !important;
}

.agency-filter-page-v13 .luxury-filter-section summary {
  list-style: none;
}

.agency-filter-page-v13 .luxury-filter-section summary::-webkit-details-marker {
  display: none;
}

.agency-filter-page-v13 .luxury-filter-heading {
  grid-template-columns: 38px minmax(0, 1fr) 34px !important;
  gap: 10px !important;
  padding: 13px !important;
  cursor: pointer;
  border-bottom: 0 !important;
}

.agency-filter-page-v13 .luxury-filter-section[open] .luxury-filter-heading {
  border-bottom: 1px solid rgba(218, 227, 240, 0.78) !important;
}

.agency-filter-page-v13 .luxury-filter-heading > span {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
}

.agency-filter-page-v13 .luxury-filter-heading h3 {
  font-size: 16px !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.agency-filter-page-v13 .luxury-filter-heading p {
  font-size: 11.2px !important;
  line-height: 1.24 !important;
  font-weight: 680 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
}

.agency-filter-page-v13 .luxury-filter-heading i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  color: #1f5ed4;
  background: rgba(238, 245, 255, 0.92);
  transform: rotate(-90deg);
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.agency-filter-page-v13 .luxury-filter-section[open] .luxury-filter-heading i {
  color: #fff;
  background: linear-gradient(135deg, #0a3268, #2c70dd);
  transform: rotate(90deg);
}

.agency-filter-page-v13 .luxury-filter-heading i svg {
  width: 16px;
  height: 16px;
}

.agency-filter-page-v13 .luxury-filter-body {
  gap: 10px !important;
  padding: 12px !important;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.62), rgba(255, 255, 255, 0.88));
}

.agency-filter-page-v13 .filter-linked-columns,
.agency-filter-page-v13 .filter-two-columns {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.agency-filter-page-v13 .filter-linked-columns > div,
.agency-filter-page-v13 .filter-two-columns > article,
.agency-filter-page-v13 .filter-subpanel,
.agency-filter-page-v13 .arrival-control-card,
.agency-filter-page-v13 .rate-command-card,
.agency-filter-page-v13 .training-readiness-card,
.agency-filter-page-v13 .performance-ledger {
  border-radius: 18px !important;
  border: 1px solid rgba(202, 216, 235, 0.66) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
}

.agency-filter-page-v13 .filter-selector-grid,
.agency-filter-page-v13 .filter-role-grid,
.agency-filter-page-v13 .filter-chip-matrix,
.agency-filter-page-v13 .luxury-choice-grid,
.agency-filter-page-v13 .luxury-tier-grid,
.agency-filter-page-v13 .performance-ledger {
  gap: 7px !important;
}

.agency-filter-page-v13 .filter-selector-grid,
.agency-filter-page-v13 .filter-chip-matrix,
.agency-filter-page-v13 .luxury-choice-grid,
.agency-filter-page-v13 .luxury-tier-grid,
.agency-filter-page-v13 .performance-ledger {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.agency-filter-page-v13 .filter-role-grid {
  grid-template-columns: 1fr !important;
}

.agency-filter-page-v13 .filter-selector-grid button,
.agency-filter-page-v13 .role-option,
.agency-filter-page-v13 .signal-option,
.agency-filter-page-v13 .luxury-choice-grid button,
.agency-filter-page-v13 .luxury-tier-grid button {
  min-height: 40px !important;
  border-radius: 14px !important;
  padding: 8px 9px !important;
  border-color: rgba(190, 207, 230, 0.72) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--filter-ink) !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.agency-filter-page-v13 .luxury-choice-grid button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.agency-filter-page-v13 .luxury-choice-grid button strong {
  display: inline-block !important;
  min-width: 0 !important;
  color: inherit !important;
  font-size: 11.5px !important;
  font-weight: 780 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.agency-filter-page-v13 .luxury-choice-grid button span {
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1f5ed4 !important;
}

.agency-filter-page-v13 .luxury-choice-grid button span svg {
  width: 11px !important;
  height: 11px !important;
  stroke-width: 3 !important;
}

.agency-filter-page-v13 .role-option,
.agency-filter-page-v13 .signal-option {
  grid-template-columns: 22px minmax(0, 1fr) !important;
}

.agency-filter-page-v13 .role-option span,
.agency-filter-page-v13 .signal-option span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
}

.agency-filter-page-v13 .filter-selector-grid button.active,
.agency-filter-page-v13 .role-option.active,
.agency-filter-page-v13 .signal-option.active,
.agency-filter-page-v13 .luxury-choice-grid button.active,
.agency-filter-page-v13 .luxury-tier-grid button.active {
  border-color: rgba(35, 94, 214, 0.68) !important;
  background:
    linear-gradient(135deg, #092b5c, #1f64cf 68%, #5048dc) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(28, 88, 197, 0.18) !important;
}

.agency-filter-page-v13 .filter-selector-grid button strong,
.agency-filter-page-v13 .role-option strong,
.agency-filter-page-v13 .signal-option strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.agency-filter-page-v13 .filter-selector-grid button small {
  display: block;
  margin-top: 2px;
  color: #728197;
  font-size: 9.5px;
  font-weight: 720;
}

.agency-filter-page-v13 .filter-selector-grid button.active small,
.agency-filter-page-v13 .luxury-tier-grid button.active small {
  color: rgba(255, 255, 255, 0.76) !important;
}

.agency-filter-page-v13 .filter-field-label,
.agency-filter-page-v13 .filter-two-columns article > span,
.agency-filter-page-v13 .filter-subpanel-head small,
.agency-filter-page-v13 .rate-command-card span {
  font-size: 9.8px !important;
  letter-spacing: 0.1em !important;
  font-weight: 820 !important;
}

.agency-filter-page-v13 .filter-subpanel-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3px !important;
  align-items: start !important;
}

.agency-filter-page-v13 .filter-subpanel-head strong,
.agency-filter-page-v13 .arrival-control-card > div strong,
.agency-filter-page-v13 .training-readiness-card strong {
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 820 !important;
}

.agency-filter-page-v13 .compliance-command-card {
  border: 0 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(135deg, #071c39, #0d4485 70%, #0e7c73) !important;
}

.agency-filter-page-v13 .compliance-command-card strong,
.agency-filter-page-v13 .rate-command-card strong {
  font-size: 22px !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

.agency-filter-page-v13 .performance-ledger article {
  min-height: 50px !important;
  padding: 9px !important;
  border-radius: 14px !important;
  background: rgba(249, 252, 255, 0.92) !important;
}

.agency-filter-page-v13 .performance-ledger strong {
  font-size: 17px !important;
  font-weight: 800 !important;
}

.agency-filter-page-v13 .performance-ledger span {
  font-size: 10px !important;
  font-weight: 740 !important;
}

.agency-filter-page-v13 .training-readiness-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.16), transparent 34%),
    linear-gradient(135deg, #081f3d, #173b72) !important;
}

.agency-filter-page-v13 .workforce-insights-panel,
.agency-filter-page-v13 .top-match-preview {
  margin-top: 12px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(184, 203, 230, 0.62) !important;
  background: rgba(249, 252, 255, 0.88) !important;
  box-shadow: none !important;
}

.agency-filter-page-v13 .filter-apply-dock {
  position: fixed !important;
  z-index: 60 !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translateX(-50%) !important;
  width: min(calc(100vw - 28px), 642px) !important;
  max-width: calc(100vw - 28px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 9px !important;
  padding: 11px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(184, 203, 230, 0.74) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(8, 26, 52, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(18px);
}

.agency-filter-page-v13 .filter-apply-dock strong {
  font-size: 14px !important;
  font-weight: 820 !important;
}

.agency-filter-page-v13 .filter-apply-dock small {
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.agency-filter-page-v13 .filter-apply-dock .button {
  min-height: 44px !important;
  border-radius: 15px !important;
  padding-inline: 15px !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

@media (min-width: 560px) {
  .agency-filter-page-v13 .filter-linked-columns,
  .agency-filter-page-v13 .filter-two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 370px) {
  .agency-filter-page-v13 .filter-control-header {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  .agency-filter-page-v13 .filter-live-count {
    grid-column: 2;
    justify-self: start;
    width: auto;
    height: 34px;
    padding: 0 12px;
    grid-auto-flow: column;
    gap: 5px;
  }

  .agency-filter-page-v13 .filter-selector-grid,
  .agency-filter-page-v13 .filter-role-grid,
  .agency-filter-page-v13 .filter-chip-matrix,
  .agency-filter-page-v13 .luxury-choice-grid,
  .agency-filter-page-v13 .luxury-tier-grid,
  .agency-filter-page-v13 .performance-ledger {
    grid-template-columns: 1fr !important;
  }
}

.agency-filter-page-v13 .filter-linked-columns,
.agency-filter-page-v13 .filter-two-columns {
  grid-template-columns: 1fr !important;
}

.agency-filter-page-v13 .filter-selector-grid,
.agency-filter-page-v13 .filter-role-grid {
  grid-template-columns: 1fr !important;
}

.agency-filter-page-v13 .filter-chip-matrix,
.agency-filter-page-v13 .luxury-choice-grid,
.agency-filter-page-v13 .luxury-tier-grid,
.agency-filter-page-v13 .performance-ledger {
  grid-template-columns: 1fr !important;
}

.agency-filter-page-v13 .filter-apply-dock {
  width: min(calc(100vw - 28px), 402px) !important;
  max-width: 402px !important;
}

/* Agency Workforce search V5 - wider canvas, compact tiers and profile return affordance */
.content.agency-filter-page-v13 {
  padding-inline: 4px !important;
  gap: 10px !important;
  padding-bottom: 164px !important;
}

.agency-filter-page-v13 .filter-control-header {
  grid-template-columns: 40px minmax(0, 1fr) 98px !important;
  gap: 10px !important;
  padding: 13px 12px !important;
  border-radius: 0 0 28px 28px !important;
  border-width: 0 0 1px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(43, 104, 222, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.95)) !important;
  box-shadow: 0 18px 42px rgba(9, 28, 58, 0.12) !important;
}

.agency-filter-page-v13 .filter-command-copy h2 {
  font-size: clamp(22px, 5vw, 27px) !important;
  font-weight: 760 !important;
  line-height: 1.02 !important;
}

.agency-filter-page-v13 .filter-command-copy p {
  max-width: 230px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.agency-filter-page-v13 .filter-live-count {
  width: 98px !important;
  height: auto !important;
  min-height: 66px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 2px !important;
  padding: 10px 11px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 255, 255, 0.2), transparent 28%),
    linear-gradient(135deg, #071d3a, #155bc8 72%, #4d46d9) !important;
  box-shadow: 0 16px 30px rgba(18, 76, 176, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.agency-filter-page-v13 .filter-live-count span {
  color: rgba(226, 236, 255, 0.68) !important;
  font-size: 8px !important;
  font-weight: 820 !important;
  letter-spacing: 0.1em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.agency-filter-page-v13 .filter-live-count strong {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.agency-filter-page-v13 .filter-live-count small {
  color: rgba(226, 236, 255, 0.76) !important;
  font-size: 8.5px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-transform: none !important;
}

.agency-filter-page-v13 .premium-filter-workspace {
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-filter-page-v13 .premium-filter-header {
  margin: 0 0 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(184, 203, 230, 0.62) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 16px 36px rgba(11, 29, 56, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.agency-filter-page-v13 .premium-filter-header h2 {
  font-size: clamp(21px, 5vw, 27px) !important;
  font-weight: 760 !important;
}

.agency-filter-page-v13 .filter-summary-bar {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 0 11px !important;
  padding: 0 1px 3px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
}

.agency-filter-page-v13 .filter-summary-chip {
  min-width: 0 !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 9px !important;
  gap: 6px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 8px 20px rgba(11, 29, 56, 0.045) !important;
}

.agency-filter-page-v13 .filter-summary-chip strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #112643 !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.agency-filter-page-v13 .filter-summary-chip svg {
  flex: 0 0 auto !important;
  width: 13px !important;
  height: 13px !important;
}

.agency-filter-page-v13 .filter-summary-chip em {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: auto !important;
}

.agency-filter-page-v13 .candidate-filter-suite {
  gap: 9px !important;
}

.agency-filter-page-v13 .luxury-filter-section {
  border-radius: 21px !important;
  box-shadow: 0 12px 30px rgba(12, 31, 62, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.agency-filter-page-v13 .workforce-insights-panel {
  margin-top: 13px !important;
  padding: 14px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 247, 255, 0.92)) !important;
  box-shadow: 0 15px 34px rgba(9, 28, 58, 0.08) !important;
}

.agency-filter-page-v13 .workforce-insight-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-filter-page-v13 .workforce-insight-grid article {
  min-height: 58px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.agency-filter-page-v13 .workforce-insight-grid article strong {
  font-size: 19px !important;
  font-weight: 760 !important;
}

.agency-filter-page-v13 .filter-results-separator {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 18px 4px 9px !important;
}

.agency-filter-page-v13 .filter-results-separator span {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 840 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.agency-filter-page-v13 .filter-results-separator i {
  height: 1px !important;
  background: linear-gradient(90deg, rgba(174, 196, 224, 0.8), transparent) !important;
}

.agency-filter-page-v13 .top-match-preview {
  margin-top: 0 !important;
  padding: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(158, 187, 224, 0.7) !important;
  background:
    radial-gradient(circle at 98% 0%, rgba(27, 103, 219, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 249, 255, 0.94)) !important;
  box-shadow: 0 18px 42px rgba(9, 28, 58, 0.11) !important;
}

.agency-filter-page-v13 .top-match-preview::before {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  width: 58px !important;
  margin-bottom: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #071d3a, #1f7ae7, #6a5af9) !important;
}

.agency-filter-page-v13 .top-match-preview .filter-section-heading-row {
  margin-bottom: 10px !important;
}

.agency-filter-page-v13 .top-match-preview .filter-section-heading-row h3 {
  font-size: 18px !important;
  font-weight: 760 !important;
  line-height: 1.05 !important;
}

.agency-filter-page-v13 .top-match-preview .filter-section-heading-row button {
  min-height: 34px !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  background: #edf5ff !important;
  color: #135ac7 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.agency-filter-page-v13 .top-match-card-list {
  gap: 9px !important;
}

.agency-filter-page-v13 .top-match-card-list article {
  border: 1px solid rgba(184, 203, 230, 0.68) !important;
  border-radius: 18px !important;
  padding: 11px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 24px rgba(9, 28, 58, 0.055) !important;
}

.agency-filter-page-v13 .top-match-main {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 9px !important;
}

.agency-filter-page-v13 .top-match-main strong {
  font-size: 14px !important;
  font-weight: 760 !important;
}

.agency-filter-page-v13 .top-match-main small,
.agency-filter-page-v13 .top-match-card-list p {
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

.agency-filter-page-v13 .top-match-stat-row {
  gap: 6px !important;
}

.agency-filter-page-v13 .top-match-stat-row span {
  padding: 6px 8px !important;
  border-radius: 999px !important;
  font-size: 9.8px !important;
  font-weight: 740 !important;
}

.agency-filter-page-v13 .filter-apply-dock {
  width: min(calc(100vw - 16px), 402px) !important;
  max-width: 402px !important;
  bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 10px 11px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,247,255,.94)) !important;
}

.agency-filter-page-v13 .filter-apply-dock span {
  display: block !important;
  color: #6b778b !important;
  font-size: 8.5px !important;
  font-weight: 820 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.agency-filter-page-v13 .filter-apply-dock strong {
  font-size: 16px !important;
  font-weight: 760 !important;
}

.agency-filter-page-v13 .filter-apply-dock small {
  max-width: 190px !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
}

.agency-filter-page-v13 .filter-apply-dock .button {
  min-width: 118px !important;
  background: linear-gradient(135deg, #071d3a, #0d3c77) !important;
}

@media (max-width: 370px) {
  .agency-filter-page-v13 .filter-control-header {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .agency-filter-page-v13 .filter-live-count {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 46px !important;
    grid-template-columns: auto auto 1fr !important;
    align-items: center !important;
  }

  .agency-filter-page-v13 .filter-summary-bar {
    grid-template-columns: 1fr !important;
  }
}

.content.people-page {
  --agency-page-gutter: clamp(6px, 1.4vw, 10px);
}

.content.people-page .premium-worker-search,
.content.people-page .candidate-search-compact,
.content.people-page .workforce-match-search {
  padding-inline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .agency-search-command-panel,
.content.people-page .agency-candidate-results-panel {
  border-radius: 28px !important;
  padding: clamp(15px, 3.8vw, 19px) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 16px !important;
  min-height: 152px;
  align-items: start !important;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 54px !important;
  height: 54px !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(21px, 5vw, 25px) !important;
  letter-spacing: -0.025em !important;
}

.content.people-page .candidate-summary-title p {
  max-width: 100%;
  overflow: visible !important;
  white-space: normal !important;
}

.content.people-page .candidate-summary-highlights {
  gap: 8px !important;
}

.content.people-page .candidate-summary-highlights span {
  min-height: 58px !important;
  display: grid;
  align-content: center;
  padding: 10px 8px !important;
  text-align: center;
}

.content.people-page .candidate-summary-actions {
  grid-column: 2 / 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.content.people-page .candidate-tier-badge {
  grid-column: auto !important;
  justify-self: auto !important;
  min-height: 34px;
  padding: 7px 11px !important;
}

.content.people-page .candidate-tier-badge.tier-green {
  border-color: rgba(18, 139, 102, 0.2) !important;
  background: linear-gradient(145deg, rgba(229, 249, 239, 0.98), rgba(215, 242, 232, 0.9)) !important;
  color: #08765d !important;
}

.content.people-page .candidate-tier-badge.tier-green small,
.content.people-page .candidate-tier-badge.tier-green strong {
  color: #08765d !important;
}

.content.people-page .candidate-tier-badge.tier-purple,
.content.people-page .candidate-tier-badge.tier-blue {
  border-color: rgba(48, 92, 201, 0.2) !important;
  background: linear-gradient(145deg, rgba(232, 240, 255, 0.98), rgba(224, 232, 255, 0.9)) !important;
  color: #174ea6 !important;
}

.content.people-page .candidate-tier-badge.tier-purple small,
.content.people-page .candidate-tier-badge.tier-purple strong,
.content.people-page .candidate-tier-badge.tier-blue small,
.content.people-page .candidate-tier-badge.tier-blue strong {
  color: #174ea6 !important;
}

.content.people-page .candidate-tier-badge.tier-grey {
  border-color: rgba(167, 111, 24, 0.2) !important;
  background: linear-gradient(145deg, rgba(255, 247, 230, 0.98), rgba(247, 236, 214, 0.92)) !important;
  color: #8a5a0a !important;
}

.content.people-page .candidate-tier-badge.tier-grey small,
.content.people-page .candidate-tier-badge.tier-grey strong {
  color: #8a5a0a !important;
}

.content.people-page .candidate-tier-badge.tier-red {
  border-color: rgba(178, 43, 43, 0.22) !important;
  background: linear-gradient(145deg, rgba(255, 236, 236, 0.98), rgba(250, 223, 223, 0.92)) !important;
  color: #9f1f2f !important;
}

.content.people-page .candidate-tier-badge.tier-red small,
.content.people-page .candidate-tier-badge.tier-red strong {
  color: #9f1f2f !important;
}

.content.people-page .candidate-profile-shortcut {
  appearance: none;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(18, 55, 105, 0.14);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(240, 246, 255, 0.86));
  color: #10325f;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(20, 44, 82, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.content.people-page .candidate-profile-shortcut:active {
  transform: translateY(1px) scale(0.98);
}

.content.people-page .candidate-expand-indicator {
  grid-column: auto !important;
  grid-row: auto !important;
  margin-left: auto;
  width: 36px !important;
  height: 36px !important;
}

.content.people-page .candidate-result-expanded {
  padding: 0 16px 16px !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    min-height: 164px;
  }

  .content.people-page .candidate-result-summary .candidate-avatar {
    width: 50px !important;
    height: 50px !important;
  }
}

/* Agency Workforce width parity with Jobs: keep the Jobs page untouched, but let Workforce use the full app canvas. */
.content.people-page {
  --agency-page-gutter: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.content.people-page > .people-switcher,
.content.people-page > .panel,
.content.people-page .premium-worker-search,
.content.people-page .agency-search-command-panel,
.content.people-page .agency-candidate-results-panel,
.content.people-page .shortlist-workspace {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.content.people-page .agency-search-command-panel,
.content.people-page .agency-candidate-results-panel {
  padding: 16px !important;
}

/* Workforce results V6: remove the outer results card so candidate cards use the whole page width. */
.content.people-page .agency-candidate-results-panel {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.content.people-page .agency-candidate-results-header {
  width: 100% !important;
  padding: 0 2px 2px !important;
}

.content.people-page .agency-candidate-results-header span {
  color: #708098 !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
}

.content.people-page .agency-candidate-results-header strong {
  color: #071a34 !important;
  font-size: clamp(24px, 5.8vw, 31px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-weight: 950 !important;
}

.content.people-page .agency-candidate-results-header em {
  padding: 9px 14px !important;
  border-radius: 999px !important;
  color: #08765d !important;
  background:
    linear-gradient(145deg, rgba(227, 251, 238, 0.98), rgba(210, 244, 229, 0.94)) !important;
  border: 1px solid rgba(8, 118, 93, 0.15) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 12px 24px rgba(8, 118, 93, 0.08) !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  width: 100% !important;
  display: grid !important;
  gap: 14px !important;
}

.content.people-page .candidate-result-card {
  width: 100% !important;
  max-width: none !important;
  border-radius: 28px !important;
  border: 1px solid rgba(173, 196, 226, 0.72) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(65, 136, 237, 0.16), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(20, 184, 166, 0.08), transparent 35%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.94)) !important;
  box-shadow:
    0 22px 46px rgba(11, 31, 68, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 15px !important;
  min-height: 0 !important;
  padding: 18px !important;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 20px !important;
}

.content.people-page .candidate-summary-main {
  gap: 12px !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(25px, 6.4vw, 34px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-summary-title p {
  font-size: 15px !important;
  line-height: 1.18 !important;
}

.content.people-page .candidate-summary-highlights {
  gap: 9px !important;
}

.content.people-page .candidate-summary-highlights span {
  min-height: 66px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(242, 247, 255, 0.98), rgba(233, 240, 253, 0.9)) !important;
}

.content.people-page .candidate-summary-highlights strong {
  font-size: 20px !important;
}

.content.people-page .candidate-summary-actions {
  gap: 10px !important;
}

.content.people-page .candidate-tier-badge,
.content.people-page .candidate-profile-shortcut,
.content.people-page .candidate-expand-indicator {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 22px rgba(11, 31, 68, 0.08) !important;
}

.content.people-page .candidate-expand-indicator {
  margin-left: auto !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  .content.people-page .candidate-result-summary .candidate-avatar {
    width: 58px !important;
    height: 58px !important;
  }

  .content.people-page .candidate-summary-title h3 {
    font-size: clamp(23px, 6.8vw, 30px) !important;
  }
}

/* Workforce results V7: executive-grade candidate cards with tighter type and richer intelligence. */
.content.people-page .agency-candidate-results-panel {
  gap: 12px !important;
}

.content.people-page .agency-candidate-results-header {
  align-items: end !important;
  padding: 0 4px 1px !important;
}

.content.people-page .agency-candidate-results-header span {
  color: #748298 !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
}

.content.people-page .agency-candidate-results-header strong {
  margin-top: 5px !important;
  max-width: 13ch !important;
  font-size: clamp(27px, 6.8vw, 34px) !important;
  line-height: 0.94 !important;
  font-weight: 900 !important;
}

.content.people-page .agency-candidate-results-header em {
  align-self: center !important;
  padding: 9px 13px !important;
  font-size: 12px !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  gap: 12px !important;
}

.content.people-page .candidate-result-card {
  border-radius: 24px !important;
  border-color: rgba(155, 184, 222, 0.62) !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 252, 255, 0.96) 44%, rgba(239, 246, 255, 0.94) 100%),
    radial-gradient(circle at 102% 0%, rgba(45, 108, 214, 0.14), transparent 35%) !important;
  box-shadow:
    0 18px 34px rgba(12, 30, 58, 0.095),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.content.people-page .candidate-result-card[open] {
  border-color: rgba(37, 99, 235, 0.22) !important;
  box-shadow:
    0 22px 44px rgba(12, 30, 58, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 15px !important;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  font-size: 15px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 12px 20px rgba(28, 72, 132, 0.08) !important;
}

.content.people-page .candidate-summary-main {
  gap: 9px !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(22px, 5.25vw, 27px) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-summary-title p {
  margin-top: 3px !important;
  color: #66758c !important;
  font-size: 12.5px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.content.people-page .candidate-summary-highlights span {
  min-height: 50px !important;
  padding: 8px 7px !important;
  border: 1px solid rgba(185, 205, 232, 0.42) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(145deg, rgba(245, 249, 255, 0.98), rgba(235, 242, 253, 0.9)) !important;
}

.content.people-page .candidate-summary-highlights strong {
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.content.people-page .candidate-summary-highlights small {
  margin-top: 3px !important;
  color: #6b7890 !important;
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.06em !important;
}

.content.people-page .candidate-summary-intel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.content.people-page .candidate-summary-intel span {
  min-width: 0;
  min-height: 34px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid rgba(191, 209, 232, 0.48);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.62);
}

.content.people-page .candidate-summary-intel small,
.content.people-page .candidate-summary-intel strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.people-page .candidate-summary-intel small {
  color: #758399;
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.content.people-page .candidate-summary-intel strong {
  color: #0b2446;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.05;
}

.content.people-page .candidate-summary-actions {
  gap: 7px !important;
}

.content.people-page .candidate-tier-badge,
.content.people-page .candidate-profile-shortcut {
  min-height: 31px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

.content.people-page .candidate-tier-badge {
  gap: 6px !important;
}

.content.people-page .candidate-tier-badge small {
  font-size: 8px !important;
}

.content.people-page .candidate-tier-badge strong {
  font-size: 12px !important;
}

.content.people-page .candidate-expand-indicator {
  width: 32px !important;
  height: 32px !important;
  border-radius: 13px !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 13px !important;
  }

  .content.people-page .candidate-result-summary .candidate-avatar {
    width: 48px !important;
    height: 48px !important;
  }

  .content.people-page .candidate-summary-title h3 {
    font-size: clamp(20px, 5.9vw, 24px) !important;
  }

  .content.people-page .candidate-summary-highlights {
    gap: 6px !important;
  }
}

/* Workforce results V8: quieter luxury hierarchy and useful avatar status rail. */
.content.people-page .agency-search-command-panel {
  padding: 16px !important;
  border-radius: 26px !important;
}

.content.people-page .candidate-database-header h2 {
  font-size: clamp(30px, 7vw, 38px) !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 26rem !important;
  color: #65748a !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.content.people-page .candidate-live-stats span {
  min-height: 62px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
}

.content.people-page .candidate-live-stats strong {
  font-size: 28px !important;
}

.content.people-page .agency-candidate-results-header {
  padding-inline: 4px !important;
}

.content.people-page .agency-candidate-results-header strong {
  max-width: 16ch !important;
  font-size: clamp(24px, 5.7vw, 30px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .candidate-result-card {
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(42, 119, 210, 0.10), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.96)) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 66px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
}

.content.people-page .candidate-avatar-rail {
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
}

.content.people-page .candidate-rail-match,
.content.people-page .candidate-rail-status {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(184, 205, 232, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.content.people-page .candidate-rail-match {
  min-height: 40px;
  display: grid;
  place-items: center;
  gap: 1px;
  padding: 5px 3px;
  border-radius: 14px;
  background: rgba(247, 251, 255, 0.84);
  color: #0b2446;
  line-height: 1;
}

.content.people-page .candidate-rail-match strong,
.content.people-page .candidate-rail-match small {
  display: block;
}

.content.people-page .candidate-rail-match strong {
  font-size: 14px;
  font-weight: 950;
}

.content.people-page .candidate-rail-match small {
  color: #708098;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.content.people-page .candidate-rail-status {
  min-height: 26px;
  display: grid;
  place-items: center;
  padding: 0 4px;
  border-radius: 999px;
  color: #08765d;
  background: linear-gradient(145deg, rgba(229, 249, 239, 0.96), rgba(215, 242, 232, 0.88));
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.content.people-page .candidate-summary-main {
  gap: 8px !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(19px, 4.55vw, 23px) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
}

.content.people-page .candidate-summary-title p {
  color: #66758c !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  font-weight: 780 !important;
}

.content.people-page .candidate-summary-highlights {
  gap: 6px !important;
}

.content.people-page .candidate-summary-highlights span {
  min-height: 43px !important;
  padding: 7px 6px !important;
  border-radius: 13px !important;
}

.content.people-page .candidate-summary-highlights strong {
  font-size: 14px !important;
}

.content.people-page .candidate-summary-highlights small {
  font-size: 7.75px !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

.content.people-page .candidate-summary-intel span {
  min-height: 38px !important;
  padding: 6px 5px !important;
  border-radius: 11px !important;
}

.content.people-page .candidate-summary-intel small {
  font-size: 7px !important;
  letter-spacing: 0.06em !important;
}

.content.people-page .candidate-summary-intel strong {
  font-size: 9.5px !important;
}

.content.people-page .candidate-summary-actions {
  display: grid !important;
  grid-template-columns: auto auto minmax(32px, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
}

.content.people-page .candidate-tier-badge,
.content.people-page .candidate-profile-shortcut {
  min-height: 29px !important;
}

.content.people-page .candidate-expand-indicator {
  justify-self: end !important;
  width: 30px !important;
  height: 30px !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 60px minmax(0, 1fr) !important;
    padding: 12px !important;
  }

  .content.people-page .candidate-summary-intel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.people-page .candidate-summary-title h3 {
    font-size: clamp(18px, 5.3vw, 21px) !important;
  }
}

/* Workforce results V9: quiet final scale pass. */
.content.people-page .candidate-database-header h2 {
  font-size: clamp(28px, 6.3vw, 34px) !important;
  line-height: 1 !important;
}

.content.people-page .agency-candidate-results-header strong {
  max-width: none !important;
  font-size: clamp(21px, 5vw, 26px) !important;
  line-height: 1.04 !important;
}

.content.people-page .agency-candidate-results-header em {
  padding: 8px 12px !important;
  font-size: 11px !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(18px, 4.25vw, 21px) !important;
  line-height: 1.05 !important;
}

.content.people-page .candidate-summary-title p {
  font-size: 11px !important;
}

.content.people-page .candidate-summary-intel strong {
  font-size: 9px !important;
}

/* Jobs Command V2: quieter executive operations surface and actionable activity drilldowns. */
.jobs-ops-overview-card {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(94, 234, 212, 0.13), transparent 30%),
    radial-gradient(circle at 12% 0%, rgba(96, 165, 250, 0.14), transparent 35%),
    linear-gradient(145deg, #07182f, #112f7a 58%, #4f46e5) !important;
  box-shadow: 0 22px 46px rgba(7, 24, 47, 0.2) !important;
}

.jobs-ops-heading h2 {
  font-size: clamp(19px, 4.6vw, 24px) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.jobs-ops-heading span,
.jobs-ops-section-heading span {
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

.jobs-ops-heading em {
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.jobs-ops-overview-card .jobs-control-primary-actions button {
  min-height: 50px !important;
  border-radius: 18px !important;
  font-weight: 760 !important;
}

.jobs-ops-kpi-card {
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

.jobs-ops-kpi-card span {
  font-weight: 680 !important;
}

.jobs-ops-kpi-card strong {
  font-size: 19px !important;
  font-weight: 760 !important;
}

.jobs-ops-kpi-card small {
  font-weight: 640 !important;
}

.jobs-ops-section {
  border-color: rgba(157, 181, 212, 0.28) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
    #fff !important;
  box-shadow: 0 14px 32px rgba(16, 30, 52, 0.055) !important;
}

.jobs-ops-section-heading strong {
  color: #13745e !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.jobs-performance-grid button {
  min-height: 92px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "icon value"
    "label label"
    "detail detail" !important;
  align-content: center !important;
  align-items: center !important;
  gap: 4px 9px !important;
  padding: 10px !important;
  border-color: rgba(157, 181, 212, 0.28) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(31, 132, 229, 0.055), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(249,251,255,0.94)) !important;
  box-shadow: 0 10px 24px rgba(16, 30, 52, 0.045) !important;
}

.jobs-performance-grid i {
  grid-area: icon !important;
  background: rgba(238, 246, 255, 0.82) !important;
}

.jobs-performance-grid strong {
  grid-area: value !important;
  color: #0d2039 !important;
  font-size: 22px !important;
  justify-self: start !important;
  font-weight: 760 !important;
}

.jobs-performance-grid span {
  grid-area: label !important;
  color: #0d2039 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
}

.jobs-performance-grid small {
  grid-area: detail !important;
  color: #68768a !important;
  font-size: 10px !important;
  line-height: 1.12 !important;
  font-weight: 620 !important;
}

.jobs-activity-detail-panel {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(157, 181, 212, 0.30);
  border-radius: 24px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(20, 184, 166, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(247,251,255,0.95));
  box-shadow: 0 16px 34px rgba(16, 30, 52, 0.06);
}

.jobs-activity-detail-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.jobs-activity-detail-head button {
  min-width: 0;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(157, 181, 212, 0.32);
  border-radius: 999px;
  padding: 0 10px;
  color: #17375f;
  background: rgba(248, 251, 255, 0.86);
  font-size: 10px;
  font-weight: 760;
}

.jobs-activity-detail-head svg {
  width: 13px;
  height: 13px;
}

.jobs-activity-detail-head span {
  display: block;
  color: #7a8798;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.jobs-activity-detail-head strong {
  display: block;
  margin-top: 2px;
  color: #0d2039;
  font-size: 15px;
  line-height: 1.12;
  font-weight: 760;
}

.jobs-pending-offer-list {
  display: grid;
  gap: 8px;
}

.jobs-pending-offer-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 10px;
  border: 1px solid rgba(157, 181, 212, 0.26);
  border-radius: 17px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.78);
}

.jobs-pending-offer-list strong {
  color: #0d2039;
  font-size: 13px;
  font-weight: 760;
}

.jobs-pending-offer-list span,
.jobs-pending-offer-list small {
  color: #68768a;
  font-size: 10px;
  line-height: 1.22;
  font-weight: 620;
}

.jobs-pending-offer-list small {
  grid-column: 1 / -1;
}

.jobs-pending-offer-list em {
  align-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  color: #17375f;
  background: #eef6ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 760;
}

.jobs-next-shift-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(17, 74, 142, 0.12);
  border-radius: 20px;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0, rgba(79, 70, 229, 0.08), transparent 34%),
    rgba(255,255,255,0.82);
}

.jobs-next-shift-card > div:first-child {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.jobs-next-shift-card > div:first-child > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #1238b6;
  background: #eef6ff;
}

.jobs-next-shift-card svg {
  width: 16px;
  height: 16px;
}

.jobs-next-shift-card strong {
  color: #0d2039;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 760;
}

.jobs-next-shift-card small {
  color: #68768a;
  font-size: 10.5px;
  line-height: 1.22;
  font-weight: 620;
}

.jobs-next-shift-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.jobs-next-shift-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(157, 181, 212, 0.28);
  border-radius: 15px;
  padding: 9px;
  background: rgba(248, 251, 255, 0.8);
}

.jobs-next-shift-grid strong {
  font-size: 13px;
}

.jobs-next-shift-grid small {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.jobs-activity-detail-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.jobs-activity-detail-actions button {
  min-height: 42px;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(18, 56, 182, 0.14);
  border-radius: 15px;
  color: #1238b6;
  background: rgba(238, 246, 255, 0.78);
  font-size: 10.5px;
  font-weight: 780;
}

.jobs-activity-detail-actions svg {
  width: 14px;
  height: 14px;
}

/* Workforce results V10: private-client candidate dossier finish. */
.content.people-page .agency-candidate-results-header {
  align-items: end !important;
  padding: 0 6px 8px !important;
}

.content.people-page .agency-candidate-results-header span {
  color: #7a8798 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
}

.content.people-page .agency-candidate-results-header strong {
  color: #0b1d35 !important;
  font-size: clamp(18px, 4.35vw, 22px) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.content.people-page .agency-candidate-results-header em {
  border-color: rgba(16, 121, 95, 0.14) !important;
  background: linear-gradient(145deg, rgba(236, 253, 245, 0.9), rgba(247, 252, 255, 0.96)) !important;
  color: #13745e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.content.people-page .candidate-result-card {
  border: 1px solid rgba(157, 181, 212, 0.34) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)),
    #fff !important;
  box-shadow: 0 14px 32px rgba(16, 30, 52, 0.06) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 13px 13px 14px !important;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #edf6ff, #f7fbff) !important;
  color: #183e73 !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

.content.people-page .candidate-result-summary .candidate-avatar i {
  width: 10px !important;
  height: 10px !important;
  right: -2px !important;
  bottom: 5px !important;
}

.content.people-page .candidate-avatar-rail {
  gap: 7px !important;
}

.content.people-page .candidate-rail-match {
  min-height: 36px !important;
  border-color: rgba(157, 181, 212, 0.36) !important;
  background: rgba(248, 251, 255, 0.72) !important;
}

.content.people-page .candidate-rail-match strong {
  color: #0f2948 !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

.content.people-page .candidate-rail-match small,
.content.people-page .candidate-summary-highlights small,
.content.people-page .candidate-summary-intel small {
  color: #7a8798 !important;
  font-weight: 720 !important;
}

.content.people-page .candidate-rail-status {
  min-height: 24px !important;
  background: rgba(235, 250, 244, 0.82) !important;
  color: #0f765f !important;
  font-size: 8px !important;
  font-weight: 780 !important;
}

.content.people-page .candidate-summary-title h3 {
  color: #0d2039 !important;
  font-size: clamp(16px, 3.85vw, 19px) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.content.people-page .candidate-summary-title p {
  color: #68768a !important;
  font-size: 10.5px !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.content.people-page .candidate-summary-highlights span {
  min-height: 39px !important;
  border-color: rgba(157, 181, 212, 0.32) !important;
  background: rgba(248, 251, 255, 0.74) !important;
  padding: 7px 6px !important;
  box-shadow: none !important;
}

.content.people-page .candidate-summary-highlights strong {
  color: #0d2039 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-summary-intel {
  gap: 6px !important;
}

.content.people-page .candidate-summary-intel span {
  min-height: 35px !important;
  border-color: rgba(157, 181, 212, 0.28) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  padding: 6px 6px !important;
  box-shadow: none !important;
}

.content.people-page .candidate-summary-intel strong {
  color: #18304e !important;
  font-size: 8.75px !important;
  font-weight: 720 !important;
}

.content.people-page .candidate-tier-badge,
.content.people-page .candidate-profile-shortcut {
  border-color: rgba(157, 181, 212, 0.34) !important;
  background: rgba(248, 251, 255, 0.82) !important;
  color: #16345a !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

.content.people-page .candidate-tier-badge strong {
  font-weight: 780 !important;
}

.content.people-page .candidate-expand-indicator {
  background: rgba(238, 246, 255, 0.82) !important;
  color: #2762d5 !important;
  box-shadow: none !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-summary-highlights,
  .content.people-page .candidate-summary-intel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Workforce filters V11 final cascade locks */
.content.people-page .candidate-database-header h2,
.content.people-page .agency-search-command-panel .candidate-database-header h2 {
  font-size: clamp(24px, 5vw, 30px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 850 !important;
}

/* Final luxury lock: keep workforce search typography calm and premium. */
.content.people-page .workforce-match-search .agency-search-command-panel .candidate-database-header h2 {
  margin: 3px 0 4px !important;
  color: #0b1d35 !important;
  font-size: 22px !important;
  font-weight: 760 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .candidate-database-header p {
  max-width: 360px !important;
  color: #66758b !important;
  font-size: 11.5px !important;
  font-weight: 640 !important;
  line-height: 1.25 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .candidate-live-stats strong {
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel .people-search.searchbar input {
  font-size: 13px !important;
  font-weight: 650 !important;
}

/* Post New Job V2: luxury agency composer polish */
.post-job-page {
  --composer-ink: #07182f;
  --composer-muted: #66758b;
  --composer-line: rgba(178, 199, 226, 0.58);
  --composer-blue: #155fce;
  --composer-navy: #08244a;
  padding-inline: 4px !important;
  padding-bottom: 116px !important;
}

.luxury-job-composer {
  position: relative;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 4px 0 !important;
  background:
    linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(237, 245, 255, 0.9) 52%, rgba(255, 255, 255, 0.96)) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.luxury-job-composer .job-flow-topbar {
  min-height: 48px !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 2px 2px 0 !important;
}

.luxury-job-composer .job-flow-topbar h2 {
  color: var(--composer-ink) !important;
  font-size: 17px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

.luxury-job-composer .job-flow-topbar small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--composer-muted) !important;
  font-size: 10.5px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.luxury-job-composer .job-back-button {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(8, 36, 74, 0.1) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--composer-navy) !important;
  box-shadow: 0 10px 22px rgba(12, 31, 60, 0.06) !important;
}

.luxury-job-composer .job-helper-pill {
  min-height: 38px !important;
  border: 1px solid rgba(24, 89, 190, 0.12) !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: #164fb8 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  box-shadow: 0 10px 24px rgba(24, 89, 190, 0.07) !important;
  white-space: nowrap !important;
}

.luxury-job-composer .job-post-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
  padding: 15px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, #061a36 0%, #123c82 58%, #5146d9 100%) !important;
  box-shadow:
    0 22px 48px rgba(18, 60, 130, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.luxury-job-composer .job-post-hero-card > div:first-child {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

.luxury-job-composer .job-post-hero-card span {
  color: rgba(226, 235, 252, 0.78) !important;
  font-size: 8.5px !important;
  font-weight: 820 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.luxury-job-composer .job-post-hero-card strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(20px, 4.6vw, 25px) !important;
  font-weight: 730 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.luxury-job-composer .job-post-hero-card small {
  display: block !important;
  color: rgba(235, 242, 255, 0.8) !important;
  font-size: 10.5px !important;
  font-weight: 640 !important;
  line-height: 1.3 !important;
}

.job-hero-metric-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.job-hero-metric-strip span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  align-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 9px 8px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.job-hero-metric-strip strong {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.luxury-job-composer .job-hero-metric-strip strong {
  font-size: 17px !important;
  font-weight: 720 !important;
  line-height: 1.05 !important;
}

.job-hero-metric-strip small {
  color: rgba(226, 235, 252, 0.68) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.luxury-job-composer .job-hero-metric-strip small {
  font-size: 8px !important;
  font-weight: 700 !important;
}

.luxury-job-composer .premium-job-stepper {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--composer-line) !important;
  border-radius: 22px !important;
  padding: 10px 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 32px rgba(12, 31, 60, 0.06) !important;
}

.luxury-job-composer .premium-job-stepper::before {
  top: 31px !important;
  left: 14% !important;
  right: 14% !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(21, 95, 206, 0.24), rgba(9, 36, 74, 0.08)) !important;
}

.luxury-job-composer .premium-job-stepper button {
  min-height: 56px !important;
  gap: 6px !important;
}

.luxury-job-composer .premium-job-stepper span {
  width: 38px !important;
  height: 38px !important;
  border: 5px solid #fff !important;
  border-radius: 999px !important;
  background: #e8eef7 !important;
  color: #637289 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  box-shadow: 0 8px 18px rgba(15, 36, 66, 0.1) !important;
}

.luxury-job-composer .premium-job-stepper button.active span,
.luxury-job-composer .premium-job-stepper button.completed span {
  background: linear-gradient(135deg, #0e5fd0, #2c8be8) !important;
  color: #fff !important;
}

.luxury-job-composer .premium-job-stepper strong {
  color: #66758b !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

.luxury-job-composer .premium-job-stepper button.active strong {
  color: #1459c4 !important;
}

.luxury-job-composer #job-flow-form {
  display: grid !important;
  gap: 12px !important;
}

.luxury-job-composer .job-step-body {
  padding: 0 0 84px !important;
  gap: 12px !important;
}

.luxury-job-composer .premium-job-section,
.luxury-job-composer .job-recruitment-preview,
.luxury-job-composer .schedule-builder-route-card {
  width: 100% !important;
  margin-inline: 0 !important;
  border: 1px solid var(--composer-line) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.92)) !important;
  box-shadow:
    0 18px 42px rgba(12, 31, 60, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  overflow: hidden !important;
}

.luxury-job-composer .premium-job-section {
  padding: 0 !important;
}

.luxury-job-composer .premium-job-section-heading {
  padding: 16px 14px 0 !important;
}

.luxury-job-composer .premium-job-section-heading h3 {
  margin: 0 !important;
  color: var(--composer-ink) !important;
  font-size: clamp(20px, 4.6vw, 24px) !important;
  font-weight: 770 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.luxury-job-composer .premium-job-section-heading p {
  margin: 7px 0 0 !important;
  color: var(--composer-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.luxury-job-composer .premium-job-section-body {
  display: grid !important;
  gap: 12px !important;
  padding: 14px 14px 16px !important;
}

.luxury-job-composer .premium-job-section .field {
  gap: 8px !important;
}

.luxury-job-composer .premium-job-section .field > span,
.luxury-job-composer .job-subsector-field > span {
  color: #39475d !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

.luxury-job-composer .input-shell,
.luxury-job-composer .premium-job-section .field textarea,
.luxury-job-composer .job-sector-selector > summary,
.luxury-job-composer .job-subsector-field select {
  min-height: 52px !important;
  border: 1px solid rgba(178, 199, 226, 0.72) !important;
  border-radius: 17px !important;
  background: rgba(250, 253, 255, 0.88) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.luxury-job-composer .field .input-shell input,
.luxury-job-composer .field .input-shell select,
.luxury-job-composer .premium-job-section .field textarea {
  color: var(--composer-ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
}

.luxury-job-composer .premium-job-section .field textarea {
  min-height: 118px !important;
  padding: 15px !important;
  resize: vertical !important;
}

.luxury-job-composer .input-shell i,
.luxury-job-composer .input-shell em {
  color: #6f7d91 !important;
  font-size: 13px !important;
}

.luxury-job-composer .two-column-fields,
.luxury-job-composer .recruitment-field-grid {
  gap: 9px !important;
}

.luxury-job-composer .recruitment-choice-grid,
.luxury-job-composer .candidate-pattern-grid,
.luxury-job-composer .employment-hours-grid,
.luxury-job-composer .workforce-preference-grid,
.luxury-job-composer .job-pay-option-grid {
  gap: 8px !important;
}

.luxury-job-composer .recruitment-choice-grid button,
.luxury-job-composer .candidate-pattern-grid button,
.luxury-job-composer .employment-hours-grid button,
.luxury-job-composer .workforce-preference-grid button,
.luxury-job-composer .job-pay-option-grid button,
.luxury-job-composer .certification-chip-grid label,
.luxury-job-composer .certification-chip-grid button,
.luxury-job-composer .job-distance-scale button {
  border: 1px solid rgba(178, 199, 226, 0.66) !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #11233e !important;
  box-shadow: 0 12px 26px rgba(12, 31, 60, 0.045) !important;
}

.luxury-job-composer .recruitment-choice-grid button,
.luxury-job-composer .employment-hours-grid button {
  min-height: 66px !important;
  padding: 11px !important;
}

.luxury-job-composer .recruitment-choice-grid button strong,
.luxury-job-composer .candidate-pattern-grid button strong,
.luxury-job-composer .employment-hours-grid button strong {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
}

.luxury-job-composer .recruitment-choice-grid button small,
.luxury-job-composer .candidate-pattern-grid button small,
.luxury-job-composer .employment-hours-grid button small {
  color: #6f7d91 !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

.luxury-job-composer .recruitment-choice-grid button.active,
.luxury-job-composer .candidate-pattern-grid button.active,
.luxury-job-composer .employment-hours-grid button.active,
.luxury-job-composer .workforce-preference-grid button.active,
.luxury-job-composer .job-pay-option-grid button.active,
.luxury-job-composer .job-distance-scale button.active {
  border-color: rgba(21, 95, 206, 0.36) !important;
  background:
    linear-gradient(145deg, rgba(241, 247, 255, 0.98), rgba(237, 233, 255, 0.92)) !important;
  color: #174cb5 !important;
  box-shadow: 0 14px 30px rgba(22, 89, 190, 0.11), inset 0 0 0 1px rgba(255, 255, 255, 0.84) !important;
}

.luxury-job-composer .weekly-hours-selector,
.luxury-job-composer .job-distance-summary {
  border: 1px solid rgba(178, 199, 226, 0.56) !important;
  border-radius: 21px !important;
  padding: 14px !important;
  background:
    linear-gradient(145deg, rgba(247, 251, 255, 0.96), rgba(244, 247, 252, 0.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.luxury-job-composer .weekly-hours-heading strong,
.luxury-job-composer .job-distance-summary strong {
  color: var(--composer-ink) !important;
  font-size: 14px !important;
  font-weight: 770 !important;
}

.luxury-job-composer .weekly-hours-heading small,
.luxury-job-composer .job-distance-summary span,
.luxury-job-composer .job-distance-summary small,
.luxury-job-composer .hours-consistency-note {
  color: var(--composer-muted) !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

.luxury-job-composer .weekly-hours-heading > span,
.luxury-job-composer .job-distance-summary strong {
  color: #164fb8 !important;
}

.luxury-job-composer .recruitment-hour-grid button {
  min-height: 56px !important;
  border-radius: 15px !important;
}

.luxury-job-composer .job-sector-selected-icon {
  width: 37px !important;
  height: 37px !important;
  border-radius: 13px !important;
  background: rgba(232, 241, 255, 0.92) !important;
  font-size: 15px !important;
}

.luxury-job-composer .job-sector-selector > summary {
  grid-template-columns: 37px minmax(0, 1fr) 18px !important;
  padding: 0 13px !important;
}

.luxury-job-composer .job-sector-selector > summary strong {
  color: #3e4d63 !important;
  font-size: 13px !important;
  font-weight: 790 !important;
  letter-spacing: 0.11em !important;
}

.luxury-job-composer .job-sector-selector > summary small {
  display: none !important;
}

.luxury-job-composer .job-sector-popover {
  border-color: rgba(178, 199, 226, 0.72) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 24px 46px rgba(12, 31, 60, 0.14) !important;
}

.luxury-job-composer .job-recruitment-intelligence,
.luxury-job-composer .job-publish-intelligence-card {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 24px !important;
  padding: 16px !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, #061a36 0%, #113976 58%, #5046c8 100%) !important;
  box-shadow: 0 22px 48px rgba(12, 31, 74, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

.luxury-job-composer .job-recruitment-intelligence > div:first-child,
.luxury-job-composer .job-publish-intelligence-card > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.luxury-job-composer .job-recruitment-intelligence > div:first-child span,
.luxury-job-composer .job-publish-intelligence-card > div:first-child span {
  color: rgba(226, 235, 252, 0.74) !important;
  font-size: 9.5px !important;
  font-weight: 820 !important;
  letter-spacing: 0.12em !important;
}

.luxury-job-composer .job-recruitment-intelligence > div:first-child strong,
.luxury-job-composer .job-publish-intelligence-card > div:first-child strong {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.luxury-job-composer .job-recruitment-intelligence-grid,
.luxury-job-composer .job-publish-metrics {
  gap: 8px !important;
}

.luxury-job-composer .job-recruitment-intelligence-grid span,
.luxury-job-composer .job-publish-metrics span {
  min-height: 68px !important;
  border-radius: 17px !important;
  padding: 11px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.luxury-job-composer .job-recruitment-intelligence-grid strong,
.luxury-job-composer .job-publish-metrics strong {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 770 !important;
}

.luxury-job-composer .job-recruitment-intelligence-grid small,
.luxury-job-composer .job-publish-metrics small {
  color: rgba(226, 235, 252, 0.74) !important;
  font-size: 10px !important;
  font-weight: 640 !important;
}

.luxury-job-composer .job-recruitment-preview {
  padding: 16px !important;
}

.luxury-job-composer .job-recruitment-preview-heading span,
.luxury-job-composer .job-recruitment-preview-heading em {
  color: #68768b !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.luxury-job-composer .job-recruitment-preview h3 {
  margin: 12px 0 5px !important;
  color: var(--composer-ink) !important;
  font-size: 19px !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

.luxury-job-composer .job-recruitment-preview > strong {
  color: #1459c4 !important;
  font-size: 17px !important;
  font-weight: 760 !important;
}

.luxury-job-composer .job-recruitment-preview-tags span {
  background: rgba(236, 242, 251, 0.92) !important;
  color: #3c4d64 !important;
  font-size: 10px !important;
  font-weight: 680 !important;
}

.luxury-job-composer .job-brief-composer {
  display: grid !important;
  gap: 12px !important;
}

.luxury-job-composer .job-brief-command {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  border: 1px solid rgba(178, 199, 226, 0.58) !important;
  border-radius: 18px !important;
  padding: 11px !important;
  background:
    linear-gradient(145deg, rgba(247, 251, 255, 0.98), rgba(238, 244, 253, 0.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.luxury-job-composer .job-brief-command > span {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #155fce !important;
  background: rgba(232, 241, 255, 0.95) !important;
}

.luxury-job-composer .job-brief-command svg {
  width: 18px !important;
  height: 18px !important;
}

.luxury-job-composer .job-brief-command strong {
  color: var(--composer-ink) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
}

.luxury-job-composer .job-brief-command small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--composer-muted) !important;
  font-size: 10.5px !important;
  font-weight: 640 !important;
  line-height: 1.25 !important;
}

.luxury-job-composer .job-brief-composer textarea {
  min-height: 132px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(180deg, rgba(252, 254, 255, 0.96), rgba(246, 250, 255, 0.92)) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

.luxury-job-composer .job-brief-signal-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.luxury-job-composer .job-brief-signal-row span {
  border: 1px solid rgba(178, 199, 226, 0.58) !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  color: #4a5b72 !important;
  background: rgba(245, 249, 255, 0.9) !important;
  font-size: 9.5px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

.luxury-job-composer .job-assist-button {
  min-height: 48px !important;
  border-radius: 17px !important;
  border-color: rgba(8, 24, 47, 0.22) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.9)) !important;
  color: #08244a !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.luxury-job-composer .certification-chip-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.luxury-job-composer .certification-chip-grid label,
.luxury-job-composer .certification-chip-grid button {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 13px !important;
  color: #11233e !important;
  font-size: 11.5px !important;
  font-weight: 740 !important;
}

.luxury-job-composer .job-custom-requirement-list button {
  border-color: rgba(178, 199, 226, 0.66) !important;
  background: rgba(248, 251, 255, 0.9) !important;
  font-size: 10.5px !important;
}

.luxury-job-composer .job-distance-slider {
  height: 6px !important;
  accent-color: #155fce !important;
}

.luxury-job-composer .job-publish-progress {
  height: 7px !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

.luxury-job-composer .job-publish-progress i {
  background: linear-gradient(90deg, #5ee0bd, #9df3d5) !important;
}

.luxury-job-composer .premium-review-list {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.luxury-job-composer .review-item {
  min-height: 70px !important;
  grid-template-columns: 34px minmax(0, 1fr) 26px !important;
  gap: 12px !important;
  border: 1px solid var(--composer-line) !important;
  border-radius: 20px !important;
  padding: 13px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 14px 30px rgba(12, 31, 60, 0.06) !important;
}

.luxury-job-composer .review-item > svg,
.luxury-job-composer .review-item > span:first-child {
  color: #1572db !important;
}

.luxury-job-composer .review-item i {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 13px !important;
  color: #1572db !important;
  background: rgba(235, 244, 255, 0.92) !important;
}

.luxury-job-composer .review-item i svg {
  width: 17px !important;
  height: 17px !important;
}

.luxury-job-composer .review-item span:not(:first-child) {
  color: #68768b !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.luxury-job-composer .review-item strong {
  color: var(--composer-ink) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
}

.luxury-job-composer .job-flow-actions {
  position: fixed !important;
  z-index: 35 !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: min(100%, 390px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 12px 13px calc(14px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(178, 199, 226, 0.56) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 -18px 42px rgba(12, 31, 60, 0.12) !important;
  backdrop-filter: blur(18px) !important;
}

.luxury-job-composer .job-flow-actions.three-actions {
  grid-template-columns: 0.74fr 0.96fr 1.12fr !important;
}

.luxury-job-composer .job-flow-actions > button {
  min-width: 0 !important;
  min-height: 48px !important;
  border-radius: 17px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.luxury-job-composer .job-flow-actions .button {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0f66e8, #104fd0) !important;
  box-shadow: 0 14px 30px rgba(15, 102, 232, 0.22) !important;
}

.luxury-job-composer .job-flow-actions .ghost-button {
  border: 1px solid rgba(8, 24, 47, 0.82) !important;
  color: var(--composer-ink) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
}

@media (max-width: 370px) {
  .content.post-job-page,
  .post-job-page {
    padding-inline: 4px !important;
  }

  .luxury-job-composer {
    padding: 8px 4px 0 !important;
    border-radius: 0 !important;
  }

  .job-hero-metric-strip,
  .luxury-job-composer .recruitment-choice-grid.three,
  .luxury-job-composer .employment-hours-grid,
  .luxury-job-composer .job-recruitment-intelligence-grid,
  .luxury-job-composer .job-publish-metrics {
    grid-template-columns: 1fr !important;
  }

  .luxury-job-composer .two-column-fields,
  .luxury-job-composer .recruitment-field-grid {
    grid-template-columns: 1fr !important;
  }

  .luxury-job-composer .job-flow-actions.three-actions {
    grid-template-columns: 0.7fr 0.92fr 1.08fr !important;
  }

  .luxury-job-composer .job-flow-actions > button {
    padding-inline: 8px !important;
    font-size: 11px !important;
  }
}

/* Final agency candidate profile polish - must stay at file end */
.agency-candidate-profile-page,
.agency-profile-route {
  padding-inline: 6px !important;
}

.agency-candidate-profile-page .worker-profile-premium,
.agency-profile-route .worker-profile-premium {
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-candidate-profile-page .professional-passport-page,
.agency-profile-route .professional-passport-page {
  gap: 12px !important;
  padding-inline: 0 !important;
}

.agency-candidate-profile-page .professional-passport-hero,
.agency-profile-route .professional-passport-hero {
  border-radius: 24px !important;
  padding: 18px 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(95, 160, 255, 0.32), transparent 34%),
    linear-gradient(135deg, #061c3c 0%, #173f84 54%, #35237d 100%) !important;
}

.agency-candidate-profile-page .professional-passport-hero-main,
.agency-profile-route .professional-passport-hero-main {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: center !important;
}

.agency-candidate-profile-page .professional-passport-photo,
.agency-profile-route .professional-passport-photo {
  width: 68px !important;
  height: 68px !important;
  border-radius: 20px !important;
  font-size: 21px !important;
}

.agency-candidate-profile-page .professional-passport-identity h2,
.agency-profile-route .professional-passport-identity h2 {
  font-size: clamp(25px, 5.6vw, 30px) !important;
  line-height: 1.02 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.agency-candidate-profile-page .professional-passport-identity p,
.agency-profile-route .professional-passport-identity p {
  margin-top: 5px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 620 !important;
}

.agency-candidate-profile-page .professional-passport-score,
.agency-profile-route .professional-passport-score {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  border-radius: 18px !important;
  padding: 10px 13px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.agency-candidate-profile-page .professional-passport-score strong,
.agency-profile-route .professional-passport-score strong {
  font-size: 32px !important;
  line-height: 0.95 !important;
  font-weight: 790 !important;
}

.agency-candidate-profile-page .professional-passport-score span,
.agency-profile-route .professional-passport-score span {
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.09em !important;
}

.agency-candidate-profile-page .professional-passport-score small,
.agency-profile-route .professional-passport-score small {
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.agency-candidate-profile-page .career-passport-verified-strip,
.agency-profile-route .career-passport-verified-strip {
  grid-template-columns: minmax(0, 1fr) auto !important;
  border-radius: 18px !important;
  padding: 10px 12px !important;
}

.agency-candidate-profile-page .professional-passport-meta,
.agency-profile-route .professional-passport-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-candidate-profile-page .professional-passport-meta span,
.agency-profile-route .professional-passport-meta span {
  min-height: 54px !important;
  border-radius: 16px !important;
  padding: 9px !important;
}

.agency-candidate-profile-page .professional-passport-meta strong,
.agency-profile-route .professional-passport-meta strong {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.agency-candidate-profile-page .professional-passport-actions,
.agency-profile-route .professional-passport-actions {
  display: none !important;
}

.agency-candidate-profile-page .professional-passport-panel,
.agency-profile-route .professional-passport-panel,
.agency-candidate-profile-page .agency-compliance-profile .profile-section-card,
.agency-profile-route .agency-compliance-profile .profile-section-card {
  border-radius: 22px !important;
  padding: 15px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(92, 139, 255, 0.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(248,251,255,0.92)) !important;
  box-shadow: 0 16px 36px rgba(11, 34, 69, 0.07) !important;
}

.agency-candidate-profile-page .professional-passport-section-head,
.agency-profile-route .professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.agency-candidate-profile-page .professional-passport-section-head h3,
.agency-profile-route .professional-passport-section-head h3 {
  font-size: clamp(18px, 4.3vw, 22px) !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.agency-candidate-profile-page .professional-passport-section-head p,
.agency-profile-route .professional-passport-section-head p {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.agency-candidate-profile-page .agency-confidence,
.agency-profile-route .agency-confidence {
  color: #fff !important;
  background:
    radial-gradient(circle at 0 0, rgba(98, 230, 190, 0.18), transparent 31%),
    linear-gradient(135deg, #071b37 0%, #153f87 55%, #4536b1 100%) !important;
}

.agency-candidate-profile-page .agency-confidence .professional-passport-section-head span,
.agency-profile-route .agency-confidence .professional-passport-section-head span,
.agency-candidate-profile-page .agency-confidence .professional-passport-section-head p,
.agency-profile-route .agency-confidence .professional-passport-section-head p {
  color: rgba(230, 240, 255, 0.76) !important;
}

.agency-candidate-profile-page .agency-confidence .professional-passport-section-head h3,
.agency-profile-route .agency-confidence .professional-passport-section-head h3 {
  color: #fff !important;
}

.agency-candidate-profile-page .agency-confidence .professional-passport-section-head > em,
.agency-profile-route .agency-confidence .professional-passport-section-head > em {
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(116, 226, 189, 0.42) !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  color: #d9fff4 !important;
  background: rgba(18, 121, 98, 0.28) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.agency-confidence-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 13px 0 10px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.1);
}

.agency-confidence-summary strong {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-weight: 790;
}

.agency-confidence-summary small {
  display: block;
  color: rgba(226, 236, 250, 0.65);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.agency-confidence-summary b {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: 13px;
  line-height: 1.16;
  font-weight: 720;
}

.agency-candidate-profile-page .agency-confidence-grid,
.agency-profile-route .agency-confidence-grid,
.agency-candidate-profile-page .professional-record-grid,
.agency-profile-route .professional-record-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-candidate-profile-page .agency-confidence-grid article,
.agency-profile-route .agency-confidence-grid article {
  min-height: 68px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.09) !important;
}

.agency-candidate-profile-page .agency-confidence-grid small,
.agency-profile-route .agency-confidence-grid small {
  color: rgba(226, 236, 250, 0.66) !important;
  font-size: 9px !important;
}

.agency-candidate-profile-page .agency-confidence-grid strong,
.agency-profile-route .agency-confidence-grid strong {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
}

.agency-candidate-profile-page .agency-confidence-grid em,
.agency-profile-route .agency-confidence-grid em {
  color: rgba(226, 236, 250, 0.62) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.agency-candidate-profile-page .agency-summary-panel .professional-record-grid article,
.agency-profile-route .agency-summary-panel .professional-record-grid article {
  min-height: 66px !important;
  border-radius: 17px !important;
  padding: 11px !important;
  background: rgba(255,255,255,0.78) !important;
}

.agency-candidate-profile-page .agency-summary-panel .professional-record-grid strong,
.agency-profile-route .agency-summary-panel .professional-record-grid strong {
  font-size: 14px !important;
  line-height: 1.14 !important;
  font-weight: 740 !important;
}

.agency-candidate-profile-page .agency-trust-compact,
.agency-profile-route .agency-trust-compact {
  color: #fff !important;
  background:
    radial-gradient(circle at 100% 0, rgba(93, 104, 252, 0.22), transparent 34%),
    linear-gradient(135deg, #071b37 0%, #123f72 56%, #1d355f 100%) !important;
}

.agency-candidate-profile-page .agency-trust-compact *,
.agency-profile-route .agency-trust-compact * {
  color: inherit !important;
}

.agency-candidate-profile-page .agency-trust-compact-head,
.agency-profile-route .agency-trust-compact-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.agency-candidate-profile-page .agency-trust-compact-head span,
.agency-profile-route .agency-trust-compact-head span {
  color: rgba(226, 236, 250, 0.7) !important;
}

.agency-candidate-profile-page .agency-trust-compact-head h3,
.agency-profile-route .agency-trust-compact-head h3 {
  color: #fff !important;
  font-size: 18px !important;
}

.agency-candidate-profile-page .agency-trust-compact-head p,
.agency-profile-route .agency-trust-compact-head p {
  color: rgba(226, 236, 250, 0.72) !important;
}

.agency-candidate-profile-page .agency-trust-compact-head em,
.agency-profile-route .agency-trust-compact-head em {
  color: #d9fff4 !important;
  background: rgba(23, 132, 102, 0.38) !important;
}

.agency-candidate-profile-page .agency-trust-strip,
.agency-profile-route .agency-trust-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.agency-candidate-profile-page .agency-trust-strip span,
.agency-profile-route .agency-trust-strip span {
  border-color: rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.09) !important;
}

.agency-candidate-profile-page .agency-trust-strip small,
.agency-profile-route .agency-trust-strip small {
  color: rgba(226,236,250,0.63) !important;
  font-size: 8.5px !important;
}

.agency-candidate-profile-page .agency-trust-strip strong,
.agency-profile-route .agency-trust-strip strong {
  color: #fff !important;
  font-size: 10.5px !important;
}

.agency-candidate-profile-page .career-achievement-summary,
.agency-profile-route .career-achievement-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-candidate-profile-page .career-achievement-summary span,
.agency-profile-route .career-achievement-summary span {
  min-height: 62px !important;
  border-radius: 16px !important;
  padding: 9px !important;
}

.agency-candidate-profile-page .career-achievement-summary strong,
.agency-profile-route .career-achievement-summary strong {
  font-size: clamp(18px, 4vw, 22px) !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

.agency-candidate-profile-page .career-achievement-summary small,
.agency-profile-route .career-achievement-summary small,
.agency-candidate-profile-page .career-achievement-summary em,
.agency-profile-route .career-achievement-summary em {
  font-size: 8.5px !important;
  line-height: 1.12 !important;
}

.agency-candidate-profile-page .achievement-row,
.agency-profile-route .achievement-row {
  min-height: 72px !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  border-radius: 18px !important;
  padding: 11px !important;
}

.agency-candidate-profile-page .achievement-title,
.agency-profile-route .achievement-title {
  font-size: 14px !important;
  line-height: 1.12 !important;
  font-weight: 730 !important;
}

.agency-candidate-profile-page .achievement-description,
.agency-profile-route .achievement-description {
  font-size: 11px !important;
  line-height: 1.28 !important;
  font-weight: 590 !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel,
.agency-profile-route .agency-compliance-profile .booking-confidence-panel {
  color: #fff !important;
  background:
    radial-gradient(circle at 0 0, rgba(88, 230, 188, 0.16), transparent 34%),
    linear-gradient(135deg, #071b37, #173f84 58%, #342d8d) !important;
}

.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel .section-mini-header span,
.agency-profile-route .agency-compliance-profile .booking-confidence-panel .section-mini-header span,
.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel .section-mini-header small,
.agency-profile-route .agency-compliance-profile .booking-confidence-panel .section-mini-header small {
  color: rgba(226, 236, 250, 0.76) !important;
}

.agency-candidate-profile-page .booking-confidence-grid,
.agency-profile-route .booking-confidence-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.agency-candidate-profile-page .booking-confidence-grid span,
.agency-profile-route .booking-confidence-grid span {
  min-width: 0 !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 8px !important;
  row-gap: 2px !important;
  align-content: center !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 17px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.09) !important;
}

.agency-candidate-profile-page .booking-confidence-grid svg,
.agency-profile-route .booking-confidence-grid svg {
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  width: 18px !important;
  height: 18px !important;
  color: #71e0bc !important;
}

.agency-candidate-profile-page .booking-confidence-grid strong,
.agency-profile-route .booking-confidence-grid strong {
  min-width: 0 !important;
  color: #fff !important;
  font-size: 12.5px !important;
  line-height: 1.12 !important;
  font-weight: 730 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.agency-candidate-profile-page .booking-confidence-grid small,
.agency-profile-route .booking-confidence-grid small {
  color: rgba(226, 236, 250, 0.68) !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  font-weight: 590 !important;
}

@media@media (max-width: 430px) {
  .agency-candidate-profile-page .professional-passport-meta,
  .agency-profile-route .professional-passport-meta,
  .agency-candidate-profile-page .agency-trust-strip,
  .agency-profile-route .agency-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .agency-candidate-profile-page .career-achievement-summary,
  .agency-profile-route .career-achievement-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Agency profile contrast repair - keep last */
.content.profile-page-content.agency-profile-route .worker-profile-screen,
.content.profile-page-content.agency-candidate-profile-page .worker-profile-screen {
  color: #0a1e38 !important;
  background: transparent !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page {
  color: #0a1e38 !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-hero {
  color: #ffffff !important;
  border: 1px solid rgba(178, 207, 255, 0.26) !important;
  background:
    radial-gradient(circle at 92% 0, rgba(115, 190, 255, 0.24), transparent 32%),
    linear-gradient(135deg, #061a37 0%, #123b7f 55%, #2f247b 100%) !important;
  box-shadow: 0 20px 44px rgba(8, 30, 70, 0.22) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-topline span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-topline span {
  color: rgba(229, 239, 255, 0.74) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-topline em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-topline em {
  color: #d9fff2 !important;
  border-color: rgba(125, 232, 194, 0.4) !important;
  background: rgba(21, 121, 100, 0.24) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-identity h2,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-identity h2 {
  color: #ffffff !important;
  text-shadow: none !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-identity p,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-identity p {
  color: rgba(229, 239, 255, 0.82) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-photo,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-photo {
  color: #082653 !important;
  background: linear-gradient(180deg, #ffffff, #eaf3ff) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score {
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.13), rgba(105, 142, 255, 0.17)) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score strong,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score span {
  color: #ffffff !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score small {
  color: rgba(229, 239, 255, 0.84) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .career-passport-verified-strip,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .career-passport-verified-strip,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta span {
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.085) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .career-passport-verified-strip span,
.content.profile-page-content.agency-profile-route .career-passport-page .career-passport-verified-strip em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .career-passport-verified-strip span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .career-passport-verified-strip em {
  color: rgba(239, 246, 255, 0.9) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta small {
  color: rgba(229, 239, 255, 0.62) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong {
  color: #ffffff !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact),
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) {
  color: #0a1e38 !important;
  border: 1px solid rgba(178, 204, 232, 0.72) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(70, 124, 220, 0.06), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,251,255,0.95)) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) .professional-passport-section-head span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) .professional-passport-section-head span,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) small {
  color: #66758a !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) h3,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) h3,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) strong {
  color: #0a1e38 !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) p,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) p,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-panel:not(.agency-confidence):not(.agency-trust-compact) em {
  color: #607087 !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence {
  color: #ffffff !important;
  border: 1px solid rgba(116, 226, 189, 0.18) !important;
  background:
    radial-gradient(circle at 0 0, rgba(88, 230, 188, 0.18), transparent 34%),
    radial-gradient(circle at 100% 4%, rgba(95, 119, 255, 0.24), transparent 38%),
    linear-gradient(135deg, #061a37 0%, #123f7d 56%, #342884 100%) !important;
  box-shadow: 0 18px 42px rgba(8, 30, 70, 0.2) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence h3,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence strong,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence b,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence h3,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence b {
  color: #ffffff !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence span,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence p,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence small,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence p,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence em {
  color: rgba(229, 239, 255, 0.75) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence .professional-passport-section-head > em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence .professional-passport-section-head > em {
  color: #d9fff2 !important;
  background: rgba(21, 121, 100, 0.32) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid article,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-summary,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-summary {
  border-color: rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.09) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-summary-panel .professional-record-grid article,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-summary-panel .professional-record-grid article,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-role-list article,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-role-list article,
.content.profile-page-content.agency-profile-route .career-passport-page .career-achievement-summary span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .career-achievement-summary span,
.content.profile-page-content.agency-profile-route .career-passport-page .achievement-row,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .achievement-row {
  color: #0a1e38 !important;
  border: 1px solid rgba(178, 204, 232, 0.7) !important;
  background: rgba(255,255,255,0.82) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact {
  color: #ffffff !important;
  border: 1px solid rgba(116, 226, 189, 0.2) !important;
  background:
    radial-gradient(circle at 0 0, rgba(88, 230, 188, 0.16), transparent 30%),
    linear-gradient(135deg, #061a37 0%, #123c72 58%, #202765 100%) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact h3,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact h3,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact strong {
  color: #ffffff !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact span,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact p,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact p,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact small {
  color: rgba(229, 239, 255, 0.72) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-compact-head em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-compact-head em {
  color: #d9fff2 !important;
  background: rgba(21, 121, 100, 0.32) !important;
}

.content.profile-page-content.agency-profile-route .career-passport-page .agency-trust-strip span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-trust-strip span {
  border-color: rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.09) !important;
}

.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel {
  color: #ffffff !important;
  border: 1px solid rgba(116, 226, 189, 0.18) !important;
  background:
    radial-gradient(circle at 0 0, rgba(88, 230, 188, 0.17), transparent 32%),
    linear-gradient(135deg, #061a37 0%, #123f7d 58%, #342884 100%) !important;
}

.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel h3,
.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel strong,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel h3,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel strong {
  color: #ffffff !important;
}

.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel span,
.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel p,
.content.profile-page-content.agency-profile-route .agency-compliance-profile .booking-confidence-panel small,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel span,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel p,
.content.profile-page-content.agency-candidate-profile-page .agency-compliance-profile .booking-confidence-panel small {
  color: rgba(229, 239, 255, 0.72) !important;
}

/* Agency read-only document outcomes */
.agency-document-outcomes-page {
  padding-inline: 8px !important;
}

.agency-document-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  border: 1px solid rgba(116, 226, 189, 0.18);
  border-radius: 24px;
  padding: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 0 0, rgba(88, 230, 188, 0.17), transparent 32%),
    radial-gradient(circle at 100% 0, rgba(90, 128, 255, 0.24), transparent 36%),
    linear-gradient(135deg, #061a37 0%, #123f7d 58%, #342884 100%);
  box-shadow: 0 18px 42px rgba(8, 30, 70, 0.2);
}

.agency-document-hero .compact-back-button {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 42px;
  border-color: rgba(255,255,255,0.18);
  color: #eaf3ff;
  background: rgba(255,255,255,0.1);
}

.agency-document-hero-copy .eyebrow,
.agency-document-hero-copy span {
  color: rgba(229, 239, 255, 0.76);
}

.agency-document-hero-copy h2 {
  margin: 4px 0 6px;
  color: #fff;
  font-size: clamp(24px, 5.8vw, 30px);
  line-height: 1.02;
  letter-spacing: 0;
}

.agency-document-hero > em {
  border: 1px solid rgba(116, 226, 189, 0.36);
  border-radius: 999px;
  padding: 8px 10px;
  color: #d9fff2;
  background: rgba(21, 121, 100, 0.3);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.agency-document-summary,
.agency-document-library,
.agency-document-audit {
  border: 1px solid rgba(178, 204, 232, 0.72) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(70, 124, 220, 0.06), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,251,255,0.95)) !important;
  box-shadow: 0 16px 36px rgba(11, 34, 69, 0.07) !important;
}

.agency-document-scoreline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.agency-document-scoreline article {
  min-width: 0;
  border: 1px solid rgba(191, 211, 232, 0.78);
  border-radius: 17px;
  padding: 11px 10px;
  background: rgba(255,255,255,0.78);
}

.agency-document-scoreline small,
.agency-document-outcome-list small,
.agency-document-audit-list small {
  display: block;
  color: #64738a;
  font-size: 10px;
  line-height: 1.18;
  font-weight: 750;
}

.agency-document-scoreline strong {
  display: block;
  margin-top: 4px;
  color: #0a1e38;
  font-size: clamp(18px, 4.3vw, 22px);
  line-height: 1;
  font-weight: 780;
}

.agency-document-scoreline span {
  display: block;
  margin-top: 3px;
  color: #0d765b;
  font-size: 10px;
  line-height: 1.1;
  font-weight: 760;
}

.agency-document-outcome-list,
.agency-document-audit-list {
  display: grid;
  gap: 10px;
}

.agency-document-outcome-list article,
.agency-document-audit-list article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(191, 211, 232, 0.78);
  border-radius: 18px;
  padding: 11px;
  background: rgba(255,255,255,0.84);
}

.agency-document-outcome-list i,
.agency-document-audit-list i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1459d9;
  background: #eaf3ff;
}

.agency-document-outcome-list svg,
.agency-document-audit-list svg {
  width: 20px;
  height: 20px;
}

.agency-document-outcome-list strong,
.agency-document-audit-list strong {
  display: block;
  color: #0a1e38;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 760;
}

.agency-document-outcome-list em {
  display: block;
  margin-top: 4px;
  color: #7a8799;
  font-size: 10px;
  line-height: 1.15;
  font-style: normal;
  font-weight: 700;
}

.agency-evidence-status,
.agency-document-audit-list > article > em {
  justify-self: end;
  border-radius: 999px;
  padding: 7px 9px;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 820;
  white-space: nowrap;
}

.agency-evidence-status.verified,
.agency-document-audit-list > article > em {
  color: #087156;
  background: #ddf8ee;
}

.agency-evidence-status.review {
  color: #895c08;
  background: #fff0bf;
}

@media@media (max-width: 430px) {
  .agency-document-scoreline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .agency-document-outcome-list article,
  .agency-document-audit-list article {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .agency-evidence-status,
  .agency-document-audit-list > article > em {
    grid-column: 2;
    justify-self: start;
  }
}

/* Agency document outcomes luxury tightening */
.agency-document-outcomes-page {
  gap: 12px !important;
  padding: 12px 10px 118px !important;
}

.agency-document-outcomes-page .profile-section-card {
  padding: 15px !important;
}

.agency-document-hero {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 14px !important;
  border-radius: 22px !important;
}

.agency-document-hero .compact-back-button {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

.agency-document-hero-copy {
  min-width: 0 !important;
}

.agency-document-hero-copy .eyebrow {
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
}

.agency-document-hero-copy h2 {
  max-width: 74% !important;
  margin: 8px 0 7px !important;
  font-size: clamp(23px, 5.2vw, 28px) !important;
  line-height: 1.04 !important;
}

.agency-document-hero-copy span {
  display: block !important;
  max-width: 68% !important;
  font-size: 12.5px !important;
  line-height: 1.32 !important;
  font-weight: 590 !important;
}

.agency-document-hero > em {
  position: absolute !important;
  right: 14px !important;
  top: 92px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  max-width: 112px !important;
  padding: 7px 9px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.agency-document-hero > em svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
}

.agency-document-summary .section-mini-header,
.agency-document-library .section-mini-header,
.agency-document-audit .section-mini-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  border-top: 1px solid rgba(191, 211, 232, 0.72) !important;
  padding-top: 12px !important;
}

.agency-document-summary .section-mini-header span,
.agency-document-library .section-mini-header span,
.agency-document-audit .section-mini-header span {
  min-width: 0 !important;
  color: #65758b !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  letter-spacing: 0.12em !important;
}

.agency-document-summary .section-mini-header small,
.agency-document-library .section-mini-header small,
.agency-document-audit .section-mini-header small {
  max-width: 170px !important;
  color: #0a1e38 !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
  text-align: left !important;
}

.agency-document-scoreline {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.agency-document-scoreline article {
  min-height: 82px !important;
  display: grid !important;
  align-content: center !important;
  border-radius: 16px !important;
  padding: 9px 8px !important;
  overflow: hidden !important;
}

.agency-document-scoreline small {
  font-size: 9.5px !important;
  line-height: 1.04 !important;
}

.agency-document-scoreline strong {
  margin-top: 5px !important;
  font-size: clamp(17px, 4vw, 20px) !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

.agency-document-scoreline span {
  margin-top: 3px !important;
  font-size: 9.5px !important;
  line-height: 1.04 !important;
  overflow-wrap: normal !important;
}

.agency-document-outcome-list article,
.agency-document-audit-list article {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 10px !important;
  border-radius: 17px !important;
}

.agency-document-outcome-list i,
.agency-document-audit-list i {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}

.agency-document-outcome-list strong,
.agency-document-audit-list strong {
  font-size: 13.5px !important;
  line-height: 1.1 !important;
}

.agency-document-outcome-list small,
.agency-document-audit-list small,
.agency-document-outcome-list em {
  font-size: 10px !important;
  line-height: 1.15 !important;
}

@media@media (max-width: 430px) {
  .agency-document-hero-copy h2 {
    max-width: 100% !important;
    padding-right: 96px !important;
  }

  .agency-document-hero-copy span {
    max-width: 100% !important;
    padding-right: 92px !important;
  }

  .agency-document-hero > em {
    top: 86px !important;
    right: 12px !important;
  }
}

/* Agency document outcomes consistency pass */
.agency-document-outcomes-page {
  width: 100% !important;
  max-width: none !important;
  padding: 14px 14px 118px !important;
  gap: 14px !important;
}

.agency-document-outcomes-page .agency-document-hero,
.agency-document-outcomes-page .profile-section-card {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.agency-document-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  min-height: 250px !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

.agency-document-hero .compact-back-button {
  grid-column: 1 / -1 !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 36px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.agency-document-hero-copy {
  grid-column: 1 / 2 !important;
  max-width: 100% !important;
  padding-right: 8px !important;
}

.agency-document-hero-copy .eyebrow {
  margin-top: 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.agency-document-hero-copy h2 {
  max-width: none !important;
  margin: 8px 0 8px !important;
  padding-right: 0 !important;
  font-size: 27px !important;
  line-height: 1.04 !important;
  font-weight: 760 !important;
}

.agency-document-hero-copy span {
  max-width: 260px !important;
  padding-right: 0 !important;
  color: rgba(238, 246, 255, 0.86) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
}

.agency-document-hero > em {
  position: static !important;
  grid-column: 2 / 3 !important;
  grid-row: 2 / 3 !important;
  align-self: center !important;
  justify-self: end !important;
  max-width: none !important;
  white-space: nowrap !important;
  padding: 8px 10px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}

.agency-document-summary,
.agency-document-library,
.agency-document-audit {
  padding: 14px !important;
  border-radius: 21px !important;
}

.agency-document-summary .section-mini-header,
.agency-document-library .section-mini-header,
.agency-document-audit .section-mini-header {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
  gap: 10px !important;
}

.agency-document-summary .section-mini-header span,
.agency-document-library .section-mini-header span,
.agency-document-audit .section-mini-header span {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 720 !important;
}

.agency-document-summary .section-mini-header small,
.agency-document-library .section-mini-header small,
.agency-document-audit .section-mini-header small {
  max-width: 150px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
  text-align: right !important;
}

.agency-document-scoreline {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.agency-document-scoreline article {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(88px, 1fr) auto minmax(86px, auto) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
}

.agency-document-scoreline small {
  color: #66758b !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 690 !important;
  letter-spacing: 0.02em !important;
}

.agency-document-scoreline strong {
  margin: 0 !important;
  color: #071d39 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.agency-document-scoreline span {
  margin: 0 !important;
  color: #087753 !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
}

.agency-document-outcome-list,
.agency-document-audit-list {
  gap: 9px !important;
  margin-top: 12px !important;
}

.agency-document-outcome-list article,
.agency-document-audit-list article {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.agency-document-outcome-list i,
.agency-document-audit-list i {
  width: 38px !important;
  height: 38px !important;
}

.agency-document-outcome-list strong,
.agency-document-audit-list strong {
  font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 720 !important;
}

.agency-document-outcome-list small,
.agency-document-audit-list small,
.agency-document-outcome-list em {
  color: #66758b !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 560 !important;
}

.agency-document-outcome-list .agency-evidence-status,
.agency-document-audit-list > article > em {
  max-width: 74px !important;
  padding: 7px 8px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media@media (max-width: 430px) {
  .agency-document-outcomes-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .agency-document-hero {
    min-height: 238px !important;
  }

  .agency-document-hero-copy h2 {
    font-size: 25px !important;
  }

  .agency-document-hero-copy span {
    max-width: 230px !important;
    font-size: 12.5px !important;
  }

  .agency-document-scoreline article {
    grid-template-columns: minmax(74px, 1fr) auto minmax(76px, auto) !important;
    padding: 9px 10px !important;
  }

  .agency-document-scoreline strong {
    font-size: 18px !important;
  }

  .agency-document-outcome-list article,
  .agency-document-audit-list article {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .agency-document-outcome-list i,
  .agency-document-audit-list i {
    width: 34px !important;
    height: 34px !important;
  }
}

/* Agency identity tab: evidence outcomes folded into the trusted identity view */
.identity-agency-evidence-panel {
  padding: 16px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(142deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.94)),
    radial-gradient(circle at 85% 8%, rgba(87, 105, 255, 0.12), transparent 34%) !important;
  border: 1px solid rgba(188, 210, 234, 0.86) !important;
  box-shadow: 0 20px 44px rgba(16, 45, 82, 0.1) !important;
}

.identity-agency-evidence-panel .worker-section-heading {
  align-items: start !important;
  gap: 10px !important;
}

.identity-agency-evidence-panel .worker-section-heading h3 {
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
}

.identity-agency-evidence-panel .worker-section-heading em {
  flex: 0 0 auto !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: rgba(220, 248, 234, 0.9) !important;
  color: #087753 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.identity-agency-evidence-panel > p {
  margin: 8px 0 13px !important;
  color: #607087 !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
  font-weight: 560 !important;
}

.identity-agency-evidence-list {
  display: grid !important;
  gap: 9px !important;
}

.identity-agency-evidence-list article {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(199, 217, 236, 0.84) !important;
  box-shadow: 0 12px 24px rgba(16, 45, 82, 0.06) !important;
}

.identity-agency-evidence-list i {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: #ebf4ff !important;
  color: #1467d8 !important;
}

.identity-agency-evidence-list svg {
  width: 18px !important;
  height: 18px !important;
}

.identity-agency-evidence-list strong {
  display: block !important;
  color: #09213f !important;
  font-size: 13.5px !important;
  line-height: 1.12 !important;
  font-weight: 720 !important;
}

.identity-agency-evidence-list small {
  display: block !important;
  margin-top: 2px !important;
  color: #66758b !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 560 !important;
}

.identity-agency-evidence-list em {
  padding: 7px 8px !important;
  border-radius: 999px !important;
  background: rgba(219, 248, 234, 0.95) !important;
  color: #087753 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.identity-centre-page .identity-privacy-card {
  align-items: center !important;
}

.identity-centre-page .identity-privacy-card > div strong {
  font-size: 15px !important;
  line-height: 1.12 !important;
  font-weight: 740 !important;
}

.identity-centre-page .identity-privacy-card > div p {
  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 540 !important;
}

/* Tier colour system for agency scan-speed */
.identity-tier-chip,
.profile-tier-inline {
  width: fit-content !important;
  max-width: 100% !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  padding: 5px 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.workforce-passport-person p .identity-tier-chip {
  margin-left: 6px !important;
}

.professional-passport-score .profile-tier-inline {
  margin-left: 3px !important;
  color: inherit;
}

.professional-passport-tier-meta .profile-tier-inline,
.workforce-passport-tier-status .identity-tier-chip {
  margin-top: 6px !important;
}

.identity-tier-chip.tier-green,
.profile-tier-inline.tier-green,
.identity-agency-evidence-list em.tier-green {
  border-color: rgba(30, 164, 105, 0.32) !important;
  background: linear-gradient(135deg, #dcf8ea, #c7eedc) !important;
  color: #087753 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 8px 16px rgba(8,119,83,0.12) !important;
}

.identity-tier-chip.tier-purple,
.profile-tier-inline.tier-purple,
.identity-agency-evidence-list em.tier-purple {
  border-color: rgba(124, 86, 225, 0.32) !important;
  background: linear-gradient(135deg, #efe8ff, #ddd4ff) !important;
  color: #5b32b0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.76), 0 8px 16px rgba(91,50,176,0.12) !important;
}

.identity-tier-chip.tier-blue,
.profile-tier-inline.tier-blue,
.identity-agency-evidence-list em.tier-blue {
  border-color: rgba(38, 111, 212, 0.28) !important;
  background: linear-gradient(135deg, #e8f2ff, #d9e9ff) !important;
  color: #174f9d !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.76), 0 8px 16px rgba(23,79,157,0.11) !important;
}

.identity-tier-chip.tier-grey,
.profile-tier-inline.tier-grey,
.identity-agency-evidence-list em.tier-grey {
  border-color: rgba(117, 130, 148, 0.24) !important;
  background: linear-gradient(135deg, #f2f5f8, #e6ebf1) !important;
  color: #536172 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78) !important;
}

.identity-tier-chip.tier-red,
.profile-tier-inline.tier-red,
.identity-agency-evidence-list em.tier-red {
  border-color: rgba(190, 64, 64, 0.28) !important;
  background: linear-gradient(135deg, #ffe5e5, #f7cccc) !important;
  color: #942727 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.76), 0 8px 16px rgba(148,39,39,0.1) !important;
}

/* Career Passport V10: stabilise candidate route and refine luxury scan hierarchy */
.content.profile-page-content:not(.agency-profile-route):not(.agency-candidate-profile-page) .career-passport-page .professional-passport-hero {
  color: #fff !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(112, 130, 255, 0.34), transparent 34%),
    radial-gradient(circle at 4% 100%, rgba(35, 214, 164, 0.17), transparent 38%),
    linear-gradient(145deg, #06152f 0%, #092e67 58%, #2a1766 120%) !important;
  border-color: rgba(93, 141, 229, 0.42) !important;
  box-shadow: 0 24px 56px rgba(8, 22, 48, 0.3) !important;
}

.content.profile-page-content:not(.agency-profile-route):not(.agency-candidate-profile-page) .career-passport-page .professional-passport-topline span {
  color: rgba(224, 236, 252, 0.68) !important;
}

.content.profile-page-content:not(.agency-profile-route):not(.agency-candidate-profile-page) .career-passport-page .professional-passport-topline em {
  color: #d9fff4 !important;
  border-color: rgba(93, 218, 178, 0.48) !important;
  background: rgba(23, 126, 105, 0.3) !important;
}

.career-passport-page .professional-passport-identity h2 {
  font-size: clamp(21px, 5.45vw, 25px) !important;
  line-height: 1.04 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .professional-passport-identity p,
.career-passport-page .professional-passport-identity small {
  font-size: 11.5px !important;
  line-height: 1.28 !important;
  font-weight: 640 !important;
}

.content.profile-page-content:not(.agency-profile-route):not(.agency-candidate-profile-page) .career-passport-page .professional-passport-identity p,
.content.profile-page-content:not(.agency-profile-route):not(.agency-candidate-profile-page) .career-passport-page .professional-passport-identity small {
  color: rgba(224, 236, 252, 0.78) !important;
}

.career-passport-page .professional-passport-score {
  padding: 9px 10px !important;
  border-radius: 17px !important;
  align-items: center !important;
  overflow: hidden !important;
}

.career-passport-page .professional-passport-score strong {
  font-size: clamp(25px, 6.2vw, 31px) !important;
  line-height: 0.95 !important;
  font-weight: 780 !important;
}

.career-passport-page .professional-passport-score span {
  font-size: 8.5px !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
}

.career-passport-page .professional-passport-score small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: rgba(226, 236, 250, 0.82) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.career-passport-page .professional-passport-score .profile-tier-inline,
.career-passport-page .professional-passport-meta strong.profile-tier-inline,
.career-passport-page .professional-passport-tier-meta .profile-tier-inline {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 5px 9px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.career-passport-page .professional-passport-score .profile-tier-inline.tier-green,
.career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-green,
.career-passport-page .professional-passport-tier-meta .profile-tier-inline.tier-green {
  color: #087753 !important;
  background: linear-gradient(135deg, #dcf8ea, #c7eedc) !important;
  border-color: rgba(30, 164, 105, 0.34) !important;
}

.career-passport-page .professional-passport-meta {
  gap: 9px !important;
}

.career-passport-page .professional-passport-meta span {
  min-height: 56px !important;
  padding: 9px 10px !important;
}

.career-passport-page .professional-passport-meta small {
  font-size: 8.5px !important;
  line-height: 1 !important;
}

.career-passport-page .professional-passport-meta strong:not(.profile-tier-inline) {
  font-size: 13px !important;
  line-height: 1.12 !important;
  font-weight: 720 !important;
}

.career-passport-page .agency-confidence .professional-passport-section-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.career-passport-page .agency-confidence .professional-passport-section-head h3 {
  font-size: clamp(18px, 4.6vw, 22px) !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.career-passport-page .agency-confidence .professional-passport-section-head > em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 52px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  color: #dffef4 !important;
  background: linear-gradient(145deg, rgba(20, 122, 101, 0.78), rgba(42, 151, 128, 0.5)) !important;
  border: 1px solid rgba(95, 222, 178, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 12px 22px rgba(5, 28, 57, 0.16) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.career-passport-page .agency-confidence-summary {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px 11px !important;
  border-radius: 17px !important;
}

.career-passport-page .agency-confidence-summary strong {
  font-size: clamp(24px, 6vw, 30px) !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

/* Career Passport V11: final guard against agency/candidate route style collisions */
.career-passport-page .professional-passport-hero,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-hero,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-hero {
  color: #fff !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(113, 132, 255, 0.34), transparent 34%),
    radial-gradient(circle at 3% 100%, rgba(35, 214, 164, 0.17), transparent 38%),
    linear-gradient(145deg, #06152f 0%, #0a2f68 58%, #2a1766 120%) !important;
  border-color: rgba(92, 143, 231, 0.42) !important;
  box-shadow: 0 24px 56px rgba(8, 22, 48, 0.3) !important;
}

.career-passport-page .professional-passport-topline span,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-topline span,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-topline span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-topline span {
  color: rgba(224, 236, 252, 0.7) !important;
}

.career-passport-page .professional-passport-topline em,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-topline em,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-topline em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-topline em {
  color: #d9fff4 !important;
  border-color: rgba(93, 218, 178, 0.48) !important;
  background: rgba(23, 126, 105, 0.3) !important;
}

.career-passport-page .professional-passport-identity h2,
.career-passport-page .professional-passport-score strong,
.career-passport-page .career-passport-verified-strip span,
.career-passport-page .career-passport-verified-strip em,
.career-passport-page .professional-passport-meta strong:not(.profile-tier-inline) {
  color: #fff !important;
}

.career-passport-page .professional-passport-identity p,
.career-passport-page .professional-passport-score span,
.career-passport-page .professional-passport-score small,
.career-passport-page .professional-passport-meta small {
  color: rgba(224, 236, 252, 0.74) !important;
}

.content.agency-candidate-profile-page .career-passport-page .professional-passport-identity h2,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-identity h2,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-identity h2 {
  font-size: clamp(21px, 5.45vw, 25px) !important;
  line-height: 1.04 !important;
  font-weight: 760 !important;
}

.career-passport-page .professional-passport-score {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

.career-passport-page .professional-passport-hero-main,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero-main,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 14px 13px !important;
  align-items: center !important;
}

.career-passport-page .professional-passport-hero-main > .professional-passport-score,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main > .professional-passport-score,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero-main > .professional-passport-score,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main > .professional-passport-score {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.career-passport-page .professional-passport-score small {
  justify-self: end !important;
}

.career-passport-page .professional-passport-score .profile-tier-inline.tier-green,
.career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-green,
.career-passport-page .professional-passport-tier-meta .profile-tier-inline.tier-green,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-score .profile-tier-inline.tier-green,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-green,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score .profile-tier-inline.tier-green,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-green,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score .profile-tier-inline.tier-green,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-green {
  color: #087753 !important;
  background: linear-gradient(135deg, #dcf8ea, #c7eedc) !important;
  border-color: rgba(30, 164, 105, 0.34) !important;
}

.career-passport-page .professional-passport-score .profile-tier-inline.tier-purple,
.career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-purple,
.career-passport-page .professional-passport-tier-meta .profile-tier-inline.tier-purple,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-score .profile-tier-inline.tier-purple,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-purple,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-score .profile-tier-inline.tier-purple,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-purple,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-score .profile-tier-inline.tier-purple,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta strong.profile-tier-inline.tier-purple {
  color: #5b32b0 !important;
  background: linear-gradient(135deg, #efe8ff, #ddd4ff) !important;
  border-color: rgba(124, 86, 225, 0.34) !important;
}

.career-passport-page .professional-passport-meta strong.profile-tier-inline {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  white-space: nowrap !important;
}

.career-passport-page .agency-confidence .professional-passport-section-head > em {
  min-width: 58px !important;
  max-width: 58px !important;
  width: 58px !important;
  height: 52px !important;
  font-size: 20px !important;
  overflow: hidden !important;
}

/* Career Passport V12: stable agency routing surfaces and unclipped tier/score rows */
.career-passport-page .professional-passport-hero-main,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero-main {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.career-passport-page .professional-passport-photo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  font-size: 18px !important;
}

.career-passport-page .professional-passport-identity h2 {
  font-size: clamp(20px, 5vw, 24px) !important;
  line-height: 1.06 !important;
  font-weight: 720 !important;
}

.career-passport-page .professional-passport-hero-main > .professional-passport-score,
.content.agency-candidate-profile-page .career-passport-page .professional-passport-hero-main > .professional-passport-score,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-hero-main > .professional-passport-score {
  display: grid !important;
  grid-template-columns: auto minmax(94px, 1fr) !important;
  grid-template-areas:
    "score label"
    "score standing" !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 2px 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 70px !important;
  padding: 11px 12px !important;
  overflow: visible !important;
}

.career-passport-page .professional-passport-score strong {
  grid-area: score !important;
  min-width: 50px !important;
  font-size: 31px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.career-passport-page .professional-passport-score > span {
  grid-area: label !important;
  min-width: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  font-size: 9px !important;
  line-height: 1.12 !important;
}

.career-passport-page .professional-passport-score > small {
  grid-area: standing !important;
  justify-self: start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: normal !important;
  font-size: 9.5px !important;
}

.career-passport-page .profile-tier-inline,
.career-passport-page .professional-passport-score .profile-tier-inline,
.career-passport-page .professional-passport-meta strong.profile-tier-inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 22px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-weight: 760 !important;
}

.career-passport-page .profile-tier-inline.tier-green {
  color: #087753 !important;
  background: linear-gradient(135deg, #e4faef, #c8f0dd) !important;
  border: 1px solid rgba(24, 151, 93, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 6px 14px rgba(8, 64, 45, 0.16) !important;
}

.career-passport-page .profile-tier-inline.tier-purple {
  color: #5a34ad !important;
  background: linear-gradient(135deg, #f2ecff, #ded4ff) !important;
  border: 1px solid rgba(117, 79, 216, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 6px 14px rgba(54, 36, 132, 0.16) !important;
}

.career-passport-page .professional-passport-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.career-passport-page .professional-passport-meta span,
.career-passport-page .professional-passport-tier-meta {
  min-width: 0 !important;
  min-height: 66px !important;
  overflow: visible !important;
}

.career-passport-page .professional-passport-tier-meta strong.profile-tier-inline {
  margin-top: 5px !important;
}

.career-passport-page .agency-confidence,
.content.agency-candidate-profile-page .career-passport-page .agency-confidence,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence {
  color: #fff !important;
  background:
    radial-gradient(circle at 86% 6%, rgba(84, 216, 186, 0.2), transparent 34%),
    radial-gradient(circle at 4% 100%, rgba(42, 126, 205, 0.28), transparent 42%),
    linear-gradient(145deg, #06162f 0%, #0c3470 64%, #25165d 120%) !important;
  border-color: rgba(95, 148, 229, 0.42) !important;
  box-shadow: 0 24px 54px rgba(5, 18, 44, 0.26) !important;
}

.career-passport-page .agency-confidence h3,
.career-passport-page .agency-confidence strong,
.career-passport-page .agency-confidence b {
  color: #ffffff !important;
}

.career-passport-page .agency-confidence span,
.career-passport-page .agency-confidence p,
.career-passport-page .agency-confidence small,
.career-passport-page .agency-confidence em {
  color: rgba(225, 238, 252, 0.8) !important;
}

.career-passport-page .agency-confidence .professional-passport-section-head > em {
  color: #ddfff3 !important;
  overflow: visible !important;
}

.career-passport-page .agency-confidence-summary,
.career-passport-page .agency-confidence-grid article {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(202, 221, 252, 0.18) !important;
}

/* Career Passport V12b: override older route-specific meta grids */
.content.agency-candidate-profile-page .career-passport-page .professional-passport-meta,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-meta,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.agency-candidate-profile-page .career-passport-page .professional-passport-tier-meta,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-tier-meta,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-tier-meta {
  grid-column: 1 / -1 !important;
  min-height: 58px !important;
}

.content.agency-candidate-profile-page .career-passport-page .professional-passport-tier-meta strong.profile-tier-inline,
.content.profile-page-content.agency-profile-route .career-passport-page .professional-passport-tier-meta strong.profile-tier-inline,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .professional-passport-tier-meta strong.profile-tier-inline {
  width: max-content !important;
  max-width: calc(100% - 2px) !important;
}

/* Career Passport V13: agency-only premium layout, no duplicate tier or pale tiles */
.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero {
  padding: 17px 15px 18px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-hero-main,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-hero-main,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-hero-main {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 11px 12px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-photo,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-photo,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-photo {
  width: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-identity h2,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-identity h2,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-identity h2 {
  font-size: clamp(18px, 4.55vw, 21px) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-identity p,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-identity p,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-identity p {
  font-size: 11px !important;
  line-height: 1.24 !important;
  font-weight: 590 !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-score,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-areas:
    "score label"
    "score standing" !important;
  gap: 2px 12px !important;
  min-height: 66px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score strong,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-score strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score strong {
  font-size: 29px !important;
  min-width: 0 !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score > span,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-score > span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score > span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 8.5px !important;
  letter-spacing: 0.08em !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score > small,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-score > small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score > small {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-size: 9px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score .profile-tier-inline,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-score .profile-tier-inline,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-score .profile-tier-inline {
  max-width: 122px !important;
  padding: 5px 8px !important;
  font-size: 9px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-meta,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta span,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-meta span,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta span {
  min-height: 52px !important;
  padding: 8px 9px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta strong,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-professional-passport-hero .professional-passport-meta strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-professional-passport-hero .professional-passport-meta strong {
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 690 !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence {
  padding: 17px 15px 18px !important;
  overflow: hidden !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid article,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article {
  min-height: 76px !important;
  padding: 11px 10px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(30, 68, 127, 0.82), rgba(44, 54, 132, 0.72)) !important;
  border: 1px solid rgba(176, 204, 255, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.13), 0 10px 20px rgba(1, 11, 32, 0.13) !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article small,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid article small,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article small {
  color: rgba(215, 227, 249, 0.68) !important;
  font-size: 8px !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
  letter-spacing: 0.09em !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article strong,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid article strong,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article strong {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

.content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article em,
.content.profile-page-content.agency-profile-route .career-passport-page .agency-confidence-grid article em,
.content.profile-page-content.agency-candidate-profile-page .career-passport-page .agency-confidence-grid article em {
  color: rgba(220, 236, 255, 0.72) !important;
  font-size: 9px !important;
  line-height: 1.14 !important;
  font-weight: 560 !important;
}

/* Workforce Search V14: premium candidate search engine and result cards */
.content.people-page .workforce-match-search {
  gap: 14px !important;
}

.content.people-page .agency-search-command-panel {
  padding: 16px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(155, 190, 235, 0.58) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.16), transparent 31%),
    radial-gradient(circle at 91% 12%, rgba(85, 84, 244, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(248, 252, 255, 0.98), rgba(238, 246, 255, 0.93)) !important;
  box-shadow:
    0 26px 62px rgba(6, 23, 52, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
}

.content.people-page .candidate-database-header h2 {
  max-width: 13ch !important;
  font-size: clamp(23px, 5.45vw, 29px) !important;
  line-height: 1.02 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 31ch !important;
  margin-top: 6px !important;
  color: #5e708a !important;
  font-size: 12px !important;
  line-height: 1.34 !important;
  font-weight: 650 !important;
}

.content.people-page .candidate-database-header em {
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, #e2f9ef, #cef3e3) !important;
  border: 1px solid rgba(15, 122, 88, 0.18) !important;
  color: #08785b !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

.content.people-page .candidate-engine-strip {
  display: grid !important;
  grid-template-columns: 1.08fr 1fr !important;
  gap: 7px !important;
  margin-top: 13px !important;
}

.content.people-page .candidate-engine-strip span {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 9px 10px !important;
  border-radius: 15px !important;
  background:
    linear-gradient(145deg, rgba(9, 34, 72, 0.92), rgba(24, 76, 142, 0.82)) !important;
  border: 1px solid rgba(199, 221, 255, 0.16) !important;
  box-shadow: 0 14px 26px rgba(7, 22, 51, 0.14), inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.content.people-page .candidate-engine-strip strong,
.content.people-page .candidate-engine-strip small {
  display: block !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.content.people-page .candidate-engine-strip span:first-child {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: baseline !important;
  column-gap: 10px !important;
  min-height: 38px !important;
}

.content.people-page .candidate-engine-strip strong {
  color: #ffffff !important;
  font-size: 10.5px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-engine-strip small {
  margin-top: 3px !important;
  color: rgba(222, 236, 255, 0.7) !important;
  font-size: 8px !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
}

.content.people-page .people-search-row {
  margin-top: 14px !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  gap: 9px !important;
}

.content.people-page .people-search-row .searchbar {
  min-height: 52px !important;
  border-radius: 19px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(146, 179, 224, 0.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 12px 24px rgba(8, 30, 65, 0.08) !important;
}

.content.people-page .people-search-row .searchbar input {
  font-size: 12.5px !important;
  font-weight: 620 !important;
}

.content.people-page .people-search-row .compact-filter {
  width: 46px !important;
  height: 52px !important;
  min-width: 46px !important;
  min-height: 52px !important;
  border-radius: 18px !important;
  color: #eaf4ff !important;
  background: linear-gradient(145deg, #092452, #1768d4 72%, #6555e8) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  box-shadow: 0 14px 24px rgba(28, 91, 190, 0.22), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.content.people-page .people-search-row .compact-filter svg {
  width: 19px !important;
  height: 19px !important;
}

.content.people-page .candidate-live-stats {
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.people-page .candidate-live-stats span {
  min-height: 58px !important;
  padding: 9px 6px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.82), rgba(239,246,255,0.72)) !important;
  border: 1px solid rgba(172, 199, 232, 0.52) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.94), 0 10px 20px rgba(10, 27, 58, 0.06) !important;
}

.content.people-page .candidate-live-stats small {
  max-width: 100% !important;
  color: #6b7b92 !important;
  font-size: 7.3px !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.content.people-page .candidate-live-stats strong {
  color: #071b36 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-signal-empty,
.content.people-page .candidate-signal-restore {
  min-height: 42px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.72) !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.content.people-page .candidate-feed-tabs {
  margin-top: 13px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.people-page .candidate-feed-tabs button {
  min-height: 40px !important;
  padding: 0 8px !important;
  border-radius: 15px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  background: rgba(255,255,255,0.78) !important;
  border: 1px solid rgba(174, 199, 232, 0.58) !important;
  color: #394b64 !important;
}

.content.people-page .candidate-feed-tabs button.active {
  color: #fff !important;
  background:
    radial-gradient(circle at 84% 0%, rgba(255,255,255,0.23), transparent 28%),
    linear-gradient(135deg, #082653, #165ec7 68%, #5e56df) !important;
}

.content.people-page .agency-candidate-results-panel {
  padding: 14px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(168, 196, 229, 0.64) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(14, 165, 233, 0.09), transparent 28%),
    radial-gradient(circle at 94% 10%, rgba(22, 163, 74, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(244,249,255,0.94)) !important;
  box-shadow: 0 24px 54px rgba(7, 24, 54, 0.12), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.content.people-page .agency-candidate-results-header {
  align-items: end !important;
  padding: 0 2px 2px !important;
}

.content.people-page .agency-candidate-results-header strong {
  font-size: clamp(22px, 5.2vw, 28px) !important;
  line-height: 1.04 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.people-page .agency-candidate-results-header small {
  display: block !important;
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.24 !important;
  font-weight: 600 !important;
}

.content.people-page .candidate-result-card {
  border-radius: 26px !important;
  border: 1px solid rgba(148, 181, 225, 0.62) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(80, 116, 230, 0.16), transparent 34%),
    radial-gradient(circle at 6% 100%, rgba(20, 184, 166, 0.09), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(241,247,255,0.95)) !important;
  box-shadow:
    0 18px 38px rgba(7, 24, 54, 0.11),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.content.people-page .candidate-result-card[open] {
  border-color: rgba(32, 96, 205, 0.42) !important;
  box-shadow:
    0 24px 48px rgba(7, 24, 54, 0.15),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 58px minmax(0, 1fr) 34px !important;
  gap: 12px !important;
  padding: 13px 12px 14px !important;
}

.content.people-page .candidate-avatar-rail {
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
}

.content.people-page .candidate-result-summary .candidate-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, #eaf4ff, #dbeafe) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 10px 20px rgba(14, 45, 85, 0.08) !important;
}

.content.people-page .candidate-rail-match,
.content.people-page .candidate-rail-status {
  width: 100% !important;
  min-height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(169, 198, 231, 0.72) !important;
  background: rgba(255,255,255,0.72) !important;
}

.content.people-page .candidate-rail-match strong {
  color: #0c2242 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-rail-match small {
  margin-top: 2px !important;
  color: #708197 !important;
  font-size: 7.5px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-rail-status {
  min-height: 24px !important;
  color: #08775b !important;
  background: linear-gradient(145deg, #e5fbf1, #d5f4e7) !important;
  border-color: rgba(15, 122, 88, 0.22) !important;
  font-size: 9px !important;
  font-weight: 780 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.content.people-page .candidate-summary-title h3 {
  color: #081d39 !important;
  font-size: clamp(17px, 4.2vw, 20px) !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-summary-title p {
  color: #617086 !important;
  font-size: 10.8px !important;
  line-height: 1.22 !important;
  font-weight: 640 !important;
}

.content.people-page .candidate-summary-highlights {
  gap: 6px !important;
}

.content.people-page .candidate-summary-highlights span,
.content.people-page .candidate-summary-intel span {
  border: 1px solid rgba(170, 199, 233, 0.6) !important;
  background:
    linear-gradient(145deg, rgba(250, 253, 255, 0.92), rgba(232, 241, 255, 0.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
}

.content.people-page .candidate-summary-highlights strong {
  font-size: 13.5px !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-summary-highlights small {
  font-size: 8px !important;
  font-weight: 680 !important;
  letter-spacing: 0.07em !important;
}

.content.people-page .candidate-summary-intel {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.content.people-page .candidate-summary-intel span {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 7px !important;
  border-radius: 14px !important;
}

.content.people-page .candidate-summary-intel small {
  display: block !important;
  color: #76869c !important;
  font-size: 7px !important;
  line-height: 1 !important;
  font-weight: 720 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-summary-intel strong {
  display: block !important;
  margin-top: 3px !important;
  color: #0c2242 !important;
  font-size: 9.5px !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
}

.content.people-page .candidate-summary-actions {
  display: contents !important;
}

.content.people-page .candidate-tier-badge {
  margin-top: 2px !important;
  padding: 6px 10px !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-profile-shortcut {
  grid-column: 2 / 3 !important;
  justify-self: start !important;
  margin-left: min(84px, 24vw) !important;
  margin-top: -32px !important;
  min-height: 32px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: #082653 !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(161, 190, 224, 0.58) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
}

.content.people-page .candidate-expand-indicator {
  width: 34px !important;
  height: 34px !important;
  border-radius: 14px !important;
}

.content.people-page .candidate-result-expanded {
  padding: 0 12px 13px !important;
  gap: 10px !important;
}

.content.people-page .candidate-luxury-brief {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding-top: 2px !important;
}

.content.people-page .candidate-luxury-brief span {
  min-width: 0 !important;
  padding: 11px 12px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(45, 212, 191, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(9, 34, 72, 0.96), rgba(24, 67, 128, 0.86)) !important;
  border: 1px solid rgba(193, 221, 255, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.content.people-page .candidate-luxury-brief small,
.content.people-page .candidate-luxury-brief strong {
  display: block !important;
}

.content.people-page .candidate-luxury-brief small {
  color: rgba(214, 229, 249, 0.66) !important;
  font-size: 7.5px !important;
  font-weight: 720 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-luxury-brief strong {
  margin-top: 4px !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 640 !important;
}

.content.people-page .candidate-result-expanded .candidate-operational-row span,
.content.people-page .candidate-result-expanded .agency-candidate-metrics span,
.content.people-page .worker-intelligence-note {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.88), rgba(235,244,255,0.78)) !important;
  border: 1px solid rgba(169, 198, 232, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

.content.people-page .candidate-result-expanded .candidate-operational-row strong,
.content.people-page .candidate-result-expanded .agency-candidate-metrics strong {
  color: #0a2142 !important;
  font-size: 12.5px !important;
  font-weight: 740 !important;
}

.content.people-page .candidate-result-expanded .candidate-operational-row span,
.content.people-page .candidate-result-expanded .agency-candidate-metrics span {
  color: #617086 !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  font-weight: 620 !important;
}

.content.people-page .candidate-result-expanded .candidate-tags span {
  color: #124a8d !important;
  background: linear-gradient(145deg, #edf6ff, #e4f0ff) !important;
  border: 1px solid rgba(70, 130, 210, 0.18) !important;
  font-weight: 700 !important;
}

@media (max-width: 370px) {
  .content.people-page .candidate-engine-strip,
  .content.people-page .candidate-live-stats,
  .content.people-page .candidate-summary-highlights,
  .content.people-page .candidate-summary-intel,
  .content.people-page .candidate-feed-tabs,
  .content.people-page .candidate-luxury-brief {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.people-page .candidate-result-summary {
    grid-template-columns: 54px minmax(0, 1fr) 32px !important;
  }
}

/* Workforce Search V14b: final candidate card fit and premium spacing */
.content.people-page .candidate-result-summary {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-areas:
    "avatar main"
    "actions actions" !important;
  row-gap: 10px !important;
  column-gap: 11px !important;
  align-items: start !important;
}

.content.people-page .candidate-avatar-rail {
  grid-area: avatar !important;
}

.content.people-page .candidate-summary-main {
  grid-area: main !important;
  min-width: 0 !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: auto auto 34px !important;
  justify-content: start !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 69px !important;
}

.content.people-page .candidate-profile-shortcut {
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
}

.content.people-page .candidate-expand-indicator {
  position: static !important;
  transform: none !important;
}

.content.people-page .candidate-summary-title h3 {
  font-size: clamp(16.5px, 3.95vw, 19px) !important;
  line-height: 1.1 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.content.people-page .candidate-summary-intel span {
  min-height: 42px !important;
  padding: 8px 9px !important;
}

.content.people-page .candidate-summary-intel strong {
  font-size: 10.2px !important;
  line-height: 1.1 !important;
}

.content.people-page .candidate-tier-badge {
  min-width: 80px !important;
  justify-content: center !important;
}

@media (min-width: 420px) {
  .content.people-page .candidate-result-summary {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    column-gap: 13px !important;
  }

  .content.people-page .candidate-summary-actions {
    padding-left: 77px !important;
  }
}
/* Workforce Elevated: final mobile reference override */
.agency-premium-header[data-active-page="candidates"] {
  background:
    radial-gradient(circle at 86% -12%, rgba(117, 126, 255, 0.46), transparent 34%),
    linear-gradient(135deg, #123fbd 0%, #176bff 58%, #5a50f0 100%) !important;
}

.content.people-page {
  width: 100% !important;
  max-width: none !important;
  gap: 16px !important;
  padding: 16px 16px 126px !important;
  background:
    radial-gradient(circle at 100% 4%, rgba(45, 112, 255, 0.09), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, #eef5ff 46%, #f8fbff 100%) !important;
}

.content.people-page > .workforce-return-bar,
.content.people-page .candidate-engine-strip,
.content.people-page .agency-search-command-panel .people-search-row,
.content.people-page .candidate-search-suggestions,
.content.people-page .candidate-signal-restore {
  display: none !important;
}

.content.people-page > .people-switcher {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 2px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page > .people-switcher button {
  min-width: 0 !important;
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 15px !important;
  border-radius: 18px !important;
  text-align: left !important;
  border: 1px solid rgba(193, 211, 238, 0.72) !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,251,255,0.9)) !important;
  box-shadow: 0 16px 34px rgba(16, 48, 103, 0.08), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page > .people-switcher button.active {
  color: #ffffff !important;
  border-color: rgba(95, 133, 255, 0.78) !important;
  background:
    radial-gradient(circle at 96% 8%, rgba(152, 117, 255, 0.56), transparent 36%),
    linear-gradient(135deg, #175cff 0%, #6954f6 100%) !important;
  box-shadow: 0 18px 36px rgba(44, 91, 234, 0.26) !important;
}

.content.people-page > .people-switcher button i {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: #1f66ff !important;
  background: rgba(239, 245, 255, 0.95) !important;
}

.content.people-page > .people-switcher button.active i {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.17) !important;
}

.content.people-page > .people-switcher svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page > .people-switcher strong,
.content.people-page > .people-switcher small {
  display: block !important;
}

.content.people-page > .people-switcher strong {
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 820 !important;
}

.content.people-page > .people-switcher small {
  margin-top: 6px !important;
  color: rgba(91, 108, 133, 0.92) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 680 !important;
}

.content.people-page > .people-switcher button.active small {
  color: rgba(255,255,255,0.9) !important;
}

.content.people-page .agency-search-command-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(200, 216, 239, 0.78) !important;
  background:
    radial-gradient(circle at 91% 6%, rgba(93, 132, 255, 0.14), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(245,249,255,0.92)) !important;
  box-shadow: 0 18px 42px rgba(17, 45, 92, 0.09), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .agency-search-command-panel::before {
  display: none !important;
}

.content.people-page .candidate-database-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
}

.content.people-page .candidate-database-header span {
  color: #5f7088 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.content.people-page .candidate-database-header h2 {
  max-width: none !important;
  margin: 9px 0 7px !important;
  color: #071833 !important;
  font-size: clamp(24px, 6.1vw, 30px) !important;
  line-height: 1.03 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-database-header p {
  max-width: 25ch !important;
  margin: 0 !important;
  color: #54657d !important;
  font-size: 14px !important;
  line-height: 1.46 !important;
  font-weight: 560 !important;
}

.content.people-page .candidate-database-header em,
.content.people-page .agency-candidate-results-header em {
  align-self: start !important;
  white-space: nowrap !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  color: #0e7a4a !important;
  background: #e8fbf2 !important;
  border: 1px solid rgba(31, 178, 108, 0.18) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.content.people-page .candidate-live-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 18px 0 14px !important;
}

.content.people-page .candidate-live-stats span {
  min-width: 0 !important;
  min-height: 78px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 10px 6px !important;
  border-radius: 17px !important;
  text-align: center !important;
  border: 1px solid rgba(204, 219, 240, 0.72) !important;
  background: rgba(255,255,255,0.9) !important;
  box-shadow: 0 12px 28px rgba(22, 53, 100, 0.06), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.people-page .candidate-live-stats i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f66ff !important;
}

.content.people-page .candidate-live-stats svg {
  width: 19px !important;
  height: 19px !important;
}

.content.people-page .candidate-live-stats strong {
  order: 2 !important;
  color: #071833 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-live-stats small {
  order: 3 !important;
  color: #243856 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.content.people-page .candidate-feed-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow: visible !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 218, 239, 0.72) !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 12px 30px rgba(17, 45, 92, 0.07) !important;
}

.content.people-page .candidate-feed-tabs button {
  min-width: 0 !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #334867 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
  font-weight: 660 !important;
  white-space: normal !important;
}

.content.people-page .candidate-feed-tabs button i,
.content.people-page .candidate-feed-tabs button svg {
  width: 20px !important;
  height: 20px !important;
}

.content.people-page .candidate-feed-tabs button.active {
  color: #155dff !important;
  background: linear-gradient(145deg, rgba(234, 243, 255, 0.96), rgba(255,255,255,0.86)) !important;
}

.content.people-page .agency-candidate-results-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .agency-candidate-results-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 2px 2px 0 !important;
  margin: 0 0 10px !important;
}

.content.people-page .agency-candidate-results-header span {
  display: none !important;
}

.content.people-page .agency-candidate-results-header strong {
  display: block !important;
  color: #071833 !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 840 !important;
}

.content.people-page .agency-candidate-results-header small {
  display: block !important;
  margin-top: 6px !important;
  color: #52647b !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
  font-weight: 560 !important;
}

.content.people-page .agency-candidate-results-panel .candidate-list-compact {
  gap: 14px !important;
  padding: 0 !important;
}

.content.people-page .candidate-result-card {
  width: 100% !important;
  border-radius: 24px !important;
  border: 1px solid rgba(204, 219, 240, 0.78) !important;
  background:
    radial-gradient(circle at 96% 7%, rgba(56, 121, 255, 0.08), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,251,255,0.95)) !important;
  box-shadow: 0 16px 36px rgba(15, 45, 91, 0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.content.people-page .candidate-result-summary {
  grid-template-columns: 70px minmax(0, 1fr) auto !important;
  grid-template-areas: "avatar main actions" !important;
  gap: 12px !important;
  padding: 16px !important;
}

.content.people-page .candidate-avatar.intel-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 24px rgba(27, 97, 229, 0.18) !important;
}

.content.people-page .candidate-summary-title h3 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #071833 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 840 !important;
}

.content.people-page .candidate-verified-mark {
  width: 18px !important;
  height: 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #1f7aff !important;
}

.content.people-page .candidate-verified-mark svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 3 !important;
}

.content.people-page .candidate-summary-title p {
  margin-top: 5px !important;
  color: #52647d !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 590 !important;
}

.content.people-page .candidate-summary-highlights {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.content.people-page .candidate-summary-highlights span,
.content.people-page .candidate-summary-intel span {
  min-height: 54px !important;
  padding: 9px 8px !important;
  border-radius: 15px !important;
  text-align: center !important;
}

.content.people-page .candidate-summary-intel {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.content.people-page .candidate-summary-intel span:nth-child(4) {
  display: none !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: end !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.content.people-page .candidate-tier-badge {
  min-width: 72px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
}

.content.people-page .candidate-profile-shortcut {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1964ff, #1555dc) !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(25, 100, 255, 0.22) !important;
}

.content.people-page .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 14px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-profile-shortcut,
.content.people-page .candidate-result-card:not(:first-child) .candidate-expand-indicator {
  display: none !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  font-size: 16px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  display: block !important;
}

@media (max-width: 370px) {
  .content.people-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .content.people-page .candidate-live-stats {
    gap: 7px !important;
  }

  .content.people-page .candidate-live-stats span {
    min-height: 72px !important;
  }

  .content.people-page .candidate-result-summary,
  .content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "actions actions" !important;
  }

  .content.people-page .candidate-summary-actions {
    grid-template-columns: auto auto !important;
    justify-items: start !important;
    padding-left: 66px !important;
  }
}
.content.people-page .workforce-match-search .agency-search-command-panel .candidate-search-suggestions.removable-search-signals,
.content.people-page .workforce-match-search .agency-search-command-panel .candidate-signal-chip,
.content.people-page .workforce-match-search .agency-search-command-panel .candidate-signal-empty {
  display: none !important;
}

.content.people-page .workforce-match-search .agency-search-command-panel {
  gap: 0 !important;
}
/* Native Android desktop-preview canvas lock EOF */
html.native-android {
  background: #061936 !important;
}

html.native-android body {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  justify-items: center !important;
  overflow-x: hidden !important;
  background: #061936 !important;
}

html.native-android #app,
html.native-android .app-shell {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  justify-self: center !important;
  overflow-x: hidden !important;
}

html.native-android .app-shell {
  min-height: 100dvh !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px rgba(216, 229, 244, 0.14), 0 30px 80px rgba(0, 0, 0, 0.34) !important;
}

html.native-android .main {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

html.native-android .nav,
html.native-android .sidebar-card,
html.native-android .job-flow-actions,
html.native-android .offer-detail-actions,
html.native-android .bottom-action-card {
  width: min(100vw, 430px) !important;
  max-width: 430px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
/* Native Android header clamp EOF */
html.native-android .app-header,
html.native-android .agency-premium-header {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}
/* Workforce quick tabs compact mobile pass */
.content.people-page {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.content.people-page > .people-switcher {
  gap: 8px !important;
  margin: 0 0 8px !important;
}

.content.people-page > .people-switcher button {
  min-height: 42px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-radius: 15px !important;
}

.content.people-page > .people-switcher button i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 11px !important;
}

.content.people-page > .people-switcher svg {
  width: 16px !important;
  height: 16px !important;
}

.content.people-page > .people-switcher strong {
  font-size: 12.5px !important;
  line-height: 1.05 !important;
}

.content.people-page > .people-switcher small {
  margin-top: 3px !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
}
/* Workforce candidate cards: luxury mobile structure */
.content.people-page .agency-candidate-results-header {
  margin-bottom: 12px !important;
}

.content.people-page .candidate-list-compact {
  padding-bottom: 22px !important;
}

.content.people-page .candidate-result-card {
  overflow: hidden !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(31, 102, 255, 0.12), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(45, 212, 191, 0.08), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(245,249,255,0.96)) !important;
  border: 1px solid rgba(186, 207, 235, 0.86) !important;
  box-shadow: 0 18px 40px rgba(10, 34, 74, 0.1), inset 0 1px 0 rgba(255,255,255,0.98) !important;
}

.content.people-page .candidate-result-summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-areas:
    "avatar title"
    "main main"
    "actions actions" !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px !important;
}

.content.people-page .candidate-avatar-rail {
  grid-area: avatar !important;
  width: 64px !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
}

.content.people-page .candidate-avatar.intel-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,0.3), transparent 30%),
    linear-gradient(145deg, #1f6bff, #1749b8) !important;
}

.content.people-page .candidate-rail-match {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: auto !important;
  min-width: 70px !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
  border-radius: 16px !important;
  background: #ecfff6 !important;
  border: 1px solid rgba(31, 178, 108, 0.2) !important;
  color: #0e7a4a !important;
  box-shadow: none !important;
}

.content.people-page .candidate-rail-match strong,
.content.people-page .candidate-rail-match small {
  color: inherit !important;
}

.content.people-page .candidate-rail-match strong {
  font-size: 16px !important;
}

.content.people-page .candidate-rail-match small {
  font-size: 8px !important;
  letter-spacing: 0.08em !important;
}

.content.people-page .candidate-rail-status {
  width: 100% !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: #087047 !important;
  background: #dff8ec !important;
  border: 1px solid rgba(31, 178, 108, 0.2) !important;
  font-size: 9px !important;
  font-weight: 840 !important;
  letter-spacing: 0.1em !important;
}

.content.people-page .candidate-summary-main {
  display: contents !important;
}

.content.people-page .candidate-summary-title {
  grid-area: title !important;
  min-width: 0 !important;
  padding-right: 78px !important;
}

.content.people-page .candidate-summary-title h3 {
  margin: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #061735 !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-summary-title p {
  max-width: 100% !important;
  margin: 6px 0 0 !important;
  color: #52647d !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
  overflow-wrap: anywhere !important;
}

.content.people-page .candidate-summary-highlights {
  grid-area: main !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 2px 0 0 !important;
}

.content.people-page .candidate-summary-intel {
  grid-area: main !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 70px !important;
}

.content.people-page .candidate-summary-highlights span,
.content.people-page .candidate-summary-intel span {
  min-width: 0 !important;
  min-height: 58px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 9px 7px !important;
  border-radius: 17px !important;
  text-align: center !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(239,247,255,0.9)) !important;
  border: 1px solid rgba(188, 209, 237, 0.74) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
  overflow: hidden !important;
}

.content.people-page .candidate-summary-highlights strong,
.content.people-page .candidate-summary-intel strong {
  max-width: 100% !important;
  color: #071833 !important;
  font-size: 14px !important;
  line-height: 1.06 !important;
  font-weight: 850 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.content.people-page .candidate-summary-highlights small,
.content.people-page .candidate-summary-intel small {
  max-width: 100% !important;
  color: #77869b !important;
  font-size: 8px !important;
  line-height: 1.08 !important;
  font-weight: 820 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.content.people-page .candidate-summary-intel span:nth-child(4) {
  display: none !important;
}

.content.people-page .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 0 !important;
}

.content.people-page .candidate-tier-badge {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
}

.content.people-page .candidate-tier-badge small {
  display: none !important;
}

.content.people-page .candidate-tier-badge strong {
  font-size: 12px !important;
}

.content.people-page .candidate-profile-shortcut {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  grid-template-columns: 52px minmax(0, 1fr) 64px !important;
  grid-template-areas: "avatar title actions" !important;
  min-height: 92px !important;
  padding: 14px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 17px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title {
  padding-right: 0 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  font-size: 15.5px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title p {
  font-size: 11.2px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  grid-template-columns: 1fr !important;
  justify-items: end !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-tier-badge {
  width: auto !important;
  min-width: 58px !important;
  height: 34px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-profile-shortcut,
.content.people-page .candidate-result-card:not(:first-child) .candidate-expand-indicator {
  display: none !important;
}
/* Workforce candidate card stacking fix */
.content.people-page .candidate-result-summary {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-areas:
    "avatar main"
    "actions actions" !important;
}

.content.people-page .candidate-summary-main {
  grid-area: main !important;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.content.people-page .candidate-summary-title,
.content.people-page .candidate-summary-highlights,
.content.people-page .candidate-summary-intel {
  grid-area: auto !important;
}

.content.people-page .candidate-summary-highlights {
  margin: 4px 0 0 !important;
}

.content.people-page .candidate-summary-intel {
  margin-top: 0 !important;
}

.content.people-page .candidate-summary-actions {
  margin-top: 2px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-main {
  display: block !important;
}
/* Workforce featured card full-width metrics */
.content.people-page .candidate-result-card:first-child .candidate-result-summary {
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-areas:
    "avatar title"
    "highlights highlights"
    "intel intel"
    "actions actions" !important;
}

.content.people-page .candidate-result-card:first-child .candidate-summary-main {
  display: contents !important;
}

.content.people-page .candidate-result-card:first-child .candidate-summary-title {
  grid-area: title !important;
}

.content.people-page .candidate-result-card:first-child .candidate-summary-highlights {
  grid-area: highlights !important;
  width: 100% !important;
}

.content.people-page .candidate-result-card:first-child .candidate-summary-intel {
  grid-area: intel !important;
  width: 100% !important;
}

.content.people-page .candidate-result-card:first-child .candidate-summary-actions {
  grid-area: actions !important;
}
/* Workforce compact candidate cards: consistent premium structure */
.content.people-page .candidate-result-card:not(:first-child) {
  border-radius: 22px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  grid-template-areas: "avatar main actions" !important;
  min-height: 0 !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px 14px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar-rail {
  width: 52px !important;
  gap: 0 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-main {
  grid-area: main !important;
  display: block !important;
  min-width: 0 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title {
  grid-area: auto !important;
  padding-right: 0 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  justify-content: flex-start !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title p {
  margin-top: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  justify-items: end !important;
  align-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-tier-badge {
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 58px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
}

.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-profile-shortcut,
.content.people-page .candidate-result-card:not(:first-child) .candidate-expand-indicator {
  display: none !important;
}
/* Workforce cards: uniform compact scan cards */
.content.people-page .candidate-result-card,
.content.people-page .candidate-result-card:first-child,
.content.people-page .candidate-result-card:not(:first-child) {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.content.people-page .candidate-result-card .candidate-result-summary,
.content.people-page .candidate-result-card:first-child .candidate-result-summary,
.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) 70px !important;
  grid-template-areas:
    "avatar main actions"
    "chips chips chips" !important;
  align-items: center !important;
  gap: 10px 12px !important;
  min-height: 0 !important;
  padding: 13px 14px !important;
}

.content.people-page .candidate-result-card .candidate-avatar-rail,
.content.people-page .candidate-result-card:first-child .candidate-avatar-rail,
.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar-rail {
  grid-area: avatar !important;
  width: 54px !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-self: start !important;
  gap: 5px !important;
}

.content.people-page .candidate-result-card .candidate-avatar.intel-avatar,
.content.people-page .candidate-result-card:first-child .candidate-avatar.intel-avatar,
.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 17px !important;
  overflow: visible !important;
}

.content.people-page .candidate-result-card .candidate-avatar.intel-avatar img,
.content.people-page .candidate-result-card:first-child .candidate-avatar.intel-avatar img,
.content.people-page .candidate-result-card:not(:first-child) .candidate-avatar.intel-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.52),
    0 10px 22px rgba(15, 23, 42, 0.12) !important;
}

.content.people-page .candidate-result-card .candidate-avatar.intel-avatar.has-photo span {
  display: none !important;
}

.content.people-page .candidate-result-card .candidate-rail-status,
.content.people-page .candidate-result-card:first-child .candidate-rail-status,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-status {
  display: inline-grid !important;
  place-items: center !important;
  width: auto !important;
  max-width: 58px !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  color: #087047 !important;
  background: #ddf7eb !important;
  border: 1px solid rgba(31, 178, 108, 0.22) !important;
}

.content.people-page .candidate-result-card .candidate-rail-match,
.content.people-page .candidate-result-card:first-child .candidate-rail-match,
.content.people-page .candidate-result-card:not(:first-child) .candidate-rail-match {
  display: none !important;
}

.content.people-page .candidate-result-card .candidate-summary-main,
.content.people-page .candidate-result-card:first-child .candidate-summary-main,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-main {
  display: contents !important;
}

.content.people-page .candidate-result-card .candidate-summary-title,
.content.people-page .candidate-result-card:first-child .candidate-summary-title,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title {
  grid-area: main !important;
  min-width: 0 !important;
  padding-right: 0 !important;
}

.content.people-page .candidate-result-card .candidate-summary-title h3,
.content.people-page .candidate-result-card:first-child .candidate-summary-title h3,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title h3 {
  margin: 0 !important;
  justify-content: flex-start !important;
  color: #061735 !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}

.content.people-page .candidate-result-card .candidate-summary-title p,
.content.people-page .candidate-result-card:first-child .candidate-summary-title p,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title p {
  margin-top: 5px !important;
  color: #52647d !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
  overflow-wrap: anywhere !important;
}

.content.people-page .candidate-result-card .candidate-summary-actions,
.content.people-page .candidate-result-card:first-child .candidate-summary-actions,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  grid-area: actions !important;
  display: grid !important;
  justify-items: end !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.content.people-page .candidate-result-card .candidate-tier-badge,
.content.people-page .candidate-result-card:first-child .candidate-tier-badge,
.content.people-page .candidate-result-card:not(:first-child) .candidate-tier-badge {
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 58px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
}

.content.people-page .candidate-result-card .candidate-tier-badge small {
  display: none !important;
}

.content.people-page .candidate-result-card .candidate-tier-badge strong {
  font-size: 12px !important;
}

.content.people-page .candidate-result-card .candidate-summary-highlights,
.content.people-page .candidate-result-card:first-child .candidate-summary-highlights,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights {
  grid-area: chips !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
}

.content.people-page .candidate-result-card .candidate-summary-highlights span,
.content.people-page .candidate-result-card:first-child .candidate-summary-highlights span,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-highlights span {
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 7px 6px !important;
  border-radius: 14px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.content.people-page .candidate-result-card .candidate-summary-highlights strong {
  font-size: 13.5px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.content.people-page .candidate-result-card .candidate-summary-highlights small {
  max-width: 100% !important;
  font-size: 7.5px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.08em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page .candidate-result-card .candidate-summary-intel,
.content.people-page .candidate-result-card:first-child .candidate-summary-intel,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-intel,
.content.people-page .candidate-result-card .candidate-profile-shortcut,
.content.people-page .candidate-result-card .candidate-expand-indicator {
  display: none !important;
}

/* Workforce cards: fixed scan anchors */
.content.people-page .candidate-result-card .candidate-result-summary,
.content.people-page .candidate-result-card:first-child .candidate-result-summary,
.content.people-page .candidate-result-card:not(:first-child) .candidate-result-summary {
  position: relative !important;
}

.content.people-page .candidate-result-card .candidate-summary-title,
.content.people-page .candidate-result-card:first-child .candidate-summary-title,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-title {
  padding-right: 78px !important;
}

.content.people-page .candidate-result-card .candidate-summary-actions,
.content.people-page .candidate-result-card:first-child .candidate-summary-actions,
.content.people-page .candidate-result-card:not(:first-child) .candidate-summary-actions {
  position: absolute !important;
  top: 32px !important;
  right: 14px !important;
  width: 70px !important;
  height: 34px !important;
  display: block !important;
  z-index: 2 !important;
}

.content.people-page .candidate-result-card .candidate-tier-badge,
.content.people-page .candidate-result-card:first-child .candidate-tier-badge,
.content.people-page .candidate-result-card:not(:first-child) .candidate-tier-badge {
  position: static !important;
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  height: 34px !important;
  justify-content: center !important;
}

/* Workforce final CRM rebuild */
.content.people-page {
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  padding-left: clamp(14px, 4vw, 18px) !important;
  padding-right: clamp(14px, 4vw, 18px) !important;
}

.content.people-page > .people-switcher {
  width: 100% !important;
  margin: 14px 0 16px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.content.people-page > .people-switcher button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  border-radius: 20px !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  text-align: left !important;
  border: 1px solid rgba(188, 209, 237, 0.82) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #061735 !important;
  box-shadow: 0 12px 28px rgba(15, 31, 56, 0.08) !important;
}

.content.people-page > .people-switcher button.active {
  border-color: rgba(255, 255, 255, 0.54) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1859f2 0%, #2459ed 48%, #7453f4 100%) !important;
  box-shadow: 0 18px 34px rgba(38, 95, 245, 0.25) !important;
}

.content.people-page > .people-switcher button:focus-visible {
  outline: 3px solid rgba(45, 110, 255, 0.34) !important;
  outline-offset: 3px !important;
}

.content.people-page > .people-switcher i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f63ff !important;
  background: #eef6ff !important;
}

.content.people-page > .people-switcher button.active i {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

.content.people-page > .people-switcher svg {
  width: 15px !important;
  height: 15px !important;
}

.content.people-page > .people-switcher strong,
.content.people-page > .people-switcher small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page > .people-switcher strong {
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.content.people-page > .people-switcher small {
  margin-top: 4px !important;
  color: #64748b !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
}

.content.people-page > .people-switcher button.active small {
  color: rgba(255, 255, 255, 0.78) !important;
}

.content.people-page .workforce-network-page {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.content.people-page .preferred-network-hero {
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 30px 30px 26px 26px !important;
  padding: 20px 18px 76px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 84% 15%, rgba(74, 201, 255, 0.34), transparent 24%),
    radial-gradient(circle at 28% 12%, rgba(32, 104, 255, 0.48), transparent 34%),
    linear-gradient(145deg, #071a4e 0%, #0a2d7a 44%, #0d55cb 76%, #2e6eff 100%) !important;
  box-shadow: 0 24px 46px rgba(9, 43, 111, 0.25) !important;
}

.content.people-page .preferred-network-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-radial-gradient(ellipse at 90% 64%, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 13px),
    linear-gradient(120deg, transparent 0 62%, rgba(255, 255, 255, 0.08) 62% 100%) !important;
  opacity: 0.48 !important;
  pointer-events: none !important;
}

.content.people-page .network-hero-brand,
.content.people-page .network-hero-grid {
  position: relative !important;
  z-index: 1 !important;
}

.content.people-page .network-hero-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 28px !important;
}

.content.people-page .network-brand-mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.content.people-page .network-brand-mark img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

.content.people-page .network-hero-brand strong {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.content.people-page .network-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.content.people-page .network-hero-grid > div {
  min-width: 0 !important;
}

.content.people-page .network-hero-grid span {
  display: block !important;
  color: rgba(221, 235, 255, 0.88) !important;
  font-size: clamp(12px, 3.2vw, 14px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

.content.people-page .network-hero-grid h2 {
  margin: 12px 0 12px !important;
  max-width: 245px !important;
  color: #fff !important;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif !important;
  font-size: clamp(34px, 9.7vw, 41px) !important;
  line-height: 1.04 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
}

.content.people-page .network-hero-grid p {
  max-width: 252px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(14px, 4vw, 16px) !important;
  line-height: 1.38 !important;
  font-weight: 560 !important;
}

.content.people-page .network-member-tile {
  width: clamp(88px, 25vw, 108px) !important;
  min-height: 112px !important;
  border-radius: 26px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 72% 0%, rgba(90, 221, 255, 0.38), transparent 36%),
    linear-gradient(145deg, rgba(45, 110, 255, 0.74), rgba(10, 42, 119, 0.68)) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 18px 34px rgba(0, 0, 0, 0.18) !important;
}

.content.people-page .network-member-tile i,
.content.people-page .preferred-network-summary i,
.content.people-page .workforce-network-tabs i {
  display: grid !important;
  place-items: center !important;
}

.content.people-page .network-member-tile i svg {
  width: 18px !important;
  height: 18px !important;
}

.content.people-page .network-member-tile {
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .network-member-tile small {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-family: var(--font, system-ui) !important;
  font-weight: 720 !important;
}

.content.people-page .network-content-sheet {
  width: 100% !important;
  margin: -44px 0 0 !important;
  position: relative !important;
  z-index: 3 !important;
  border-radius: 30px 30px 0 0 !important;
  padding: 14px 12px 88px !important;
  background:
    radial-gradient(circle at 90% 5%, rgba(220, 234, 255, 0.72), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 54%, #eef5ff 100%) !important;
  box-shadow: 0 -12px 30px rgba(7, 26, 78, 0.12) !important;
}

.content.people-page .preferred-network-controls {
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 0 !important;
}

.content.people-page .network-search-field {
  width: 100% !important;
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 50px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 0 8px 0 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(188, 209, 237, 0.84) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 14px 34px rgba(15, 31, 56, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.content.people-page .network-search-field svg {
  width: 20px !important;
  height: 20px !important;
  color: #53647c !important;
}

.content.people-page .network-search-field input {
  min-width: 0 !important;
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #061735 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.content.people-page .network-search-field input::placeholder {
  color: #7a879a !important;
  opacity: 1 !important;
}

.content.people-page .network-search-field button {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(45, 110, 255, 0.18) !important;
  color: #1f54d8 !important;
  background: #f5f8ff !important;
  box-shadow: 0 10px 24px rgba(45, 110, 255, 0.12) !important;
}

.content.people-page .preferred-network-summary {
  width: 100% !important;
  margin: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.people-page .preferred-network-summary span {
  min-width: 0 !important;
  min-height: 88px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 12px 10px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(205, 219, 240, 0.78) !important;
  box-shadow: 0 12px 28px rgba(15, 31, 56, 0.07) !important;
}

.content.people-page .preferred-network-summary i {
  width: 22px !important;
  height: 22px !important;
  color: #205eff !important;
}

.content.people-page .preferred-network-summary i svg {
  width: 18px !important;
  height: 18px !important;
}

.content.people-page .preferred-network-summary strong {
  color: #061735 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .preferred-network-summary small {
  color: #42526b !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

.content.people-page .workforce-network-tabs {
  width: 100% !important;
  margin: 0 0 14px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
}

.content.people-page .workforce-network-tabs button {
  min-width: 0 !important;
  min-height: 46px !important;
  border-radius: 17px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #33435e !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(205, 219, 240, 0.82) !important;
  box-shadow: 0 10px 22px rgba(15, 31, 56, 0.06) !important;
}

.content.people-page .workforce-network-tabs button.active {
  color: #fff !important;
  background: linear-gradient(135deg, #1859f2, #7453f4) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(38, 95, 245, 0.22) !important;
}

.content.people-page .workforce-network-tabs span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}

.content.people-page .workforce-network-tabs svg {
  width: 15px !important;
  height: 15px !important;
}

.content.people-page .preferred-industry-accordion {
  width: 100% !important;
  display: grid !important;
  gap: 9px !important;
}

.content.people-page .preferred-industry-card {
  width: 100% !important;
  border: 0 !important;
  border-radius: 20px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .preferred-industry-summary {
  width: 100% !important;
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) minmax(112px, 40%) 42px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(205, 219, 240, 0.82) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 13px 30px rgba(15, 31, 56, 0.075) !important;
}

.content.people-page .preferred-industry-summary > span {
  width: 50px !important;
  height: 50px !important;
  border-radius: 17px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f63ff !important;
  background: linear-gradient(145deg, #eef6ff, #ececff) !important;
}

.content.people-page .preferred-industry-summary > span svg {
  width: 23px !important;
  height: 23px !important;
}

.content.people-page .preferred-industry-summary > div {
  min-width: 0 !important;
}

.content.people-page .preferred-industry-summary strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: #071833 !important;
  font-size: 16px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.content.people-page .network-avatar-stack {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  height: 24px !important;
}

.content.people-page .network-avatar-stack i,
.content.people-page .network-avatar-stack em {
  width: 24px !important;
  height: 24px !important;
  margin-left: -5px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 2px solid #fff !important;
  background: linear-gradient(135deg, #d9ebff, #f2f6ff) !important;
  color: #183b76 !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(15, 31, 56, 0.1) !important;
}

.content.people-page .network-avatar-stack i:first-child {
  margin-left: 0 !important;
}

.content.people-page .network-avatar-stack img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.content.people-page .network-avatar-stack em {
  background: #eef4ff !important;
  color: #205eff !important;
}

.content.people-page .network-sector-metrics {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.content.people-page .network-sector-metrics span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  color: #205eff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.content.people-page .network-sector-metrics b {
  color: #061735 !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

.content.people-page .network-sector-metrics small {
  color: #64748b !important;
  font-size: 8px !important;
  line-height: 1.1 !important;
}

.content.people-page .preferred-industry-summary > i {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  color: #205eff !important;
  background: #f7faff !important;
  border: 1px solid rgba(205, 219, 240, 0.88) !important;
  transform: rotate(-90deg) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-summary > i {
  transform: rotate(90deg) !important;
}

@media (max-width: 380px) {
  .content.people-page .preferred-network-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.people-page .preferred-industry-summary {
    grid-template-columns: 52px minmax(0, 1fr) 38px !important;
  }

  .content.people-page .network-sector-metrics {
    grid-column: 2 / -1 !important;
    grid-row: 2 !important;
  }
}

/* Workforce final CRM mobile fit refinements */
.content.people-page .preferred-network-hero {
  display: block !important;
  min-height: 248px !important;
  height: auto !important;
  padding: 16px 16px 56px !important;
  border-radius: 24px !important;
}

.content.people-page .network-hero-grid {
  width: 100% !important;
}

.content.people-page .network-hero-brand {
  margin-bottom: 16px !important;
}

.content.people-page .network-brand-mark {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
}

.content.people-page .network-brand-mark img {
  width: 25px !important;
  height: 25px !important;
}

.content.people-page .network-hero-brand strong {
  font-size: 16px !important;
}

.content.people-page .network-hero-grid span {
  font-size: 10.5px !important;
  letter-spacing: 0.2em !important;
}

.content.people-page .network-hero-grid h2 {
  max-width: 272px !important;
  margin: 9px 0 10px !important;
  font-size: clamp(25px, 6.4vw, 27px) !important;
  line-height: 1.08 !important;
}

.content.people-page .network-hero-grid p {
  max-width: 250px !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
}

.content.people-page .network-member-tile {
  width: 72px !important;
  min-height: 78px !important;
  border-radius: 18px !important;
  gap: 3px !important;
  font-size: 22px !important;
}

.content.people-page .network-member-tile i svg {
  width: 15px !important;
  height: 15px !important;
}

.content.people-page .network-member-tile small {
  font-size: 8.5px !important;
  line-height: 1.05 !important;
}

.content.people-page .network-content-sheet {
  margin-top: -30px !important;
  padding: 10px 4px 88px !important;
  border-radius: 22px 22px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .preferred-network-controls {
  margin-bottom: 10px !important;
}

.content.people-page .network-search-field {
  min-height: 50px !important;
  grid-template-columns: 22px minmax(0, 1fr) 44px !important;
  padding: 0 6px 0 14px !important;
  border-radius: 19px !important;
}

.content.people-page .network-search-field button {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 16px !important;
}

.content.people-page .network-snapshot-section {
  width: 100% !important;
  margin: 18px 0 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(189, 205, 230, 0.62) !important;
}

.content.people-page .network-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 20px !important;
  margin: 0 2px 8px !important;
  padding-top: 2px !important;
}

.content.people-page .network-section-heading span {
  color: #637087 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.content.people-page .network-section-heading strong {
  color: #0b7a58 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(218, 250, 232, 0.72) !important;
  border: 1px solid rgba(129, 223, 173, 0.46) !important;
}

.content.people-page .preferred-network-summary {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.content.people-page .preferred-network-summary > span {
  min-height: 66px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-content: center !important;
  align-items: center !important;
  gap: 2px 5px !important;
  padding: 8px 7px !important;
}

.content.people-page .preferred-network-summary i {
  grid-row: 1 / span 2 !important;
  width: 18px !important;
  height: 18px !important;
}

.content.people-page .preferred-network-summary i svg {
  width: 15px !important;
  height: 15px !important;
}

.content.people-page .preferred-network-summary strong {
  font-size: 17px !important;
}

.content.people-page .preferred-network-summary small {
  font-size: 8.7px !important;
}

.content.people-page .workforce-network-tabs-section {
  width: 100% !important;
  margin: 18px 0 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(189, 205, 230, 0.62) !important;
}

.content.people-page .workforce-network-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 0 !important;
}

.content.people-page .workforce-network-tabs button {
  min-height: 44px !important;
}

.content.people-page .workforce-network-tabs span {
  white-space: normal !important;
  line-height: 1.08 !important;
}

.content.people-page .preferred-industry-summary {
  min-height: 76px !important;
  grid-template-columns: 44px minmax(0, 1fr) 124px 28px !important;
  gap: 6px !important;
  padding: 8px 7px !important;
  border-radius: 18px !important;
}

.content.people-page .preferred-industry-summary > span {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
}

.content.people-page .preferred-industry-summary strong {
  max-width: 100% !important;
  margin-bottom: 5px !important;
  font-size: 14px !important;
}

.content.people-page .network-avatar-stack i,
.content.people-page .network-avatar-stack em {
  width: 20px !important;
  height: 20px !important;
  margin-left: -6px !important;
  font-size: 7px !important;
}

.content.people-page .network-sector-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
  text-align: left !important;
}

.content.people-page .network-sector-metrics b {
  font-size: 11px !important;
}

.content.people-page .network-sector-metrics small {
  font-size: 7px !important;
  white-space: nowrap !important;
}

.content.people-page .preferred-industry-summary > i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
}

.content.people-page .preferred-industry-accordion {
  margin-top: 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(189, 205, 230, 0.62) !important;
}

.content.people-page .preferred-industry-accordion .network-section-heading {
  margin-bottom: 10px !important;
}

/* Workforce CRM expanded sector polish */
.content.people-page .preferred-industry-card.open {
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 255, 0.9)) !important;
  border: 1px solid rgba(188, 209, 237, 0.72) !important;
  box-shadow: 0 18px 38px rgba(15, 31, 56, 0.08) !important;
  overflow: hidden !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-summary {
  border-radius: 0 !important;
  border-width: 0 0 1px !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.84) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics {
  margin: 10px 10px 8px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics span {
  min-height: 46px !important;
  padding: 7px 6px !important;
  border-radius: 15px !important;
  background: rgba(236, 253, 245, 0.72) !important;
  border: 1px solid rgba(134, 239, 172, 0.38) !important;
  box-shadow: none !important;
  font-size: 8.5px !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics strong {
  font-size: 14px !important;
}

.content.people-page .preferred-site-list {
  width: 100% !important;
  margin: 0 !important;
  padding: 7px 4px 9px !important;
  gap: 8px !important;
  border-top: 1px solid rgba(188, 209, 237, 0.56) !important;
  background:
    radial-gradient(circle at 95% 0%, rgba(32, 108, 196, 0.07), transparent 38%),
    linear-gradient(180deg, rgba(248, 252, 255, 0.95), rgba(237, 248, 246, 0.62)) !important;
}

.content.people-page .preferred-site-card {
  width: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(151, 198, 207, 0.58) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(14, 165, 233, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 253, 250, 0.9)) !important;
  box-shadow: 0 12px 26px rgba(15, 31, 56, 0.07) !important;
}

.content.people-page .preferred-site-summary {
  min-height: 0 !important;
  padding: 12px !important;
  position: relative !important;
  display: block !important;
}

.content.people-page .preferred-site-copy {
  grid-column: auto !important;
  gap: 6px !important;
}

.content.people-page .preferred-site-copy > .preferred-site-eyebrow,
.content.people-page .preferred-site-copy > strong,
.content.people-page .preferred-site-copy > small {
  max-width: calc(100% - 96px) !important;
}

.content.people-page .preferred-site-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 21px !important;
  align-items: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: #075985 !important;
  background: rgba(224, 242, 254, 0.9) !important;
  border: 1px solid rgba(125, 211, 252, 0.44) !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.content.people-page .preferred-site-copy strong {
  font-size: 17px !important;
  line-height: 1.08 !important;
}

.content.people-page .preferred-site-copy small {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

.content.people-page .preferred-site-primary-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 5px !important;
}

.content.people-page .preferred-site-primary-metrics span {
  min-width: 0 !important;
  min-height: 46px !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 7px 5px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(188, 209, 237, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  color: #536173 !important;
  font-size: 9px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

.content.people-page .preferred-site-primary-metrics b {
  color: #061735 !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
}

.content.people-page .preferred-site-primary-metrics small {
  color: #64748b !important;
  font-size: 7.5px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.content.people-page .preferred-site-footer {
  min-width: 0 !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  justify-items: end !important;
  align-content: start !important;
  gap: 6px !important;
}

.content.people-page .preferred-site-status {
  display: grid !important;
  justify-items: end !important;
  gap: 5px !important;
}

.content.people-page .preferred-site-status span {
  min-height: 24px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
}

.content.people-page .preferred-site-status small {
  font-size: 9px !important;
}

.content.people-page .preferred-site-arrow {
  width: 28px !important;
  height: 28px !important;
  border-radius: 11px !important;
  background: rgba(240, 249, 255, 0.92) !important;
  color: #0f766e !important;
}

@media (max-width: 380px) {
  .content.people-page .preferred-network-hero {
    min-height: 238px !important;
    padding-inline: 16px !important;
  }

  .content.people-page .network-hero-grid h2 {
    max-width: 238px !important;
    font-size: 27px !important;
  }

  .content.people-page .network-member-tile {
    width: 68px !important;
    min-height: 74px !important;
  }

  .content.people-page .preferred-industry-summary {
    grid-template-columns: 42px minmax(0, 1fr) 28px !important;
  }

  .content.people-page .network-sector-metrics {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding-left: 50px !important;
  }
}

/* Workforce Network: luxury site portfolio expanded sectors */
.content.people-page .preferred-industry-card.open {
  width: 100% !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 255, 0.94)) !important;
  border: 1px solid rgba(188, 209, 237, 0.82) !important;
  box-shadow: 0 16px 34px rgba(15, 31, 56, 0.08) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-summary {
  min-height: 70px !important;
  border-radius: 0 !important;
  border-width: 0 0 1px !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics {
  width: calc(100% - 20px) !important;
  margin: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics span {
  min-width: 0 !important;
  min-height: 46px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 2px !important;
  padding: 7px 6px !important;
  border-radius: 16px !important;
  color: #516178 !important;
  background: linear-gradient(180deg, rgba(239, 253, 248, 0.9), rgba(247, 254, 252, 0.92)) !important;
  border: 1px solid rgba(147, 221, 200, 0.48) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics strong {
  color: #087968 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .network-site-portfolio {
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 8px 10px !important;
  display: grid !important;
  gap: 9px !important;
  border-top: 1px solid rgba(188, 209, 237, 0.52) !important;
  background: linear-gradient(180deg, rgba(248, 252, 255, 0.78), rgba(239, 247, 255, 0.56)) !important;
}

.content.people-page .network-site-card,
.content.people-page .network-site-row {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
  border: 1px solid rgba(197, 215, 239, 0.86) !important;
  background:
    radial-gradient(circle at 94% 2%, rgba(219, 244, 236, 0.62), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(252, 254, 255, 0.96)) !important;
  box-shadow: 0 12px 28px rgba(15, 31, 56, 0.07) !important;
}

.content.people-page .network-site-card {
  padding: 12px !important;
  overflow: visible !important;
}

.content.people-page .network-site-header {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 0 12px !important;
}

.content.people-page .network-site-header strong {
  display: block !important;
  color: #061735 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.content.people-page .network-site-header small {
  display: block !important;
  margin-top: 4px !important;
  color: #087968 !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.content.people-page .network-site-header-actions {
  position: relative !important;
  min-width: 96px !important;
  display: grid !important;
  grid-template-columns: auto 32px !important;
  gap: 6px !important;
  justify-items: end !important;
  align-items: center !important;
}

.content.people-page .network-site-active {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #087968 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #27c47a !important;
  box-shadow: 0 0 0 5px rgba(39, 196, 122, 0.12) !important;
}

.content.people-page .network-site-menu,
.content.people-page .network-site-header-actions .preferred-site-arrow,
.content.people-page .network-site-row .preferred-site-arrow {
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(197, 215, 239, 0.88) !important;
  color: #145fff !important;
  background: rgba(248, 251, 255, 0.94) !important;
  box-shadow: none !important;
}

.content.people-page .network-site-menu svg {
  width: 17px !important;
  height: 17px !important;
}

.content.people-page .network-site-header-actions .preferred-site-arrow {
  grid-column: 2 !important;
}

.content.people-page .network-site-header-actions .preferred-site-arrow svg {
  width: 16px !important;
  height: 16px !important;
  transform: rotate(90deg) !important;
}

.content.people-page .network-site-action-menu {
  position: absolute !important;
  top: 38px !important;
  right: 0 !important;
  z-index: 12 !important;
  width: min(220px, 64vw) !important;
  padding: 8px !important;
  display: grid !important;
  gap: 4px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(196, 214, 239, 0.94) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 42px rgba(5, 27, 68, 0.18) !important;
}

.content.people-page .network-site-action-menu button {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #10203a !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: left !important;
}

.content.people-page .network-site-action-menu button:active,
.content.people-page .network-site-action-menu button:hover,
.content.people-page .network-site-action-menu button:focus-visible {
  color: #145fff !important;
  background: rgba(231, 240, 255, 0.9) !important;
}

.content.people-page .network-site-metrics {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 12px !important;
  padding: 10px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-block: 1px solid rgba(216, 226, 240, 0.88) !important;
}

.content.people-page .network-site-metrics span,
.content.people-page .preferred-nested-worker-metrics span {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 2px !important;
  padding: 0 5px !important;
  border-right: 1px solid rgba(216, 226, 240, 0.92) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.people-page .network-site-metrics span:last-child,
.content.people-page .preferred-nested-worker-metrics span:last-child {
  border-right: 0 !important;
}

.content.people-page .network-site-metrics strong,
.content.people-page .preferred-nested-worker-metrics strong {
  color: #061735 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .network-site-metrics small,
.content.people-page .preferred-nested-worker-metrics small {
  color: #52627a !important;
  font-size: 9.5px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  text-align: center !important;
  text-transform: lowercase !important;
}

.content.people-page .network-worker-heading {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 9px !important;
  padding: 0 2px !important;
}

.content.people-page .network-worker-heading strong {
  color: #061735 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.content.people-page .network-worker-heading span {
  color: #52627a !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.content.people-page .network-worker-list {
  width: 100% !important;
  display: grid !important;
  gap: 10px !important;
}

.content.people-page .network-worker-row {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  border-radius: 17px !important;
  border: 1px solid rgba(205, 219, 240, 0.9) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 10px 24px rgba(15, 31, 56, 0.06) !important;
}

.content.people-page .network-worker-top {
  width: 100% !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 32px !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 0 10px !important;
}

.content.people-page .network-worker-avatar {
  width: 58px !important;
  height: 58px !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  color: #0f3b75 !important;
  background: linear-gradient(135deg, #e6f1ff, #f1f5ff) !important;
  border: 1px solid rgba(213, 225, 242, 0.96) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.content.people-page .network-worker-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.content.people-page .network-worker-initials {
  position: absolute !important;
  left: -2px !important;
  top: -2px !important;
  width: 27px !important;
  height: 27px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #087968 !important;
  background: #d9fae8 !important;
  border: 2px solid #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

.content.people-page .network-worker-row .workforce-worker-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

.content.people-page .network-worker-row .workforce-worker-main strong {
  display: block !important;
  max-width: 100% !important;
  color: #061735 !important;
  font-size: 17px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.people-page .network-worker-row .workforce-worker-main small {
  display: block !important;
  color: #52627a !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags span {
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #087968 !important;
  background: rgba(218, 250, 232, 0.82) !important;
  border: 1px solid rgba(129, 223, 173, 0.52) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.content.people-page .network-worker-row .workforce-more-shell {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: end !important;
}

.content.people-page .network-worker-row .workforce-more-button {
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #53647c !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

.content.people-page .network-worker-row .workforce-more-button svg {
  width: 18px !important;
  height: 18px !important;
}

.content.people-page .network-worker-row .workforce-more-menu {
  position: absolute !important;
  top: 36px !important;
  right: 0 !important;
  z-index: 8 !important;
  width: min(230px, 72vw) !important;
  padding: 8px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(205, 219, 240, 0.94) !important;
  box-shadow: 0 18px 34px rgba(15, 31, 56, 0.14) !important;
}

.content.people-page .preferred-nested-worker-metrics {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 9px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-block: 1px solid rgba(216, 226, 240, 0.9) !important;
}

.content.people-page .preferred-nested-worker-metrics strong {
  font-size: 15px !important;
}

.content.people-page .preferred-nested-worker-metrics small {
  font-size: 8.5px !important;
}

.content.people-page .network-worker-row .compact-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.content.people-page .network-worker-row .compact-actions .button,
.content.people-page .network-worker-row .compact-actions .ghost-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.content.people-page .network-worker-row .compact-actions .ghost-button {
  color: #061735 !important;
  background: #fff !important;
  border: 1px solid rgba(15, 31, 56, 0.86) !important;
  box-shadow: none !important;
}

.content.people-page .network-worker-row .compact-actions .button {
  color: #fff !important;
  background: linear-gradient(135deg, #051b44, #073a86) !important;
  border: 1px solid rgba(4, 19, 50, 0.18) !important;
  box-shadow: 0 12px 22px rgba(5, 27, 68, 0.18) !important;
}

.content.people-page .network-view-all-workers {
  width: 100% !important;
  min-height: 40px !important;
  margin: 8px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #145fff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}

.content.people-page .network-view-all-workers svg {
  width: 14px !important;
  height: 14px !important;
  transform: rotate(-90deg) !important;
}

.content.people-page .network-site-row {
  min-height: 74px !important;
  padding: 11px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto 32px !important;
  gap: 10px !important;
  align-items: center !important;
  text-align: left !important;
}

.content.people-page .network-site-row > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.content.people-page .network-site-row strong {
  color: #061735 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.people-page .network-site-row small {
  color: #087968 !important;
  font-size: 11.5px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.content.people-page .network-site-row em {
  min-width: 54px !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: end !important;
  color: #087968 !important;
  font-style: normal !important;
}

.content.people-page .network-site-row em b {
  color: #087968 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.people-page .network-site-row em small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #087968 !important;
  font-size: 10px !important;
}

.content.people-page .network-site-row .preferred-site-arrow svg {
  width: 15px !important;
  height: 15px !important;
  transform: rotate(-90deg) !important;
}

@media (max-width: 380px) {
  .content.people-page .network-site-portfolio {
    padding-inline: 6px !important;
  }

  .content.people-page .network-site-card {
    padding: 10px !important;
  }

  .content.people-page .network-site-header strong {
    font-size: 20px !important;
  }

  .content.people-page .network-site-metrics strong {
    font-size: 16px !important;
  }

  .content.people-page .network-site-metrics small {
    font-size: 8.5px !important;
  }

  .content.people-page .network-worker-top {
    grid-template-columns: 52px minmax(0, 1fr) 30px !important;
    gap: 8px !important;
  }

  .content.people-page .network-worker-avatar {
    width: 52px !important;
    height: 52px !important;
  }

  .content.people-page .network-worker-row {
    padding: 10px !important;
  }

  .content.people-page .preferred-nested-worker-metrics strong {
    font-size: 14px !important;
  }

  .content.people-page .preferred-nested-worker-metrics small {
    font-size: 8px !important;
  }
}

/* Workforce Network: use the full mobile safe width for expanded portfolio */
.content.people-page:has(.workforce-network-page) {
  padding-left: max(8px, env(safe-area-inset-left)) !important;
  padding-right: max(8px, env(safe-area-inset-right)) !important;
}

.content.people-page .workforce-network-page,
.content.people-page .network-content-sheet,
.content.people-page .preferred-industry-accordion,
.content.people-page .preferred-industry-card,
.content.people-page .preferred-industry-card.open {
  max-width: none !important;
  width: 100% !important;
}

.content.people-page .network-content-sheet {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.content.people-page .network-site-portfolio {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.content.people-page .network-site-card {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.content.people-page .network-worker-row {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Workforce Network: full-bleed mobile portfolio refinement */
body:has(.workforce-network-page) #app,
body:has(.workforce-network-page) .app-shell {
  width: 100vw !important;
  max-width: 100vw !important;
}

.content.people-page:has(.workforce-network-page) {
  padding-left: max(2px, env(safe-area-inset-left)) !important;
  padding-right: max(2px, env(safe-area-inset-right)) !important;
}

.content.people-page .preferred-site-list.network-site-portfolio {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-summary {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.content.people-page .network-site-card,
.content.people-page .network-worker-row {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.content.people-page .network-site-metrics,
.content.people-page .preferred-nested-worker-metrics,
.content.people-page .network-worker-row .compact-actions {
  width: 100% !important;
}

.content.people-page .network-all-workers-shown {
  margin: 8px 0 0 !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #65748c !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}

/* Workforce Network: acknowledged-risk offer sheet */
.risky-offer-backdrop {
  align-items: end !important;
  padding: 18px !important;
  background: rgba(3, 18, 43, 0.52) !important;
  backdrop-filter: blur(12px) !important;
}

.risky-offer-sheet {
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
  padding: 18px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(210, 224, 244, 0.92) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
  box-shadow: 0 -24px 60px rgba(2, 16, 41, 0.26) !important;
}

.risky-offer-sheet header {
  position: relative !important;
  display: grid !important;
  gap: 8px !important;
  padding-right: 52px !important;
}

.risky-offer-sheet header .icon-button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 44px !important;
  height: 44px !important;
  color: #071933 !important;
  background: #edf4ff !important;
  border: 1px solid rgba(203, 218, 239, 0.9) !important;
  box-shadow: none !important;
}

.risky-offer-sheet header > span {
  color: #8a5b00 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.risky-offer-sheet h2 {
  margin: 0 !important;
  color: #061735 !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

.risky-offer-sheet p {
  margin: 0 !important;
  color: #53647c !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 760 !important;
}

.risky-offer-summary {
  margin: 16px 0 !important;
  padding: 12px !important;
  display: grid !important;
  gap: 8px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(224, 184, 84, 0.36) !important;
  background: linear-gradient(135deg, rgba(255, 249, 232, 0.96), rgba(246, 251, 255, 0.96)) !important;
}

.risky-offer-summary span {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.risky-offer-summary strong {
  color: #061735 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.risky-offer-summary small {
  color: #65748c !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

.risky-offer-check {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 0 16px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(198, 215, 238, 0.9) !important;
  background: rgba(239, 246, 255, 0.76) !important;
}

.risky-offer-check input {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  accent-color: #155fff !important;
}

.risky-offer-check span {
  color: #172842 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.risky-offer-actions {
  display: grid !important;
  grid-template-columns: 0.82fr 1.18fr !important;
  gap: 10px !important;
}

.risky-offer-actions button {
  min-height: 50px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.risky-offer-actions .button:disabled {
  opacity: 0.45 !important;
  filter: grayscale(0.25) !important;
}

/* Workforce Network: true edge-to-edge candidate cards */
body:has(.workforce-network-page) .main,
body:has(.workforce-network-page) .content.people-page {
  width: 100vw !important;
  max-width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.content.people-page .preferred-industry-card.open,
.content.people-page .preferred-site-list.network-site-portfolio {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
}

.content.people-page .preferred-industry-card.open {
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

.content.people-page .preferred-site-list.network-site-portfolio {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.content.people-page .network-site-card.is-expanded {
  width: calc(100vw - 4px) !important;
  max-width: calc(100vw - 4px) !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  border-radius: 18px !important;
}

.content.people-page .network-worker-list {
  width: 100% !important;
  padding: 0 !important;
}

.content.people-page .network-worker-row {
  width: 100% !important;
  max-width: none !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  border-radius: 18px !important;
}

/* Workforce Network: full roster availability states */
.content.people-page .network-worker-row.network-worker-unavailable {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 246, 225, 0.9), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 239, 0.94)) !important;
  border-color: rgba(229, 184, 104, 0.56) !important;
}

.content.people-page .network-worker-row.network-worker-standby {
  background:
    radial-gradient(circle at 0% 0%, rgba(232, 240, 255, 0.92), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.95)) !important;
  border-color: rgba(174, 196, 232, 0.72) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #8b5a00 !important;
  background: rgba(255, 241, 214, 0.92) !important;
  border-color: rgba(227, 184, 105, 0.62) !important;
}

.content.people-page .network-worker-row.network-worker-standby .availability-tag {
  color: #36547e !important;
  background: rgba(232, 240, 255, 0.92) !important;
  border-color: rgba(177, 198, 231, 0.72) !important;
}

/* Workforce Network: final semantic availability layer */
.content.people-page .network-site-active {
  color: #07845f !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(213, 244, 229, 0.94)) !important;
  border-color: rgba(40, 174, 124, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(20, 128, 86, 0.08) !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  background: linear-gradient(135deg, #4ade80, #18b979) !important;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14), 0 4px 10px rgba(20, 128, 86, 0.2) !important;
}

.content.people-page .network-worker-row.network-worker-available {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 252, 250, 0.96)) !important;
  border-color: rgba(90, 191, 147, 0.5) !important;
}

.content.people-page .network-worker-row.network-worker-available .availability-tag {
  color: #08765d !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(215, 242, 232, 0.94)) !important;
  border-color: rgba(18, 139, 102, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-available .network-worker-initials {
  color: #08765d !important;
  background: linear-gradient(145deg, #e5f9ef, #d7f2e8) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable {
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 68, 68, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 246, 246, 0.96)) !important;
  border-color: rgba(239, 112, 112, 0.42) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #9f1f2f !important;
  background: linear-gradient(180deg, rgba(255, 239, 239, 0.98), rgba(251, 223, 223, 0.94)) !important;
  border-color: rgba(178, 43, 43, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #9f1f2f !important;
  background: linear-gradient(145deg, #fff0f0, #fbe0e0) !important;
}

.content.people-page .network-worker-row.network-worker-offline {
  background:
    radial-gradient(circle at 96% 0%, rgba(100, 116, 139, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.97)) !important;
  border-color: rgba(191, 201, 217, 0.88) !important;
}

.content.people-page .network-worker-row.network-worker-offline .availability-tag {
  color: #526073 !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(232, 237, 244, 0.94)) !important;
  border-color: rgba(174, 186, 203, 0.76) !important;
}

.content.people-page .network-worker-row.network-worker-offline .network-worker-initials {
  color: #5c6675 !important;
  background: linear-gradient(145deg, #f8fafc, #e8edf4) !important;
}

/* Final app-wide mobile width system: 8px page gutter */
:root {
  --agencyhub-page-gutter: 8px;
}

html.native-android .main {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

html.native-android .content,
html.native-android .profile-page-content,
html.native-android .worker-premium-page,
html.native-android .worker-finance-page,
html.native-android .worker-jobs-page,
html.native-android .worker-filter-page,
html.native-android .training-page,
html.native-android .profile-manager-page,
html.native-android .shift-documents-page,
html.native-android .settings-page,
html.native-android .notification-centre-page,
html.native-android .messages-centre-page,
html.native-android .availability-page,
html.native-android .people-page,
html.native-android .agency-home-page,
html.native-android .agency-jobs-page,
html.native-android .agency-offers-page,
html.native-android .agency-schedules-page,
html.native-android .agency-training-page,
html.native-android .agency-filter-page,
html.native-android .agency-candidate-profile-page,
html.native-android .premium-offer-detail-page,
html.native-android .premium-job-profile-page,
html.native-android .worker-booking-journey,
html.native-android .statement-detail-page,
html.native-android .instant-payout-page {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page,
html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page {
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}

html.native-android .app-header,
html.native-android .agencyhub-premium-header,
html.native-android .nav {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html.native-android .app-header-row,
html.native-android .header-tools {
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-view-surface,
html.native-android .premium-bookings-experience .premium-worker-calendar {
  width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  max-width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  margin-left: calc(var(--agencyhub-page-gutter) * -1) !important;
  margin-right: calc(var(--agencyhub-page-gutter) * -1) !important;
}

html.native-android .content > *,
html.native-android .worker-premium-page > *,
html.native-android .profile-page-content > *,
html.native-android .worker-finance-page > *,
html.native-android .profile-manager-page > *,
html.native-android .people-page > * {
  max-width: 100%;
  box-sizing: border-box;
}

/* App-wide mobile width system: 8px page gutter */
:root {
  --agencyhub-page-gutter: 8px;
}

html.native-android .main {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

html.native-android .content,
html.native-android .profile-page-content,
html.native-android .worker-premium-page,
html.native-android .worker-finance-page,
html.native-android .worker-jobs-page,
html.native-android .worker-filter-page,
html.native-android .training-page,
html.native-android .profile-manager-page,
html.native-android .shift-documents-page,
html.native-android .settings-page,
html.native-android .notification-centre-page,
html.native-android .messages-centre-page,
html.native-android .availability-page,
html.native-android .people-page,
html.native-android .agency-home-page,
html.native-android .agency-jobs-page,
html.native-android .agency-offers-page,
html.native-android .agency-schedules-page,
html.native-android .agency-training-page,
html.native-android .agency-filter-page,
html.native-android .agency-candidate-profile-page,
html.native-android .premium-offer-detail-page,
html.native-android .premium-job-profile-page,
html.native-android .worker-booking-journey,
html.native-android .statement-detail-page,
html.native-android .instant-payout-page {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page,
html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page {
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}

html.native-android .app-header,
html.native-android .agencyhub-premium-header,
html.native-android .nav {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html.native-android .app-header-row,
html.native-android .header-tools {
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-view-surface,
html.native-android .premium-bookings-experience .premium-worker-calendar {
  width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  max-width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  margin-left: calc(var(--agencyhub-page-gutter) * -1) !important;
  margin-right: calc(var(--agencyhub-page-gutter) * -1) !important;
}

html.native-android .content > *,
html.native-android .worker-premium-page > *,
html.native-android .profile-page-content > *,
html.native-android .worker-finance-page > *,
html.native-android .profile-manager-page > *,
html.native-android .people-page > * {
  max-width: 100%;
  box-sizing: border-box;
}

/* Candidate Bookings rebuild */
.content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 18px 16px calc(118px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #edf5ff 0%, #f8fbff 32%, #ffffff 100%) !important;
  color: #06255f !important;
}

.premium-bookings-experience > * {
  width: 100% !important;
  box-sizing: border-box !important;
}

.candidate-bookings-search {
  margin: 0 0 18px !important;
}

.candidate-bookings-search label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 58px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(180, 199, 232, 0.7) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 16px 34px rgba(37, 88, 168, 0.12) !important;
}

.candidate-bookings-search svg {
  width: 22px !important;
  height: 22px !important;
  color: #55709c !important;
  flex: 0 0 auto !important;
}

.candidate-bookings-search input {
  min-width: 0 !important;
  flex: 1 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #0b2a63 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

.candidate-bookings-search button {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #eef5ff !important;
  color: #255dba !important;
}

.premium-bookings-experience .worker-booking-hero {
  position: relative !important;
  min-height: 356px !important;
  margin: 0 0 20px !important;
  padding: 28px 20px 20px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 17%, rgba(92, 186, 255, 0.95), transparent 26%),
    radial-gradient(circle at 88% 91%, rgba(105, 46, 218, 0.75), transparent 26%),
    linear-gradient(135deg, #0b48e0 0%, #0836b3 48%, #071f78 100%) !important;
  box-shadow: 0 26px 52px rgba(9, 50, 150, 0.28) !important;
  color: #fff !important;
}

.premium-bookings-experience .worker-booking-hero h2 {
  max-width: 230px !important;
  margin: 18px 0 12px !important;
  color: #fff !important;
  font-size: 35px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.premium-bookings-experience .worker-booking-hero p {
  max-width: 232px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 560 !important;
}

.premium-bookings-experience .worker-booking-hero span:first-child {
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.booking-calendar-3d {
  position: absolute !important;
  right: 18px !important;
  top: 86px !important;
  width: 126px !important;
  height: 126px !important;
  transform: rotate(-8deg) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #ffffff, #b8d6ff 62%, #69a1ff) !important;
  box-shadow: 0 24px 38px rgba(0, 23, 92, 0.3), inset 0 -12px 22px rgba(32, 96, 220, 0.22) !important;
}

.booking-calendar-3d i,
.booking-calendar-3d b {
  position: absolute !important;
  top: -14px !important;
  width: 18px !important;
  height: 32px !important;
  border: 5px solid #4a7cff !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: transparent !important;
}

.booking-calendar-3d i { left: 30px !important; }
.booking-calendar-3d b { right: 28px !important; }

.booking-calendar-3d span {
  position: absolute !important;
  width: 21px !important;
  height: 17px !important;
  border-radius: 5px !important;
  background: linear-gradient(145deg, #eaf4ff, #83b8ff) !important;
}

.booking-calendar-3d span:nth-of-type(1) { left: 22px !important; top: 38px !important; }
.booking-calendar-3d span:nth-of-type(2) { left: 53px !important; top: 38px !important; }
.booking-calendar-3d span:nth-of-type(3) { left: 84px !important; top: 38px !important; }
.booking-calendar-3d span:nth-of-type(4) { left: 22px !important; top: 64px !important; }
.booking-calendar-3d span:nth-of-type(5) { left: 53px !important; top: 64px !important; }
.booking-calendar-3d span:nth-of-type(6) { left: 84px !important; top: 64px !important; }
.booking-calendar-3d span:nth-of-type(7) { left: 22px !important; top: 90px !important; }
.booking-calendar-3d span:nth-of-type(8) { left: 53px !important; top: 90px !important; }
.booking-calendar-3d span:nth-of-type(9) { left: 84px !important; top: 90px !important; }

.premium-bookings-experience .worker-booking-kpis {
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.premium-bookings-experience .worker-booking-kpis span {
  min-height: 86px !important;
  padding: 16px 6px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #08275f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(4, 28, 90, 0.16) !important;
}

.premium-bookings-experience .worker-booking-kpis strong {
  font-size: 24px !important;
  font-weight: 860 !important;
}

.premium-bookings-experience .worker-booking-kpis small {
  color: #49628e !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.candidate-section-title,
.current-booking-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
}

.candidate-section-title span,
.current-booking-top span {
  color: #506a98 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.candidate-section-title button,
.current-booking-top button {
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #eef5ff !important;
  color: #0d55f0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.premium-bookings-experience .worker-current-booking,
.candidate-recent-bookings,
.premium-bookings-experience .worker-scheduling-centre,
.candidate-booking-details,
.candidate-requirements-card,
.candidate-booking-actions-card,
.candidate-secured-callout {
  border: 1px solid rgba(204, 216, 235, 0.86) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(30, 71, 132, 0.12) !important;
}

.premium-bookings-experience .worker-current-booking,
.candidate-recent-bookings,
.premium-bookings-experience .worker-scheduling-centre {
  margin: 0 0 22px !important;
  padding: 18px !important;
}

.current-booking-main,
.candidate-detail-hero {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.candidate-date-tile {
  min-width: 56px !important;
  min-height: 68px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #1d70ff, #0950e8) !important;
  box-shadow: 0 16px 28px rgba(13, 88, 238, 0.26) !important;
}

.candidate-date-tile strong {
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 860 !important;
}

.candidate-date-tile small,
.candidate-date-tile em {
  color: rgba(255,255,255,0.9) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

.candidate-date-tile.compact {
  min-width: 56px !important;
  min-height: 64px !important;
  background: #f3f7ff !important;
  color: #0d2d68 !important;
  box-shadow: none !important;
}

.candidate-date-tile.compact strong { font-size: 24px !important; }
.candidate-date-tile.compact small,
.candidate-date-tile.compact em { color: #55709c !important; }

.current-booking-main h2,
.candidate-detail-hero h2 {
  margin: 6px 0 6px !important;
  color: #07275f !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.current-booking-main p,
.candidate-detail-hero p,
.candidate-detail-hero span {
  margin: 3px 0 !important;
  color: #526b99 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.booking-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #0d58f2 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.booking-status-pill.completed,
.candidate-recent-row b.completed {
  color: #099266 !important;
  background: #dff8ec !important;
}

.booking-status-pill.pending,
.candidate-recent-row b.action {
  color: #6b46d9 !important;
  background: #efe9ff !important;
}

.booking-status-pill.cancelled,
.candidate-recent-row b.cancelled {
  color: #d43246 !important;
  background: #ffe9ed !important;
}

.current-booking-strip,
.candidate-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 12px 0 !important;
  border: 1px solid #dde7f4 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.current-booking-strip span,
.candidate-detail-grid span {
  min-height: 54px !important;
  padding: 9px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  background: rgba(255,255,255,0.96) !important;
  border-right: 1px solid #e2eaf6 !important;
}

.candidate-detail-grid span:nth-child(3n),
.current-booking-strip span:last-child {
  border-right: 0 !important;
}

.current-booking-strip small,
.candidate-detail-grid small,
.candidate-requirements-card small,
.candidate-booking-actions-card small,
.candidate-secured-callout small {
  color: #657da7 !important;
  font-size: 11px !important;
  font-weight: 720 !important;
}

.current-booking-strip strong,
.candidate-detail-grid strong {
  color: #08275f !important;
  font-size: 14px !important;
  font-weight: 840 !important;
}

.current-booking-readiness {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.current-booking-readiness span {
  min-height: 58px !important;
  padding: 9px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 1px solid #e0e9f6 !important;
  border-radius: 14px !important;
  color: #0e5efa !important;
  background: #fbfdff !important;
}

.current-booking-readiness svg {
  width: 19px !important;
  height: 19px !important;
}

.current-booking-readiness b {
  color: #0a2a63 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.current-booking-readiness small {
  color: #63799d !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

.current-booking-callout,
.candidate-secured-callout {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 12px 0 !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #eef5ff, #f9fcff) !important;
}

.current-booking-callout svg,
.candidate-secured-callout svg {
  width: 30px !important;
  height: 30px !important;
  color: #0d5bff !important;
}

.current-booking-callout strong,
.candidate-secured-callout strong {
  color: #0a2a63 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.current-booking-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
  gap: 10px !important;
}

.current-booking-actions button,
.candidate-booking-actions-card button {
  min-height: 48px !important;
  border: 1px solid #dce7f7 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #0c55ed !important;
  font-size: 14px !important;
  font-weight: 820 !important;
}

.current-booking-actions .primary {
  border: 0 !important;
  background: linear-gradient(135deg, #1267ff, #064ce7) !important;
  color: #fff !important;
}

.candidate-recent-list {
  display: grid !important;
  gap: 10px !important;
}

.candidate-recent-row {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) auto 18px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border: 1px solid #e0e9f6 !important;
  border-radius: 16px !important;
  background: #fff !important;
}

.candidate-recent-row strong {
  display: block !important;
  color: #08275f !important;
  font-size: 15px !important;
  font-weight: 840 !important;
}

.candidate-recent-row small,
.candidate-recent-row span {
  display: block !important;
  margin-top: 4px !important;
  color: #566f9b !important;
  font-size: 12px !important;
  font-weight: 660 !important;
}

.candidate-recent-row b {
  display: inline-flex !important;
  margin-left: 8px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  color: #0d58f2 !important;
  background: #eaf2ff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.candidate-recent-row > em {
  color: #08275f !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 860 !important;
}

.premium-bookings-experience .calendar-command-header {
  min-height: 132px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #0d55ef, #082fbe) !important;
  color: #fff !important;
}

.premium-bookings-experience .calendar-command-header h2 {
  max-width: 250px !important;
  color: #fff !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
}

.premium-bookings-experience .calendar-command-header p {
  color: rgba(255,255,255,0.88) !important;
  font-size: 13px !important;
}

.premium-bookings-experience .calendar-command-header button {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.18) !important;
  color: #fff !important;
}

.premium-bookings-experience .calendar-command-header button span {
  display: none !important;
}

.premium-bookings-experience .calendar-intelligence-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 10px 0 16px !important;
}

.premium-bookings-experience .calendar-intelligence-primary,
.premium-bookings-experience .calendar-intelligence-grid span {
  border: 1px solid #e0e9f6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 22px rgba(30,71,132,0.08) !important;
}

.premium-bookings-experience .calendar-view-tabs,
.premium-bookings-experience .calendar-status-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}

.premium-bookings-experience .calendar-view-tabs button,
.premium-bookings-experience .calendar-status-tabs button {
  min-height: 40px !important;
  padding: 0 6px !important;
  border: 1px solid #dce7f7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #546b97 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.premium-bookings-experience .calendar-view-tabs button.active,
.premium-bookings-experience .calendar-status-tabs button.active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1267ff, #064ce7) !important;
  color: #fff !important;
}

.premium-worker-calendar {
  padding: 16px !important;
  border: 1px solid #e0e9f6 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.premium-worker-calendar .monthly-calendar-header h3 {
  margin: 0 !important;
  color: #08275f !important;
  font-size: 21px !important;
  letter-spacing: 0 !important;
}

.premium-worker-calendar .calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.premium-worker-calendar .calendar-grid button {
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #08275f !important;
  font-weight: 820 !important;
}

.premium-worker-calendar .calendar-grid button.muted {
  color: #9badc8 !important;
}

.premium-worker-calendar .calendar-grid button.selected,
.premium-worker-calendar .calendar-grid button.has-shift:hover {
  background: linear-gradient(135deg, #1c70ff, #0750e8) !important;
  color: #fff !important;
}

.premium-worker-calendar .calendar-grid i {
  display: inline-block !important;
  width: 4px !important;
  height: 4px !important;
  margin: 2px !important;
  border-radius: 50% !important;
  background: #0d58f2 !important;
}

.premium-worker-calendar .calendar-grid button.selected i {
  background: #9cd8ff !important;
}

.premium-worker-calendar .calendar-month-next {
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #eef5ff, #f9fcff) !important;
}

.content.worker-booking-journey.booking-stage-details {
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 12px 16px calc(118px + env(safe-area-inset-bottom)) !important;
  background: #f8fbff !important;
}

.content.worker-booking-journey.booking-stage-details .booking-journey-header {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.content.worker-booking-journey.booking-stage-details .booking-journey-title,
.content.worker-booking-journey.booking-stage-details .booking-journey-meta,
.content.worker-booking-journey.booking-stage-details .booking-journey-progress {
  display: none !important;
}

.content.worker-booking-journey.booking-stage-details .booking-journey-nav {
  min-height: 46px !important;
}

.content.worker-booking-journey.booking-stage-details .booking-journey-nav span {
  color: #08275f !important;
  font-weight: 850 !important;
}

.candidate-booking-details {
  padding: 16px !important;
}

.candidate-detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.candidate-requirements-card,
.candidate-booking-actions-card,
.candidate-secured-callout {
  margin: 14px 0 0 !important;
  padding: 14px !important;
}

.candidate-requirements-card h3,
.candidate-booking-actions-card h3 {
  margin: 0 0 10px !important;
  color: #08275f !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.candidate-requirements-card article {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 52px !important;
  border-top: 1px solid #e3ebf6 !important;
}

.candidate-requirements-card article:first-of-type {
  border-top: 0 !important;
}

.candidate-requirements-card svg {
  width: 22px !important;
  height: 22px !important;
  color: #0d58f2 !important;
}

.candidate-requirements-card strong {
  display: block !important;
  color: #08275f !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.candidate-requirements-card em {
  color: #5070a2 !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.candidate-booking-actions-card > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.candidate-booking-actions-card .candidate-cancel-booking {
  width: 100% !important;
  margin-top: 10px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #1267ff, #064ce7) !important;
  color: #fff !important;
}

.candidate-cancel-sheet {
  display: grid !important;
  gap: 14px !important;
}

.candidate-cancel-summary {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid #e0e9f6 !important;
  border-radius: 16px !important;
  background: #f7fbff !important;
}

.candidate-cancel-summary svg {
  width: 26px !important;
  height: 26px !important;
  color: #0d58f2 !important;
}

.candidate-cancel-summary strong {
  display: block !important;
  color: #08275f !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.candidate-cancel-summary small {
  color: #5d739a !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.candidate-cancel-reasons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.candidate-cancel-reasons button,
.candidate-cancel-actions button {
  min-height: 44px !important;
  border: 1px solid #dce7f7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0b2a63 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.candidate-cancel-note {
  display: grid !important;
  gap: 8px !important;
}

.candidate-cancel-note span {
  color: #4f6792 !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.candidate-cancel-note textarea {
  width: 100% !important;
  resize: vertical !important;
  padding: 12px !important;
  border: 1px solid #dce7f7 !important;
  border-radius: 14px !important;
  color: #08275f !important;
  font: inherit !important;
}

.candidate-cancel-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.candidate-cancel-actions .button {
  border: 0 !important;
  background: linear-gradient(135deg, #1267ff, #064ce7) !important;
  color: #fff !important;
}

:root {
  --booking-page-gutter: 8px;
  --booking-details-bg: #f7faff;
  --booking-details-surface: #ffffff;
  --booking-details-ice: #f2f7ff;
  --booking-details-navy: #071b44;
  --booking-details-blue: #0a5af5;
  --booking-details-electric: #1676ff;
  --booking-details-muted: #667c9e;
  --booking-details-border: #d9e7fa;
  --booking-details-danger: #e74255;
}

.content.worker-booking-journey.booking-stage-details {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: calc(14px + env(safe-area-inset-top)) var(--booking-page-gutter) calc(122px + env(safe-area-inset-bottom)) !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 52% -8%, rgba(22, 118, 255, 0.16), transparent 34%),
    linear-gradient(180deg, #fbfdff 0%, var(--booking-details-bg) 48%, #ffffff 100%) !important;
}

.content.worker-booking-journey.booking-stage-details .booking-journey-header,
.content.worker-booking-journey.booking-stage-details .booking-journey-progress {
  display: none !important;
}

.booking-details-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow-x: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.booking-details-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid var(--booking-details-border) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(38, 86, 153, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.booking-details-topbar {
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 0 0 8px !important;
}

.booking-details-topbar > div {
  min-width: 0 !important;
  text-align: center !important;
}

.booking-details-topbar h1 {
  margin: 0 !important;
  color: var(--booking-details-navy) !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}

.booking-details-topbar span {
  margin-top: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: var(--booking-details-blue) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
}

.booking-details-topbar span svg {
  width: 15px !important;
  height: 15px !important;
}

.booking-details-icon-button {
  width: 48px !important;
  height: 48px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #e0eaf8 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0b2c67 !important;
  box-shadow: 0 10px 24px rgba(26, 67, 125, 0.11) !important;
}

.booking-details-icon-button svg {
  width: 23px !important;
  height: 23px !important;
}

.booking-details-hero-card {
  padding: 18px 18px 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.booking-details-hero-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -90px -80px auto auto !important;
  width: 230px !important;
  height: 230px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(74, 158, 255, 0.18), transparent 68%) !important;
  pointer-events: none !important;
}

.booking-details-hero-main {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  gap: 14px !important;
  align-items: start !important;
}

.booking-details-copy {
  min-width: 0 !important;
  padding-top: 16px !important;
}

.booking-details-status {
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(10, 90, 245, 0.2) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #cfe5ff, #1e78ff) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  box-shadow: 0 8px 18px rgba(10, 90, 245, 0.18) !important;
}

.booking-details-status svg {
  width: 14px !important;
  height: 14px !important;
}

.booking-details-status.pending {
  background: #eef3ff !important;
  color: #4f46d8 !important;
}

.booking-details-status.completed {
  background: #e7f8f1 !important;
  color: #0b8d64 !important;
}

.booking-details-status.cancelled {
  background: #fff1f3 !important;
  color: var(--booking-details-danger) !important;
}

.booking-details-copy h2 {
  margin: 12px 0 6px !important;
  color: var(--booking-details-navy) !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}

.booking-details-copy p {
  margin: 0 0 8px !important;
  color: var(--booking-details-blue) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}

.booking-details-copy > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #506993 !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

.booking-details-copy > span svg {
  width: 17px !important;
  height: 17px !important;
  color: var(--booking-details-blue) !important;
  flex: 0 0 auto !important;
}

.booking-details-date-tile {
  min-height: 126px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  border: 1px solid var(--booking-details-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  box-shadow: 0 16px 32px rgba(16, 94, 225, 0.12), inset 0 1px 0 #fff !important;
}

.booking-details-date-tile em,
.booking-details-date-tile small {
  color: var(--booking-details-blue) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

.booking-details-date-tile strong {
  color: var(--booking-details-blue) !important;
  font-size: 48px !important;
  line-height: 0.95 !important;
  font-weight: 920 !important;
}

.booking-details-map {
  width: calc(100% + 36px) !important;
  height: 134px !important;
  margin: 10px -18px 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.booking-details-map-art {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.booking-details-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.booking-details-info-grid article {
  min-width: 0 !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 12px 9px !important;
  border-right: 1px solid #e2ebf8 !important;
  border-bottom: 1px solid #e2ebf8 !important;
}

.booking-details-info-grid article:nth-child(3n) {
  border-right: 0 !important;
}

.booking-details-info-grid article:nth-last-child(-n + 3) {
  border-bottom: 0 !important;
}

.booking-details-info-grid i,
.booking-details-requirements i,
.booking-details-secured i {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #dce9fb !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #f8fbff, #edf5ff) !important;
  color: var(--booking-details-blue) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

.booking-details-info-grid i svg,
.booking-details-requirements i svg,
.booking-details-secured i svg {
  width: 20px !important;
  height: 20px !important;
}

.booking-details-info-grid span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.booking-details-info-grid small {
  color: #6d84a9 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 870 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.booking-details-info-grid strong {
  color: var(--booking-details-navy) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 880 !important;
  overflow-wrap: anywhere !important;
}

.booking-details-requirements,
.booking-details-actions {
  padding: 18px !important;
}

.booking-details-requirements h3,
.booking-details-actions h3 {
  margin: 0 0 12px !important;
  color: var(--booking-details-navy) !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
}

.booking-details-requirements button {
  width: 100% !important;
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto 18px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 11px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e2ebf8 !important;
  background: transparent !important;
  color: var(--booking-details-navy) !important;
  text-align: left !important;
}

.booking-details-requirements button:first-of-type {
  border-top: 0 !important;
}

.booking-details-requirements span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.booking-details-requirements strong {
  color: var(--booking-details-navy) !important;
  font-size: 15px !important;
  font-weight: 860 !important;
  overflow-wrap: anywhere !important;
}

.booking-details-requirements small {
  color: var(--booking-details-muted) !important;
  font-size: 13px !important;
  font-weight: 690 !important;
}

.booking-details-requirements em {
  color: var(--booking-details-blue) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.booking-details-requirements button > svg:last-child {
  width: 17px !important;
  height: 17px !important;
  color: #5f769c !important;
  transform: rotate(180deg) !important;
}

.booking-details-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.booking-details-action-grid button,
.booking-details-cancel {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.booking-details-action-grid button {
  border: 1px solid rgba(10, 90, 245, 0.42) !important;
  background: #ffffff !important;
  color: var(--booking-details-blue) !important;
}

.booking-details-action-grid svg,
.booking-details-cancel svg {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
}

.booking-details-cancel {
  width: 100% !important;
  margin-top: 12px !important;
  border: 1px solid rgba(231, 66, 85, 0.32) !important;
  background: linear-gradient(180deg, #fffafb, #fff3f5) !important;
  color: var(--booking-details-danger) !important;
}

.booking-details-secured {
  position: relative !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #ffffff 0%, #edf5ff 100%) !important;
}

.booking-details-secured i {
  width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #1f78ff, #063fd0) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(10, 90, 245, 0.25) !important;
}

.booking-details-secured i svg {
  width: 30px !important;
  height: 30px !important;
}

.booking-details-secured strong {
  display: block !important;
  color: var(--booking-details-navy) !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 880 !important;
}

.booking-details-secured small {
  display: block !important;
  max-width: 250px !important;
  margin-top: 4px !important;
  color: #51709e !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.booking-details-secured b {
  position: absolute !important;
  right: -18px !important;
  bottom: -28px !important;
  color: #9dc4ff !important;
  opacity: 0.24 !important;
}

.booking-details-secured b svg {
  width: 108px !important;
  height: 108px !important;
}

@media (max-width: 380px) {
  .booking-details-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .booking-details-info-grid article:nth-child(3n) {
    border-right: 1px solid #e2ebf8 !important;
  }

  .booking-details-info-grid article:nth-child(2n) {
    border-right: 0 !important;
  }

  .booking-details-info-grid article:nth-last-child(-n + 3) {
    border-bottom: 1px solid #e2ebf8 !important;
  }

  .booking-details-info-grid article:nth-last-child(-n + 2) {
    border-bottom: 0 !important;
  }

  .booking-details-hero-main {
    grid-template-columns: minmax(0, 1fr) 74px !important;
  }

  .booking-details-date-tile {
    min-height: 112px !important;
  }

  .booking-details-date-tile strong {
    font-size: 42px !important;
  }
}

/* Candidate Bookings polish pass: tighter, closer to the approved mobile reference */
.content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  padding: 14px 8px calc(104px + env(safe-area-inset-bottom)) !important;
}

.candidate-bookings-search {
  margin: 0 0 18px !important;
}

.candidate-bookings-search label {
  height: 54px !important;
  padding: 0 14px !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 26px rgba(37, 88, 168, 0.1) !important;
}

.candidate-bookings-search input {
  font-size: 14px !important;
}

.candidate-bookings-search button {
  width: 36px !important;
  height: 36px !important;
}

.premium-bookings-experience .worker-booking-hero {
  min-height: 326px !important;
  margin-bottom: 18px !important;
  padding: 26px 20px 18px !important;
  border-radius: 22px !important;
}

.premium-bookings-experience .worker-booking-hero h2 {
  max-width: 225px !important;
  margin: 16px 0 10px !important;
  font-size: 32px !important;
}

.premium-bookings-experience .worker-booking-hero p {
  max-width: 238px !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

.booking-calendar-3d {
  right: 24px !important;
  top: 102px !important;
  width: 106px !important;
  height: 106px !important;
  border-radius: 24px !important;
}

.booking-calendar-3d i,
.booking-calendar-3d b {
  top: -13px !important;
  width: 15px !important;
  height: 28px !important;
}

.booking-calendar-3d i { left: 26px !important; }
.booking-calendar-3d b { right: 24px !important; }

.booking-calendar-3d span {
  width: 18px !important;
  height: 15px !important;
}

.booking-calendar-3d span:nth-of-type(1) { left: 19px !important; top: 34px !important; }
.booking-calendar-3d span:nth-of-type(2) { left: 46px !important; top: 34px !important; }
.booking-calendar-3d span:nth-of-type(3) { left: 73px !important; top: 34px !important; }
.booking-calendar-3d span:nth-of-type(4) { left: 19px !important; top: 57px !important; }
.booking-calendar-3d span:nth-of-type(5) { left: 46px !important; top: 57px !important; }
.booking-calendar-3d span:nth-of-type(6) { left: 73px !important; top: 57px !important; }
.booking-calendar-3d span:nth-of-type(7) { left: 19px !important; top: 80px !important; }
.booking-calendar-3d span:nth-of-type(8) { left: 46px !important; top: 80px !important; }
.booking-calendar-3d span:nth-of-type(9) { left: 73px !important; top: 80px !important; }

.premium-bookings-experience .worker-booking-kpis {
  left: 20px !important;
  right: 20px !important;
  bottom: 18px !important;
  gap: 8px !important;
}

.premium-bookings-experience .worker-booking-kpis span {
  min-height: 74px !important;
  padding: 12px 4px 10px !important;
  border-radius: 14px !important;
}

.premium-bookings-experience .worker-booking-kpis strong {
  font-size: 23px !important;
  line-height: 1 !important;
}

.premium-bookings-experience .worker-booking-kpis small {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.premium-bookings-experience .worker-current-booking,
.candidate-recent-bookings,
.premium-bookings-experience .worker-scheduling-centre {
  padding: 16px !important;
  margin-bottom: 20px !important;
  border-radius: 20px !important;
}

.current-booking-actions {
  grid-template-columns: 1fr 0.82fr !important;
  gap: 10px !important;
}

.current-booking-actions button,
.candidate-booking-actions-card button {
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.current-booking-actions button svg,
.candidate-booking-actions-card button svg,
.candidate-recent-row > svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  stroke-width: 2.2 !important;
}

.current-booking-actions .primary svg {
  transform: rotate(180deg) !important;
}

.premium-bookings-experience .worker-scheduling-centre {
  padding-top: 14px !important;
}

.premium-bookings-experience .calendar-command-header {
  min-height: 118px !important;
  margin-bottom: 10px !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

.premium-bookings-experience .calendar-command-header h2 {
  max-width: 255px !important;
  font-size: 22px !important;
}

.premium-bookings-experience .calendar-command-header p {
  max-width: 260px !important;
  margin-top: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

.premium-bookings-experience .calendar-command-header button {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
}

.premium-bookings-experience .calendar-command-header button svg {
  width: 20px !important;
  height: 20px !important;
}

.premium-bookings-experience .calendar-intelligence {
  margin: 0 !important;
}

.premium-bookings-experience .calendar-intelligence-grid {
  gap: 8px !important;
  margin: 8px 0 12px !important;
}

.premium-bookings-experience .calendar-intelligence-primary {
  min-height: 82px !important;
  padding: 13px 14px !important;
}

.premium-bookings-experience .calendar-intelligence-grid span {
  min-height: 78px !important;
  padding: 12px 12px !important;
}

.premium-bookings-experience .calendar-view-tabs,
.premium-bookings-experience .calendar-status-tabs {
  gap: 8px !important;
  margin: 8px 0 0 !important;
}

.premium-bookings-experience .calendar-status-tabs {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

.premium-bookings-experience .calendar-view-tabs button,
.premium-bookings-experience .calendar-status-tabs button {
  min-height: 38px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.premium-worker-calendar {
  padding: 14px !important;
  border-radius: 18px !important;
}

.premium-worker-calendar .monthly-calendar-header {
  align-items: center !important;
  margin-bottom: 10px !important;
}

.premium-worker-calendar .monthly-calendar-header h3 {
  font-size: 22px !important;
  line-height: 1.05 !important;
}

.premium-worker-calendar .monthly-calendar-header > div > span,
.premium-worker-calendar .monthly-calendar-header > span {
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #55709c !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

.premium-worker-calendar .calendar-weekdays {
  margin-bottom: 4px !important;
}

.premium-worker-calendar .calendar-weekdays span {
  min-height: 28px !important;
  color: #627693 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.premium-worker-calendar .calendar-grid {
  gap: 3px !important;
}

.premium-worker-calendar .calendar-grid button {
  position: relative !important;
  min-height: 40px !important;
  aspect-ratio: auto !important;
  border-radius: 10px !important;
}

.premium-worker-calendar .calendar-grid button strong {
  font-size: 13px !important;
  line-height: 1 !important;
}

.premium-worker-calendar .calendar-grid button > span {
  position: absolute !important;
  left: 50% !important;
  bottom: 5px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 3px !important;
  width: auto !important;
  min-width: 16px !important;
  height: 5px !important;
  transform: translateX(-50%) !important;
}

.premium-worker-calendar .calendar-grid i {
  width: 5px !important;
  height: 5px !important;
  margin: 0 !important;
  opacity: 1 !important;
}

.premium-worker-calendar .calendar-grid i.confirmed { background: #246dff !important; }
.premium-worker-calendar .calendar-grid i.completed { background: #14a66f !important; }
.premium-worker-calendar .calendar-grid i.action { background: #d9962d !important; }
.premium-worker-calendar .calendar-grid i.cancelled { background: #d95063 !important; }
.premium-worker-calendar .calendar-grid i.training { background: #8157d9 !important; }

.premium-worker-calendar .calendar-grid button.selected {
  box-shadow: 0 10px 20px rgba(13, 88, 238, 0.2) !important;
}

.premium-worker-calendar .calendar-grid button.selected i {
  background: #d9eeff !important;
}

.premium-worker-calendar .calendar-month-next {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding: 12px !important;
}

.premium-worker-calendar .calendar-month-next strong {
  display: block !important;
  color: #0b2a63 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.premium-worker-calendar .calendar-month-next p {
  margin: 3px 0 0 !important;
  color: #657da7 !important;
  font-size: 11px !important;
}

.premium-worker-calendar .calendar-month-next button {
  width: 52px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
}

.calendar-status-key {
  margin-top: 12px !important;
  gap: 8px !important;
  justify-content: center !important;
}

.calendar-status-key span {
  font-size: 10px !important;
  line-height: 1 !important;
}

/* Candidate Bookings polish pass: keep calendar subviews aligned to the app width. */
.premium-bookings-experience .worker-scheduling-centre {
  overflow: visible !important;
}

.premium-bookings-experience .calendar-view-surface,
.premium-bookings-experience .premium-worker-calendar {
  width: calc(100% + 16px) !important;
  max-width: calc(100% + 16px) !important;
  margin-left: -8px !important;
  margin-right: -8px !important;
  box-sizing: border-box !important;
}

.premium-bookings-experience .calendar-timeline-view,
.premium-bookings-experience .calendar-status-view,
.premium-bookings-experience .calendar-daily-view {
  padding: 16px !important;
}

.premium-bookings-experience .calendar-timeline-view .calendar-surface-heading,
.premium-bookings-experience .calendar-status-view .calendar-surface-heading,
.premium-bookings-experience .calendar-daily-view .calendar-surface-heading {
  padding: 0 2px !important;
}

.premium-bookings-experience .calendar-timeline-agenda,
.premium-bookings-experience .calendar-week-agenda,
.premium-bookings-experience .calendar-schedule-list {
  width: 100% !important;
}

.premium-bookings-experience .calendar-agenda-day,
.premium-bookings-experience .calendar-sheet-event,
.premium-bookings-experience .calendar-sheet-event-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.premium-bookings-experience .calendar-sheet-event-card {
  padding: 14px !important;
}

.premium-bookings-experience .calendar-sheet-event-card h3 {
  overflow-wrap: anywhere !important;
  font-size: 19px !important;
}

.premium-bookings-experience .calendar-event-meta {
  gap: 7px !important;
}

.premium-bookings-experience .calendar-event-meta span {
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.premium-bookings-experience .calendar-event-actions > .calendar-primary-action,
.premium-bookings-experience .calendar-secondary-actions button {
  max-width: 100% !important;
}

.premium-bookings-experience .calendar-secondary-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Mileage claims: candidate submission and agency review */
.mileage-entry-card {
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #f7fbff);
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  box-shadow: 0 14px 28px rgba(7, 32, 70, 0.06);
}

.mileage-entry-card > span,
.mileage-rate-card > span,
.mileage-verification-card > span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #0c57c9;
  background: linear-gradient(145deg, #edf6ff, #e5eefc);
}

.mileage-entry-card svg,
.mileage-rate-card svg,
.mileage-verification-card svg,
.mileage-privacy svg,
.mileage-add-stop svg,
.mileage-actions svg {
  width: 20px;
  height: 20px;
}

.mileage-entry-card strong {
  color: var(--ink);
  font-size: 14px;
}

.mileage-entry-card small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.mileage-entry-card button {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #0b63e6, #07439b);
  color: #fff;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 900;
}

.mileage-page {
  box-sizing: border-box;
  color: #071a3a;
  width: min(100%, 704px);
  max-width: calc(100vw - 8px);
  margin: 0 auto;
  padding: 15px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background:
    radial-gradient(circle at 10% 0%, rgba(31, 132, 229, 0.08), transparent 28%),
    radial-gradient(circle at 96% 8%, rgba(107, 84, 255, 0.06), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 52%, #ffffff 100%);
  border: 1px solid rgba(31, 132, 229, 0.12);
  border-radius: 24px;
  box-shadow: 0 22px 52px rgba(3, 18, 45, 0.09);
}

.mileage-page *,
.mileage-page *::before,
.mileage-page *::after {
  box-sizing: border-box;
}

.mileage-page-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 8px;
  align-items: center;
  text-align: center;
  padding: 0 0 3px;
}

.mileage-page-head button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 16px;
  background: #f8fbff;
  color: #071a3a;
}

.mileage-page-head svg {
  width: 20px;
  height: 20px;
}

.mileage-page-head h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 540;
  letter-spacing: 0;
}

.mileage-page-head p {
  margin: 3px 0 0;
  color: #557095;
  font-size: 11.5px;
  font-weight: 460;
  line-height: 1.35;
}

.mileage-shift-card,
.mileage-rate-card,
.mileage-card {
  border: 1px solid rgba(31, 132, 229, 0.17);
  border-radius: 17px;
  background:
    radial-gradient(circle at 96% 0%, rgba(31, 132, 229, 0.045), transparent 32%),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 30px rgba(5, 30, 67, 0.06);
}

.mileage-shift-card {
  padding: 13px 15px 14px;
}

.mileage-shift-card > em {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border-radius: 999px;
  padding: 6px 14px;
  margin-bottom: 9px;
  color: #08764d;
  background: #dff7e8;
  font-style: normal;
  font-size: 11px;
  font-weight: 620;
}

.mileage-shift-card > em.pending {
  color: #8a5b00;
  background: #fff3d5;
}

.mileage-shift-main {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 16px;
  gap: 12px;
  align-items: center;
}

.mileage-shift-avatar {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: radial-gradient(circle at 26% 22%, #2f85ff, #063879 72%);
  font-size: 26px;
  font-weight: 800;
}

.mileage-shift-avatar svg {
  width: 25px;
  height: 25px;
}

.mileage-shift-main h3 {
  display: -webkit-box;
  max-width: 100%;
  margin: 0 0 6px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(14.5px, 3.45vw, 16px);
  line-height: 1.2;
  font-weight: 540;
}

.mileage-shift-meta {
  display: grid;
  gap: 5px;
}

.mileage-shift-main p {
  margin: 4px 0;
  color: #344d73;
  font-size: 11.75px;
  font-weight: 460;
  display: flex;
  gap: 7px;
  align-items: center;
  line-height: 1.25;
}

.mileage-shift-main p span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mileage-shift-main p svg,
.mileage-shift-main i svg {
  width: 17px;
  height: 17px;
}

.mileage-shift-main i {
  color: #587198;
  transform: rotate(180deg);
}

.mileage-rate-card {
  padding: 12px 15px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) minmax(78px, auto);
  gap: 12px;
  align-items: center;
}

.mileage-rate-card > span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  background: radial-gradient(circle at 28% 24%, #4b93ff, #0752c4 70%);
}

.mileage-rate-card strong {
  display: block;
  color: #071a3a;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 540;
}

.mileage-rate-card small,
.mileage-rate-card p {
  display: block;
  margin-top: 4px;
  color: #557095;
  font-size: 11.75px;
  font-weight: 460;
  line-height: 1.25;
}

.mileage-rate-card > b {
  color: #0a55c4;
  font-size: clamp(24px, 6vw, 30px);
  font-weight: 540;
  line-height: 0.95;
  text-align: right;
  white-space: nowrap;
}

.mileage-rate-card > b small {
  display: block;
  color: #344d73;
  font-size: 12.5px;
}

.mileage-rate-card.agency {
  grid-template-columns: 64px minmax(0, 1fr) 56px;
}

.mileage-rate-card.agency > em {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #0c57c9;
  background: #f2f7ff;
  font-style: normal;
}

.mileage-rule {
  grid-column: 1 / -1;
  margin: 0;
  border-radius: 12px;
  padding: 11px 14px;
  background: #eef6ff;
  color: #173b73;
}

.mileage-card {
  padding: 13px 15px;
}

.mileage-section-title strong,
.mileage-review-title strong {
  display: block;
  color: #071a3a;
  font-size: 14.75px;
  font-weight: 540;
}

.mileage-section-title small,
.mileage-review-title span {
  color: #557095;
  font-size: 11.75px;
  font-weight: 460;
}

.mileage-label {
  display: block;
  margin: 12px 0 7px;
  color: #314b70;
  font-size: 11.5px;
  font-weight: 560;
}

.mileage-origin-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.mileage-origin-grid button {
  min-height: 50px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 13px;
  background: #fbfdff;
  color: #536a8d;
  display: grid;
  place-items: center;
  gap: 5px;
  font-size: 10.5px;
  font-weight: 480;
  line-height: 1.1;
}

.mileage-origin-grid button.active {
  border-color: #0b5fe0;
  color: #0a55c4;
  background: linear-gradient(180deg, #f4f9ff, #eaf3ff);
  box-shadow: inset 0 0 0 1px rgba(11, 95, 224, 0.22);
}

.mileage-origin-grid svg {
  width: 22px;
  height: 22px;
}

.mileage-route-entry {
  position: relative;
  margin-top: 13px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
}

.mileage-route-rail {
  position: relative;
  display: block;
  min-height: 162px;
}

.mileage-route-rail::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 11px;
  bottom: 11px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(#0ba563, #0b5fe0, #bcc9db);
}

.mileage-route-rail i,
.mileage-route-rail b,
.mileage-route-rail em {
  position: absolute;
  left: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(31, 132, 229, 0.12);
}

.mileage-route-rail i {
  top: 6px;
  background: #0ba563;
}

.mileage-route-rail b {
  top: 75px;
  background: #0b5fe0;
}

.mileage-route-rail em {
  bottom: 7px;
  background: #bcc9db;
}

.mileage-route-fields {
  display: grid;
  gap: 9px;
}

.mileage-route-fields::before {
  content: none;
}

.mileage-route-fields label {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  color: #557095;
  font-size: 12px;
  font-weight: 460;
}

.mileage-route-fields input {
  width: 100%;
  border: 1px solid rgba(31, 132, 229, 0.2);
  border-radius: 12px;
  min-height: 39px;
  padding: 8px 12px;
  color: #071a3a;
  background: #fff;
  font-size: 13px;
  font-weight: 480;
}

.mileage-add-stop {
  width: calc(100% - 34px);
  min-height: 36px;
  margin: 10px 0 0 34px;
  border: 1px solid rgba(31, 132, 229, 0.25);
  border-radius: 12px;
  background: #fff;
  color: #0b5fe0;
  padding: 0 14px;
  font-size: 12.5px;
  font-weight: 560;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.mileage-add-stop svg {
  flex: 0 0 auto;
}

.mileage-add-stop span {
  line-height: 1;
}

.mileage-route-card {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.mileage-map-graphic {
  width: 76px;
  height: 66px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, transparent 42%, rgba(11, 95, 224, 0.16) 43%, rgba(11, 95, 224, 0.16) 50%, transparent 51%),
    linear-gradient(145deg, #edf6ff, #f8fbff);
  border: 1px solid rgba(31, 132, 229, 0.16);
}

.mileage-map-graphic i,
.mileage-map-graphic b,
.mileage-map-graphic em {
  position: absolute;
  display: block;
}

.mileage-map-graphic i {
  left: 24px;
  top: 13px;
  width: 24px;
  height: 32px;
  border-radius: 50% 50% 50% 0;
  background: #0b5fe0;
  transform: rotate(-45deg);
}

.mileage-map-graphic b {
  left: 38px;
  top: 44px;
  width: 34px;
  height: 22px;
  border-bottom: 3px dashed #0b5fe0;
  border-right: 3px dashed #0b5fe0;
  border-radius: 50%;
}

.mileage-map-graphic em {
  right: 28px;
  bottom: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0b5fe0;
}

.mileage-route-card small {
  color: #344d73;
  font-size: 12px;
  font-weight: 560;
}

.mileage-route-card strong {
  display: block;
  margin-top: 4px;
  color: #071a3a;
  font-size: clamp(24px, 6vw, 30px);
  line-height: 1;
  font-weight: 540;
}

.mileage-route-card p {
  margin: 4px 0 0;
  color: #0a55c4;
  font-size: 13px;
  font-weight: 540;
}

.mileage-route-card > em,
.mileage-evidence-card > em,
.mileage-verification-card > em {
  border-radius: 999px;
  padding: 8px 12px;
  color: #08764d;
  background: #e0f7ea;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 560;
}

.mileage-verification-card {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  grid-template-areas: "icon copy pill";
  gap: 12px;
  align-items: center;
  padding-right: 16px;
}

.mileage-verification-card > span {
  grid-area: icon;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #fff;
  background: radial-gradient(circle at 28% 24%, #2ee28c, #08764d 74%);
}

.mileage-verification-card > em {
  grid-area: pill;
  position: static;
  align-self: start;
  justify-self: end;
  white-space: nowrap;
}

.mileage-verification-card > div {
  grid-area: copy;
  min-width: 0;
}

.mileage-verification-card strong {
  display: block;
  margin: 0 0 8px;
  color: #071a3a;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 540;
}

.mileage-verification-card small,
.mileage-evidence-card small {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-top: 6px;
  color: #344d73;
  font-size: 11.75px;
  font-weight: 460;
  line-height: 1.25;
}

.mileage-verification-card small.warning svg {
  color: #f59e0b;
}

.mileage-privacy {
  margin: 0;
  border: 1px solid rgba(31, 132, 229, 0.16);
  border-radius: 12px;
  background: #eef6ff;
  color: #0a55c4;
  padding: 10px 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 11.75px;
  font-weight: 460;
}

.mileage-actions {
  display: grid;
  grid-template-columns: 0.9fr 1.35fr;
  gap: 10px;
}

.mileage-actions button {
  min-height: 46px;
  border: 1px solid #0b5fe0;
  border-radius: 13px;
  background: #fff;
  color: #0a55c4;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 560;
}

.mileage-actions button.primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #2a87ff, #0b5fe0 52%, #063b96);
  box-shadow: 0 12px 24px rgba(8, 83, 190, 0.22);
}

.mileage-page footer {
  color: #7183a0;
  font-size: 11.5px;
  font-weight: 460;
  text-align: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.mileage-page footer svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.mileage-review-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.mileage-review-title span {
  color: #fff;
  background: linear-gradient(135deg, #0b5fe0, #063b96);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 12px;
}

.mileage-review-route {
  display: grid;
}

.mileage-review-route span {
  border-bottom: 1px solid rgba(31, 132, 229, 0.14);
  padding: 12px 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.mileage-review-route small {
  color: #344d73;
  font-size: 12px;
  font-weight: 700;
}

.mileage-review-route strong {
  color: #071a3a;
  font-size: 16px;
  font-weight: 750;
}

.mileage-review-route em {
  align-self: center;
  color: #0a55c4;
  font-style: normal;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.mileage-review-card > button {
  width: 100%;
  margin-top: 10px;
  border: 1px solid rgba(31, 132, 229, 0.18);
  border-radius: 12px;
  background: #fff;
  color: #071a3a;
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

.mileage-evidence-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.mileage-evidence-card strong {
  display: block;
  margin-bottom: 8px;
  color: #071a3a;
  font-size: 16px;
  font-weight: 760;
}

.agency-mileage-summary-card p {
  margin: 5px 0 0;
}

@media@media (max-width: 430px) {
  .mileage-page {
    width: calc(100% - 10px);
    max-width: none;
    margin-inline: auto;
    border-radius: 21px;
    padding: 13px 11px 22px;
    gap: 10px;
  }

  .mileage-page-head {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
  }

  .mileage-page-head h2 {
    font-size: 18px;
  }

  .mileage-page-head p {
    font-size: 11px;
  }

  .mileage-shift-main {
    grid-template-columns: 56px minmax(0, 1fr) 16px;
    gap: 10px;
  }

  .mileage-rate-card {
    grid-template-columns: 46px minmax(0, 1fr) minmax(76px, auto);
    gap: 10px;
    padding-inline: 12px;
  }

  .mileage-rate-card > span {
    width: 44px;
    height: 44px;
  }

  .mileage-rate-card > b {
    font-size: clamp(24px, 5.8vw, 28px);
  }

  .mileage-card,
  .mileage-shift-card {
    padding: 13px;
  }

  .mileage-origin-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .mileage-origin-grid button {
    min-height: 50px;
    padding: 6px 3px;
    font-size: 10.25px;
  }

  .mileage-route-entry {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 8px;
  }

  .mileage-route-fields label {
    grid-template-columns: 50px minmax(0, 1fr);
    font-size: 11.25px;
  }

  .mileage-add-stop {
    width: calc(100% - 30px);
    margin-left: 30px;
  }

  .mileage-route-card,
  .mileage-verification-card {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .mileage-route-card > em {
    grid-column: 2;
    justify-self: start;
  }

  .mileage-verification-card {
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-areas:
      "icon copy"
      "icon pill";
    gap: 12px;
    align-items: start;
  }

  .mileage-verification-card > em {
    grid-area: pill;
    justify-self: start;
    padding-inline: 10px;
    font-size: 11px;
  }

  .mileage-verification-card strong {
    margin-right: 0;
  }

  .mileage-verification-card small {
    grid-column: 1 / -1;
  }

  .mileage-actions {
    grid-template-columns: 0.9fr 1.25fr;
  }

  .mileage-actions button {
    font-size: 13px;
    padding-inline: 8px;
  }
}

/* Candidate availability rebuild: premium light mobile layout */
.content.availability-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 8px calc(128px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(42, 111, 255, 0.12), transparent 32%),
    linear-gradient(180deg, #eef5ff 0%, #f8fbff 48%, #ffffff 100%) !important;
  color: #071a3b;
  overflow-x: hidden;
}

.content.availability-page .availability-command-hero {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 14px 12px;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 14px 16px !important;
  overflow: hidden;
  border: 1px solid rgba(183, 207, 238, 0.95) !important;
  border-radius: 22px !important;
  color: #071a3b !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.95) 0 9%, rgba(217, 236, 255, 0.58) 10% 26%, transparent 27%),
    radial-gradient(circle at 100% 0%, rgba(40, 112, 255, 0.13), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.94)) !important;
  box-shadow: 0 18px 38px rgba(24, 64, 126, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="available"] {
  border-color: rgba(139, 220, 184, 0.9) !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.95) 0 9%, rgba(214, 247, 231, 0.62) 10% 26%, transparent 27%),
    radial-gradient(circle at 100% 0%, rgba(20, 184, 126, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 253, 250, 0.95)) !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="partial"] {
  border-color: rgba(172, 198, 255, 0.95) !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.95) 0 9%, rgba(220, 232, 255, 0.64) 10% 26%, transparent 27%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.14), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.95)) !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="unavailable"] {
  border-color: rgba(252, 165, 165, 0.95) !important;
  background:
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.95) 0 9%, rgba(255, 232, 232, 0.68) 10% 26%, transparent 27%),
    radial-gradient(circle at 100% 0%, rgba(239, 68, 68, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 247, 0.96)) !important;
}

.content.availability-page .availability-command-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 54%, rgba(37, 99, 235, 0.07) 55% 68%, transparent 69%),
    linear-gradient(rgba(66, 112, 180, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66, 112, 180, 0.05) 1px, transparent 1px);
  background-size: auto, 38px 38px, 38px 38px;
  opacity: 0.8;
}

.content.availability-page .availability-hero-main,
.content.availability-page .availability-score-card,
.content.availability-page .availability-hero-summary {
  position: relative;
  z-index: 1;
}

.content.availability-page .availability-hero-main .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px !important;
  color: #08765d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="partial"] .availability-hero-main .eyebrow {
  color: #1d5fd8 !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="unavailable"] .availability-hero-main .eyebrow {
  color: #b42318 !important;
}

.content.availability-page .availability-hero-main .eyebrow i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #24c981;
  box-shadow: 0 0 0 5px rgba(36, 201, 129, 0.15);
}

.content.availability-page .availability-command-hero[data-availability-tone="partial"] .availability-hero-main .eyebrow i {
  background: #2f7cff;
  box-shadow: 0 0 0 5px rgba(47, 124, 255, 0.14);
}

.content.availability-page .availability-command-hero[data-availability-tone="unavailable"] .availability-hero-main .eyebrow i {
  background: #ef4444;
  box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.14);
}

.content.availability-page .availability-hero-main h2 {
  margin: 0 !important;
  color: #071a3b !important;
  font-size: clamp(28px, 7vw, 32px) !important;
  line-height: 0.98 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.availability-page .availability-hero-main span {
  display: block;
  max-width: 19rem;
  margin-top: 12px;
  color: #385274 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 540 !important;
}

.content.availability-page .availability-score-card {
  align-self: center;
  justify-self: end;
  display: grid !important;
  place-items: center;
  width: 96px !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  text-align: center;
  background: conic-gradient(#27c389 calc(var(--score) * 1%), #e4edf8 0) !important;
  box-shadow: 0 16px 28px rgba(20, 128, 92, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="partial"] .availability-score-card {
  background: conic-gradient(#2f7cff calc(var(--score) * 1%), #e3ecff 0) !important;
  box-shadow: 0 16px 28px rgba(37, 99, 235, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.availability-page .availability-command-hero[data-availability-tone="unavailable"] .availability-score-card {
  background: conic-gradient(#ef4444 calc(var(--score) * 1%), #ffe4e6 0) !important;
  box-shadow: 0 16px 28px rgba(185, 28, 28, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.availability-page .availability-score-card::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #f5fbff);
  box-shadow: inset 0 0 0 1px rgba(201, 218, 239, 0.72);
}

.content.availability-page .availability-score-card strong,
.content.availability-page .availability-score-card span {
  position: relative;
  z-index: 1;
}

.content.availability-page .availability-score-card strong {
  align-self: end;
  color: #082152 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.content.availability-page .availability-score-card span {
  align-self: start;
  margin-top: 3px;
  color: #26456f !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  font-weight: 560 !important;
}

.content.availability-page .availability-score-card small {
  display: none !important;
}

.content.availability-page .availability-hero-summary {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 !important;
  padding-top: 13px;
  border-top: 1px solid rgba(204, 219, 239, 0.86);
}

.content.availability-page .availability-hero-summary span {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  column-gap: 7px;
  min-width: 0;
  padding: 0 8px !important;
  border: 0 !important;
  border-right: 1px solid rgba(198, 215, 237, 0.76) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.availability-page .availability-hero-summary span:first-child {
  padding-left: 0 !important;
}

.content.availability-page .availability-hero-summary span:last-child {
  border-right: 0 !important;
  padding-right: 0 !important;
}

.content.availability-page .availability-hero-summary svg {
  grid-row: 1 / 3;
  width: 20px;
  height: 20px;
  color: #1f73ff;
}

.content.availability-page .availability-hero-summary small {
  color: #556b8c !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 560 !important;
}

.content.availability-page .availability-hero-summary strong {
  min-width: 0;
  color: #071a3b !important;
  font-size: 11px !important;
  line-height: 1.13 !important;
  font-weight: 780 !important;
}

.content.availability-page.availability-only-page .availability-hero-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding-top: 12px !important;
}

.content.availability-page.availability-only-page .availability-summary-panel {
  min-width: 0 !important;
  min-height: 58px !important;
  height: 100% !important;
  padding: 10px 11px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(197, 217, 242, 0.74) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 247, 255, 0.88)) !important;
  box-shadow: 0 6px 14px rgba(23, 67, 126, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.availability-page.availability-only-page .availability-summary-panel > i {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  color: #1f73ff !important;
}

.content.availability-page.availability-only-page .availability-summary-panel > i svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 2.05 !important;
}

.content.availability-page.availability-only-page .availability-summary-panel > span {
  min-width: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.availability-page.availability-only-page .availability-summary-panel small {
  min-width: 0 !important;
  color: #5a6f8d !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 620 !important;
  white-space: nowrap !important;
}

.content.availability-page.availability-only-page .availability-summary-panel strong {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  color: #071a3b !important;
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  font-weight: 720 !important;
}

.content.availability-page.availability-only-page .availability-summary-panel strong b {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  background: #64748b !important;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.13) !important;
}

.content.availability-page.availability-only-page .availability-summary-panel[data-summary-tone="available"] strong b {
  background: #15803d !important;
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.14) !important;
}

.content.availability-page.availability-only-page .availability-summary-panel[data-summary-tone="scheduled"] strong b {
  background: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.14) !important;
}

.content.availability-page.availability-only-page .availability-summary-panel[data-summary-tone="unavailable"] strong b {
  background: #b91c1c !important;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.13) !important;
}

.content.availability-page.availability-only-page .availability-summary-panel strong em {
  min-width: 0 !important;
  color: inherit !important;
  font-style: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

@media (max-width: 340px) {
  .content.availability-page.availability-only-page .availability-hero-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.content.availability-page .availability-editor-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.availability-page [data-availability-section] {
  scroll-margin-top: 112px;
  outline: none;
}

.content.availability-page .section-mini-header {
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
}

.content.availability-page .section-mini-header span {
  color: #071a3b !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
}

.content.availability-page .section-mini-header small {
  color: #385274 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 520 !important;
  text-align: right;
  max-width: 58%;
}

.content.availability-page .availability-option-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.content.availability-page .availability-option-grid button {
  position: relative;
  min-height: 72px !important;
  padding: 12px 12px 10px !important;
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
  box-shadow: 0 10px 22px rgba(33, 66, 114, 0.06) !important;
  text-align: left !important;
}

.content.availability-page .availability-option-grid button.active {
  border-color: rgba(36, 112, 255, 0.8) !important;
  background: linear-gradient(145deg, rgba(248, 252, 255, 1), rgba(235, 245, 255, 0.96)) !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12) !important;
}

.content.availability-page .availability-option-grid button.active[data-availability-tone="available"] {
  border-color: rgba(35, 190, 125, 0.82) !important;
  background: linear-gradient(145deg, rgba(250, 255, 253, 1), rgba(231, 250, 240, 0.96)) !important;
  box-shadow: 0 12px 24px rgba(20, 184, 126, 0.12) !important;
}

.content.availability-page .availability-option-grid button.active[data-availability-tone="partial"] {
  border-color: rgba(47, 124, 255, 0.82) !important;
  background: linear-gradient(145deg, rgba(248, 252, 255, 1), rgba(235, 245, 255, 0.96)) !important;
}

.content.availability-page .availability-option-grid button.active[data-availability-tone="unavailable"] {
  border-color: rgba(239, 68, 68, 0.7) !important;
  background: linear-gradient(145deg, rgba(255, 253, 253, 1), rgba(255, 239, 239, 0.96)) !important;
  box-shadow: 0 12px 24px rgba(185, 28, 28, 0.1) !important;
}

.content.availability-page .availability-option-grid button i {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  border: 2px solid #b8c8dc;
  color: #ffffff;
  background: #ffffff;
}

.content.availability-page .availability-option-grid button.active i {
  border-color: #2874ff;
  background: #2874ff;
}

.content.availability-page .availability-option-grid button.active[data-availability-tone="available"] i {
  border-color: #24c981;
  background: #24c981;
}

.content.availability-page .availability-option-grid button.active[data-availability-tone="unavailable"] i {
  border-color: #ef4444;
  background: #ef4444;
}

.content.availability-page .availability-option-grid button i svg {
  width: 12px;
  height: 12px;
}

.content.availability-page .availability-option-grid strong {
  display: block;
  padding-right: 18px;
  color: #0b1f43 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 720 !important;
}

.content.availability-page .availability-option-grid button span {
  display: block;
  margin-top: 6px;
  color: #4b6385 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 520 !important;
}

.content.availability-page .availability-option-grid button em {
  display: none !important;
}

.content.availability-page .compact-preference-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.availability-page .compact-preference-grid button,
.content.availability-page .work-type-chip-grid button {
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(205, 219, 238, 0.95) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #243c60 !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  box-shadow: 0 8px 18px rgba(30, 70, 128, 0.05) !important;
}

.content.availability-page .compact-preference-grid button.active,
.content.availability-page .work-type-chip-grid button.active {
  color: #ffffff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #1f73ff, #6c58ff) !important;
  box-shadow: 0 14px 24px rgba(37, 99, 235, 0.22) !important;
}

.content.availability-page .compact-preference-grid svg,
.content.availability-page .work-type-chip-grid svg {
  width: 18px;
  height: 18px;
}

.content.availability-page .sector-selector-card,
.content.availability-page .pay-expectation-card,
.content.availability-page .travel-preferences-card {
  display: block !important;
}

.content.availability-page .availability-location-field {
  display: block !important;
  margin-bottom: 12px !important;
}

.content.availability-page .availability-text-input-shell {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center !important;
  gap: 12px;
  padding: 0 18px 0 20px !important;
}

.content.availability-page .availability-text-input-shell svg {
  width: 19px;
  height: 19px;
  color: #1f73ff;
}

.content.availability-page .availability-text-input-shell input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  color: #0b1f43;
  background: transparent;
  font-size: 14px;
  font-weight: 680;
}

.content.availability-page .availability-role-selector {
  display: grid !important;
  gap: 9px !important;
  margin-bottom: 13px !important;
}

.content.availability-page .availability-subsection-heading {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 2px 0 8px !important;
}

.content.availability-page .availability-subsection-heading span {
  color: #071a3b !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

.content.availability-page .availability-subsection-heading small {
  color: #58708f !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

.content.availability-page .availability-role-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.availability-page .availability-role-grid button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  min-width: 0 !important;
  border-radius: 14px !important;
  text-align: left !important;
}

.content.availability-page .availability-role-grid button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.availability-page .sector-search-box,
.content.availability-page .sector-multi-select,
.content.availability-page .pay-equivalent-note,
.content.availability-page .travel-preferences-card {
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 12px 26px rgba(31, 64, 116, 0.06) !important;
}

.content.availability-page .sector-search-box {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin: 0 0 10px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
}

.content.availability-page .sector-search-box svg {
  width: 18px;
  height: 18px;
  color: #627895;
}

.content.availability-page .sector-search-box input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0b1f43;
  font-size: 14px;
  font-weight: 560;
}

.content.availability-page .selected-sector-chips {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px !important;
}

.content.availability-page .selected-sector-chips button,
.content.availability-page .selected-sector-chips span {
  min-height: 32px;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(173, 206, 255, 0.9) !important;
  color: #1264df !important;
  background: linear-gradient(180deg, #eef6ff, #e5f0ff) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.content.availability-page .sector-multi-select {
  overflow: hidden;
  padding: 0 !important;
  border-radius: 16px !important;
}

.content.availability-page .sector-multi-select summary {
  min-height: 44px;
  padding: 12px 14px !important;
  color: #0b1f43 !important;
  font-size: 13px !important;
  font-weight: 730 !important;
}

.content.availability-page .sector-multi-select summary span {
  transform: rotate(90deg);
}

.content.availability-page .sector-option-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 14px 14px !important;
}

.content.availability-page .sector-option-list button {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(213, 224, 240, 0.95) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #1b3358 !important;
  font-size: 11px !important;
  font-weight: 640 !important;
  text-align: left;
}

.content.availability-page .sector-option-list button[hidden],
.content.availability-page .sector-empty-result[hidden] {
  display: none !important;
}

.content.availability-page .sector-option-list button.active {
  border-color: rgba(37, 99, 235, 0.32) !important;
  background: linear-gradient(180deg, #f5f9ff, #edf5ff) !important;
  color: #125bd7 !important;
}

.content.availability-page .sector-option-list button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.content.availability-page .sector-empty-result {
  grid-column: 1 / -1;
  min-height: 46px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(174, 196, 225, 0.9);
  border-radius: 12px;
  color: #58708f;
  background: rgba(246, 250, 255, 0.78);
  font-size: 12px;
  font-weight: 650;
}

.content.availability-page .pay-expectation-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.content.availability-page .pay-expectation-field > span,
.content.availability-page .premium-select-field > span {
  color: #395272 !important;
  font-size: 12px !important;
  line-height: 1.2;
  font-weight: 620 !important;
}

.content.availability-page .pay-expectation-field,
.content.availability-page .premium-select-field,
.content.availability-page .pay-expectation-card,
.content.availability-page .travel-preferences-card {
  position: relative !important;
  overflow: visible !important;
}

.content.availability-page .pay-expectation-field:has(.availability-select-menu[open]),
.content.availability-page .premium-select-field:has(.availability-select-menu[open]) {
  z-index: 40;
}

.content.availability-page .pay-input-row,
.content.availability-page .premium-select-field > div {
  min-height: 48px !important;
  margin-top: 7px !important;
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 10px 20px rgba(31, 64, 116, 0.05) !important;
}

.content.availability-page .pay-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 136px !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
}

.content.availability-page .pay-input-row.single {
  grid-template-columns: minmax(0, 1fr) 52px !important;
}

.content.availability-page .pay-input-row.single > strong {
  display: grid;
  place-items: center;
  height: 100%;
  border-left: 1px solid rgba(205, 219, 238, 0.9);
  color: #526b8c;
  font-size: 13px;
  font-weight: 760;
}

.content.availability-page .currency-input-shell {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
}

.content.availability-page .currency-input-shell em {
  flex: 0 0 auto !important;
  color: #1f73ff !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.content.availability-page .premium-select-field > div {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
}

.content.availability-page .premium-select-field > div.availability-text-input-shell {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: hidden !important;
  padding: 0 18px 0 20px !important;
}

.content.availability-page .currency-input-shell input,
.content.availability-page .availability-select-menu summary {
  color: #0b1f43 !important;
  font-size: 14px !important;
  font-weight: 680 !important;
}

.content.availability-page .currency-input-shell input {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.content.availability-page .availability-select-menu {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
}

.content.availability-page .availability-select-menu summary {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 48px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer;
  list-style: none;
  outline: none;
}

.content.availability-page .pay-input-row > .availability-select-menu summary {
  border-left: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 0 14px 14px 0 !important;
  background:
    linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(244, 248, 253, 0.96)) !important;
}

.content.availability-page .premium-select-field > div > .availability-select-menu summary {
  padding: 0 14px !important;
}

.content.availability-page .availability-select-menu summary::-webkit-details-marker {
  display: none;
}

.content.availability-page .availability-select-menu summary span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.availability-page .availability-select-menu summary i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-left: 8px;
  color: #6a7a91;
  transform: rotate(-90deg);
  transition: transform 0.18s ease, color 0.18s ease;
}

.content.availability-page .availability-select-menu[open] summary i {
  color: #1f73ff;
  transform: rotate(90deg);
}

.content.availability-page .availability-select-menu summary i svg {
  width: 16px;
  height: 16px;
}

.content.availability-page .availability-select-menu summary:focus-visible {
  box-shadow: 0 0 0 3px rgba(31, 115, 255, 0.18) inset;
}

.content.availability-page .availability-select-options {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 60;
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(190, 210, 236, 0.92);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.98)),
    radial-gradient(circle at 92% 0%, rgba(31, 115, 255, 0.12), transparent 34%);
  box-shadow:
    0 22px 44px rgba(22, 48, 88, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.content.availability-page .availability-select-options button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #263f62;
  background: transparent;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.1;
  text-align: left;
}

.content.availability-page .availability-select-options button.active {
  color: #0b54d0;
  border-color: rgba(31, 115, 255, 0.18);
  background: linear-gradient(135deg, rgba(31, 115, 255, 0.11), rgba(108, 88, 255, 0.08));
}

.content.availability-page .availability-select-options button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #1f73ff;
}

.content.availability-page .pay-equivalent-note {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px !important;
  padding: 13px !important;
  border-radius: 14px !important;
  color: #365173 !important;
  background: linear-gradient(135deg, #eef7ff, #eaf3ff) !important;
}

.content.availability-page .pay-equivalent-note svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: #1f73ff;
}

.content.availability-page .pay-equivalent-note span {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}

.content.availability-page .travel-preferences-card {
  padding: 12px !important;
  border-radius: 18px !important;
}

.content.availability-page .availability-notes-card,
.content.work-preferences-page .sector-selector-card,
.content.work-preferences-page .pay-expectation-card {
  padding: 12px !important;
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 26px rgba(31, 64, 116, 0.06) !important;
}

.content.work-preferences-page .work-type-heading {
  margin-top: 14px !important;
}

.content.work-preferences-page .work-preferences-accordion-card {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 12px 26px rgba(31, 64, 116, 0.06) !important;
}

.content.work-preferences-page .work-preferences-accordion-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px !important;
  border: 1px solid rgba(207, 222, 241, 0.9) !important;
  border-radius: 15px !important;
  color: #071a3b !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.9)) !important;
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.content.work-preferences-page .work-preferences-accordion-toggle span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.content.work-preferences-page .work-preferences-accordion-toggle strong {
  font-size: 16px;
  line-height: 1.12;
  font-weight: 720;
}

.content.work-preferences-page .work-preferences-accordion-toggle small {
  color: #5d7190;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 620;
}

.content.work-preferences-page .work-preferences-accordion-toggle i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  color: #1f73ff;
  background: rgba(31, 115, 255, 0.09);
  transform: rotate(-90deg);
  transition: transform 0.16s ease;
}

.content.work-preferences-page .work-preferences-accordion-toggle[aria-expanded="true"] i {
  transform: rotate(90deg);
}

.content.work-preferences-page .work-preferences-accordion-toggle svg {
  width: 16px;
  height: 16px;
}

.content.work-preferences-page .work-preferences-selection-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 32px;
  align-items: center;
}

.content.work-preferences-page .work-preferences-selection-summary span {
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid rgba(173, 206, 255, 0.82);
  border-radius: 999px;
  color: #135fd6;
  background: linear-gradient(180deg, #eef6ff, #e7f1ff);
  font-size: 12px;
  line-height: 1.15;
  font-weight: 660;
}

.content.work-preferences-page .work-preferences-selection-summary.empty span {
  color: #61738d;
  border-color: rgba(207, 222, 241, 0.86);
  background: rgba(246, 250, 255, 0.9);
}

.content.work-preferences-page .work-preferences-accordion-body {
  display: grid;
  gap: 10px;
}

.content.work-preferences-page .work-preferences-section-note {
  margin: 0 !important;
  color: #425b7a !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}

.content.work-preferences-page .work-preferences-sector-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 0 !important;
}

.content.work-preferences-page .work-preferences-sector-options button {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: initial !important;
  justify-items: start !important;
  min-height: 42px !important;
  padding: 7px 10px !important;
  text-align: left !important;
}

.content.work-preferences-page .work-preferences-sector-options .work-preferences-option-icon {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #1264df;
  background: linear-gradient(180deg, #f0f7ff, #e9f2ff);
}

.content.work-preferences-page .work-preferences-sector-options .work-preferences-option-label {
  display: block;
  width: 100%;
  min-width: 0;
  color: inherit;
  font-size: 11.5px;
  line-height: 1.12;
  font-weight: 680;
  letter-spacing: 0;
  overflow-wrap: break-word;
  text-align: left;
  white-space: normal;
}

.content.work-preferences-page .work-preferences-sector-options button.active .work-preferences-option-icon {
  color: #ffffff;
  background: linear-gradient(180deg, #2f7dff, #145df2);
}

.content.work-preferences-page .work-preferences-role-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.content.work-preferences-page .work-preferences-role-options button {
  min-height: 58px !important;
  align-items: flex-start !important;
  border-radius: 14px !important;
}

.content.work-preferences-page .work-preferences-role-options button > span {
  display: grid;
  min-width: 0;
  gap: 3px;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.content.work-preferences-page .work-preferences-role-options button strong,
.content.work-preferences-page .work-preferences-role-options button small {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

.content.work-preferences-page .work-preferences-role-options button strong {
  color: inherit;
  font-size: 12.5px;
  line-height: 1.22;
  font-weight: 700;
}

.content.work-preferences-page .work-preferences-role-options button small {
  color: #637793;
  font-size: 10.5px;
  line-height: 1.15;
  font-weight: 560;
}

.content.work-preferences-page .work-preferences-role-options button.active small {
  color: rgba(255, 255, 255, 0.78);
}

.content.work-preferences-page .work-preferences-guidance,
.content.work-preferences-page .work-preferences-review-notice,
.content.work-preferences-page .work-preferences-removal-notice {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(198, 216, 241, 0.86);
  border-radius: 15px;
  color: #243c60;
  background: linear-gradient(180deg, rgba(248, 252, 255, 0.98), rgba(239, 246, 255, 0.94));
}

.content.work-preferences-page .work-preferences-guidance {
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
}

.content.work-preferences-page .work-preferences-guidance svg {
  width: 20px;
  height: 20px;
  color: #1f73ff;
}

.content.work-preferences-page .work-preferences-guidance span,
.content.work-preferences-page .work-preferences-review-notice p,
.content.work-preferences-page .work-preferences-removal-notice strong {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 610;
}

.content.work-preferences-page .work-preferences-guidance button,
.content.work-preferences-page .work-preferences-next-action,
.content.work-preferences-page .work-preferences-review-notice button,
.content.work-preferences-page .work-preferences-removal-notice button {
  min-height: 38px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}

.content.work-preferences-page .work-preferences-guidance button {
  grid-column: 1 / -1;
  color: #0b5fe8;
  border: 1px solid rgba(31, 115, 255, 0.28);
  background: #ffffff;
}

.content.work-preferences-page .work-preferences-next-action {
  justify-self: end;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 0 14px !important;
  color: #ffffff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #1f73ff, #6c58ff) !important;
}

.content.work-preferences-page .work-preferences-next-action svg {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.content.work-preferences-page .work-preferences-review-notice {
  border-color: rgba(245, 158, 11, 0.26);
  background: linear-gradient(180deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.94));
}

.content.work-preferences-page .work-preferences-review-notice strong {
  color: #7c4a03;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 760;
}

.content.work-preferences-page .work-preferences-review-notice div,
.content.work-preferences-page .work-preferences-removal-notice div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.content.work-preferences-page .work-preferences-review-notice button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px !important;
  color: #8a4b00 !important;
  border: 1px solid rgba(245, 158, 11, 0.28) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.content.work-preferences-page .work-preferences-review-notice button svg {
  width: 14px;
  height: 14px;
}

.content.work-preferences-page .work-preferences-removal-notice {
  border-color: rgba(239, 68, 68, 0.22);
  background: linear-gradient(180deg, rgba(255, 247, 247, 0.98), rgba(255, 241, 242, 0.95));
}

.content.work-preferences-page .work-preferences-removal-notice strong {
  color: #7f1d1d;
}

.content.work-preferences-page .work-preferences-removal-notice span {
  padding: 6px 9px;
  border-radius: 999px;
  color: #8f1d1d;
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 660;
}

.content.work-preferences-page .work-preferences-removal-notice footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 8px;
}

.content.work-preferences-page .work-preferences-removal-notice footer button:first-child {
  color: #0b1f43 !important;
  border: 1px solid rgba(24, 42, 72, 0.22) !important;
  background: #ffffff !important;
}

.content.work-preferences-page .work-preferences-removal-notice footer button:last-child {
  color: #ffffff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #ef4444, #c026d3) !important;
}

.content.work-preferences-page .work-preferences-count-card strong,
.content.availability-only-page .availability-state-badge strong {
  font-size: 26px !important;
}

.content.availability-page .travel-preferences-card .section-mini-header {
  margin-bottom: 12px !important;
}

.content.availability-page .travel-preferences-card .premium-select-field {
  display: block !important;
  margin-bottom: 12px !important;
}

.content.work-preferences-page .work-preferences-agency-card {
  padding: 12px !important;
  border: 1px solid rgba(205, 219, 238, 0.9) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 26px rgba(31, 64, 116, 0.06) !important;
}

.content.work-preferences-page .work-preferences-agency-card .section-mini-header {
  align-items: flex-start !important;
  gap: 5px 12px !important;
  margin-bottom: 14px !important;
}

.content.work-preferences-page .work-preferences-agency-card .section-mini-header small {
  text-align: right;
}

.content.work-preferences-page .work-preferences-agency-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px !important;
  margin: 0 0 16px !important;
}

.content.work-preferences-page .work-preferences-agency-grid button {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(205, 219, 238, 0.96) !important;
  border-radius: 13px !important;
  color: #102448 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)) !important;
  box-shadow: 0 8px 18px rgba(30, 70, 128, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 660 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: break-word;
}

.content.work-preferences-page .work-preferences-agency-grid button.active {
  color: #0b4fc5 !important;
  border-color: rgba(31, 115, 255, 0.58) !important;
  background:
    linear-gradient(180deg, #eff7ff, #e6f1ff) !important;
  box-shadow: 0 10px 20px rgba(31, 115, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

.content.work-preferences-page .work-preferences-agency-grid button.agency-option-full {
  grid-column: 1 / -1;
  min-height: 50px !important;
}

.content.work-preferences-page .work-preferences-agency-grid svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px;
  color: #2e69d8 !important;
}

.content.work-preferences-page .work-preferences-agency-grid button.active svg {
  color: #1264df !important;
}

.content.work-preferences-page .work-preferences-agency-grid button:focus-visible {
  outline: 3px solid rgba(31, 115, 255, 0.24);
  outline-offset: 2px;
}

.content.availability-page .work-type-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.availability-page .availability-save-error {
  display: grid !important;
  gap: 3px !important;
  margin-top: 12px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(239, 68, 68, 0.24) !important;
  border-radius: 14px !important;
  color: #7f1d1d !important;
  background: linear-gradient(180deg, #fff7f7, #fff1f1) !important;
}

.content.availability-page .availability-save-error strong {
  font-size: 13px !important;
  font-weight: 760 !important;
}

.content.availability-page .availability-save-error span {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}

.content.availability-page .qualification-actions {
  position: static !important;
  bottom: auto !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 10px !important;
  align-items: stretch;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(207, 222, 241, 0.96) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.96)),
    radial-gradient(circle at 84% 0%, rgba(37, 99, 235, 0.12), transparent 34%) !important;
  box-shadow: 0 18px 34px rgba(23, 52, 95, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(18px);
}

.content.availability-page .availability-unsaved-indicator {
  display: none !important;
}

.content.availability-page .qualification-actions button {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  grid-template-rows: auto auto;
  place-items: center;
  column-gap: 8px;
  min-height: 54px !important;
  padding: 9px 12px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

.content.availability-page .qualification-actions button svg {
  grid-row: 1 / 3;
  width: 18px !important;
  height: 18px !important;
}

.content.availability-page .qualification-actions button span {
  align-self: end;
}

.content.availability-page .qualification-actions button small {
  align-self: start;
  display: block !important;
  margin-top: 2px;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 560 !important;
  opacity: 0.78;
}

.content.availability-page .qualification-actions button:disabled {
  cursor: default !important;
  opacity: 0.58 !important;
  filter: saturate(0.72);
  box-shadow: none !important;
}

.content.availability-page .qualification-actions .button {
  color: #ffffff !important;
  border: 0 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 36%),
    linear-gradient(135deg, #1f73ff, #2f8dff 54%, #6c58ff) !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.content.availability-page .qualification-actions .ghost-button {
  color: #0b1f43 !important;
  border: 1px solid rgba(24, 42, 72, 0.24) !important;
  background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.availability-page .qualification-actions .ghost-button svg {
  color: #7d8da6;
}

@media (max-width: 420px) {
  .content.availability-page {
    padding-inline: 8px !important;
  }

  .content.availability-page .availability-command-hero {
    grid-template-columns: minmax(0, 1fr) 94px;
    padding: 16px 12px 14px !important;
  }

  .content.availability-page .availability-score-card {
    width: 94px !important;
    height: 94px !important;
    min-height: 94px !important;
  }

  .content.availability-page .availability-score-card strong {
    font-size: 24px !important;
  }

  .content.availability-page .availability-hero-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 0 !important;
  }

  .content.availability-page .availability-hero-summary span:nth-child(2n) {
    border-right: 0 !important;
  }

  .content.availability-page .availability-option-grid,
  .content.availability-page .sector-option-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.availability-page .compact-preference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .content.availability-page .pay-expectation-stack,
  .content.availability-page .work-type-chip-grid {
    grid-template-columns: 1fr !important;
  }
}

.content.availability-page.work-preferences-page .work-preferences-agency-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

.content.availability-page.work-preferences-page .work-preferences-agency-grid .agency-option-full {
  grid-column: 1 / -1 !important;
}

@media (max-width: 380px) {
  .content.work-preferences-page .work-preferences-sector-options,
  .content.work-preferences-page .work-preferences-role-options {
    grid-template-columns: 1fr !important;
  }

  .content.work-preferences-page .work-preferences-removal-notice footer {
    grid-template-columns: 1fr;
  }
}

.content.work-preferences-page .availability-hero-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 12px !important;
  padding-top: 14px !important;
  padding-bottom: 2px !important;
  border-top: 1px solid rgba(204, 219, 239, 0.86) !important;
}

.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item {
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 11px 12px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start !important;
  align-content: start !important;
  gap: 0 8px !important;
  border: 1px solid rgba(198, 216, 241, 0.72) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(241, 247, 255, 0.74)) !important;
  box-shadow: 0 8px 18px rgba(28, 67, 122, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  text-align: left !important;
}

.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:first-child,
.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:nth-child(2) {
  min-height: 116px !important;
}

.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:first-child,
.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:last-child {
  padding: 11px 12px !important;
}

.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:nth-child(2n),
.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item:last-child {
  border-right: 1px solid rgba(198, 216, 241, 0.72) !important;
}

.content.work-preferences-page .availability-hero-summary .work-preferences-summary-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.work-preferences-page .availability-hero-summary > .work-preferences-summary-item > svg {
  flex: 0 0 auto;
  grid-row: 1 !important;
  grid-column: 1 !important;
  width: 19px !important;
  height: 19px !important;
  color: #1f73ff !important;
  stroke-width: 2.05;
}

.content.work-preferences-page .availability-hero-summary .work-preferences-summary-copy small {
  min-width: 0 !important;
  color: #566d8d !important;
  font-size: 12.5px !important;
  line-height: 1.15 !important;
  font-weight: 620 !important;
  white-space: nowrap !important;
}

.content.work-preferences-page .work-preferences-summary-value {
  grid-row: auto !important;
  grid-column: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  color: #071a3b !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
  font-weight: 690 !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin-top: 0 !important;
}

.content.work-preferences-page .work-preferences-summary-value b {
  min-width: 0;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid rgba(31, 115, 255, 0.14);
  border-radius: 999px;
  color: inherit;
  background: rgba(235, 244, 255, 0.88);
  font: inherit;
  line-height: 1.24;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}

.content.work-preferences-page .work-preferences-summary-value.compact-readonly {
  display: block !important;
  overflow: hidden;
}

.content.work-preferences-page .work-preferences-summary-value.compact-readonly b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.work-preferences-page .work-preferences-summary-value.empty,
.content.work-preferences-page .work-preferences-summary-value.plain {
  display: block !important;
  text-align: left !important;
}

.content.work-preferences-page .work-preferences-summary-value.removable,
.content.work-preferences-page .work-preferences-selection-summary,
.content.work-preferences-page .selected-sector-chips {
  align-items: flex-start !important;
}

.content.work-preferences-page .work-preferences-selected-chip,
.content.work-preferences-page .selected-sector-chips .work-preferences-selected-chip {
  max-width: 100%;
  min-width: 0;
  min-height: 40px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 3px 4px 3px 11px !important;
  border: 1px solid rgba(173, 206, 255, 0.9) !important;
  border-radius: 999px !important;
  color: #0d4fb7 !important;
  background: linear-gradient(180deg, #eef6ff, #e7f1ff) !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
  font-weight: 660 !important;
  box-shadow: 0 8px 18px rgba(31, 90, 170, 0.06);
}

.content.work-preferences-page .work-preferences-selected-chip > span {
  min-width: 0;
  max-width: 100%;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}

.content.work-preferences-page .work-preferences-selected-chip > button,
.content.work-preferences-page .selected-sector-chips .work-preferences-selected-chip > button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #135fd6 !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(31, 115, 255, 0.12) !important;
}

.content.work-preferences-page .work-preferences-selected-chip > button svg,
.content.work-preferences-page .selected-sector-chips .work-preferences-selected-chip > button svg {
  width: 15px !important;
  height: 15px !important;
}

.content.work-preferences-page .work-preferences-selected-chip.compact {
  min-height: 34px;
  padding-left: 8px !important;
  font-size: 12px !important;
}

.content.work-preferences-page .work-preferences-selected-chip.compact > button {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
}

.content.work-preferences-page .work-preferences-show-selected,
.content.work-preferences-page .work-preferences-section-actions button {
  min-height: 34px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(31, 115, 255, 0.22) !important;
  border-radius: 999px !important;
  color: #135fd6 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  font-size: 12px !important;
  font-weight: 680 !important;
}

.content.work-preferences-page .work-preferences-section-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}

.content.work-preferences-page .work-preferences-undo-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid rgba(31, 115, 255, 0.18);
  border-radius: 14px;
  color: #254367;
  background: linear-gradient(180deg, #f4f9ff, #edf5ff);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 620;
}

.content.work-preferences-page .work-preferences-undo-notice button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #1f73ff, #6c58ff);
  font-size: 12px;
  font-weight: 760;
}

.content.work-preferences-page .work-preferences-pay-error {
  display: block;
  min-height: 0;
  margin-top: 6px;
  color: #b42318;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 650;
}

.content.work-preferences-page .work-preferences-pay-error:empty,
.content.work-preferences-page .work-preferences-pay-error[hidden] {
  display: none;
}

.content.work-preferences-page [data-work-preference-pay-input][aria-invalid="true"] {
  color: #8f1d1d !important;
}

.content.work-preferences-page .pay-period-selector {
  display: grid;
  gap: 8px;
  margin: 0 0 10px;
}

.content.work-preferences-page .pay-period-selector > span {
  color: #395272;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 680;
}

.content.work-preferences-page .pay-period-selector > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.content.work-preferences-page .pay-period-selector button {
  min-width: 0;
  min-height: 38px;
  padding: 0 7px;
  border: 1px solid rgba(190, 211, 240, 0.92);
  border-radius: 14px;
  color: #254367;
  background: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  line-height: 1.1;
  font-weight: 720;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content.work-preferences-page .pay-period-selector button.active {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #1f73ff, #6c58ff);
  box-shadow: 0 12px 22px rgba(37, 99, 235, 0.2);
}

.content.work-preferences-page .pay-period-equivalent {
  margin: 0;
  color: #526b8c;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 620;
}

/* Agency verification signup: protect the premium form from legacy generic button/grid rules. */
.agency-verification-screen {
  padding-inline: clamp(8px, 2.4vw, 16px);
}

.agency-verification-topbar,
.agency-verification-hero,
.agency-verification-card {
  max-width: 1060px;
}

.agency-verification-screen .agency-verification-form-grid {
  grid-template-columns: 1fr;
}

.agency-verification-screen .agency-verification-submit {
  min-height: 60px !important;
  height: 60px;
  padding: 0 18px !important;
}

@media (min-width: 720px) {
  .agency-verification-screen .agency-verification-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 719px) {
  .agency-verification-screen {
    padding-inline: 8px;
  }

  .agency-verification-topbar,
  .agency-verification-hero,
  .agency-verification-card {
    width: 100%;
    max-width: none;
  }

  .agency-verification-card {
    padding-inline: 16px;
  }
}

/* Workforce Network: elevated hero finish */
.content.people-page .preferred-network-hero {
  isolation: isolate !important;
  min-height: 378px !important;
  padding: 22px 18px 84px !important;
  border-radius: 0 0 30px 30px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 218, 255, 0.34), transparent 18%),
    radial-gradient(circle at 18% 10%, rgba(63, 125, 255, 0.44), transparent 28%),
    radial-gradient(circle at 82% 88%, rgba(22, 89, 255, 0.42), transparent 30%),
    linear-gradient(132deg, #061437 0%, #08245f 34%, #0d47b7 66%, #287aff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(115, 171, 255, 0.4),
    0 26px 54px rgba(3, 27, 76, 0.28) !important;
}

.content.people-page .preferred-network-hero::before {
  z-index: -2 !important;
  background:
    repeating-radial-gradient(ellipse at 86% 62%, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 15px),
    linear-gradient(112deg, transparent 0 54%, rgba(255, 255, 255, 0.09) 54% 72%, transparent 72% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 34%) !important;
  opacity: 0.62 !important;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.82) 76%, transparent 100%) !important;
}

.content.people-page .preferred-network-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 250px !important;
  height: 250px !important;
  right: -74px !important;
  bottom: -88px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.2) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 38%, rgba(91, 191, 255, 0.42), rgba(28, 99, 255, 0.2) 34%, transparent 68%) !important;
  background-size: 20px 20px, auto !important;
  filter: blur(0.2px) !important;
  opacity: 0.78 !important;
}

.content.people-page .network-hero-brand {
  margin-bottom: 20px !important;
}

.content.people-page .network-brand-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.1)),
    rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 12px 24px rgba(0, 18, 61, 0.22) !important;
}

.content.people-page .network-hero-brand strong {
  font-weight: 780 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 10px 28px rgba(0, 22, 64, 0.32) !important;
}

.content.people-page .network-hero-grid {
  align-items: start !important;
}

.content.people-page .network-hero-grid span {
  color: rgba(219, 235, 255, 0.86) !important;
  letter-spacing: 0.32em !important;
  text-shadow: 0 8px 24px rgba(0, 19, 66, 0.28) !important;
}

.content.people-page .network-hero-grid h2 {
  max-width: 232px !important;
  margin: 10px 0 12px !important;
  font-size: clamp(31px, 8.3vw, 36px) !important;
  line-height: 1.04 !important;
  font-weight: 540 !important;
  text-wrap: balance !important;
  text-shadow: 0 18px 34px rgba(0, 14, 47, 0.34) !important;
}

.content.people-page .network-hero-grid p {
  max-width: 258px !important;
  color: rgba(246, 250, 255, 0.92) !important;
  font-weight: 520 !important;
  text-shadow: 0 12px 24px rgba(0, 20, 62, 0.26) !important;
}

.content.people-page .network-member-tile {
  width: 86px !important;
  min-height: 104px !important;
  margin-top: 14px !important;
  border-radius: 24px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(150, 237, 255, 0.44), transparent 34%),
    linear-gradient(155deg, rgba(58, 131, 255, 0.72), rgba(6, 31, 88, 0.54)) !important;
  border: 1px solid rgba(202, 226, 255, 0.58) !important;
  backdrop-filter: blur(14px) saturate(1.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    inset 0 -1px 0 rgba(117, 183, 255, 0.22),
    0 18px 36px rgba(0, 16, 56, 0.26) !important;
}

.content.people-page .network-member-tile i {
  width: 20px !important;
  height: 20px !important;
  color: rgba(238, 247, 255, 0.9) !important;
}

.content.people-page .network-member-tile {
  font-size: 30px !important;
  line-height: 0.95 !important;
  font-weight: 780 !important;
}

.content.people-page .network-member-tile small {
  max-width: 66px !important;
  color: rgba(242, 248, 255, 0.92) !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
  font-weight: 680 !important;
}

/* Workforce Network: semantic availability colours override decorative blue */
.content.people-page .network-site-active {
  color: #07845f !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(213, 244, 229, 0.94)) !important;
  border-color: rgba(40, 174, 124, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(20, 128, 86, 0.08) !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  background: linear-gradient(135deg, #4ade80, #18b979) !important;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14), 0 4px 10px rgba(20, 128, 86, 0.2) !important;
}

.content.people-page .network-worker-row.network-worker-available {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 252, 250, 0.96)) !important;
  border-color: rgba(90, 191, 147, 0.5) !important;
}

.content.people-page .network-worker-row.network-worker-available .availability-tag {
  color: #08765d !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(215, 242, 232, 0.94)) !important;
  border-color: rgba(18, 139, 102, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-available .network-worker-initials {
  color: #08765d !important;
  background: linear-gradient(145deg, #e5f9ef, #d7f2e8) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable {
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 68, 68, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 246, 246, 0.96)) !important;
  border-color: rgba(239, 112, 112, 0.42) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #9f1f2f !important;
  background: linear-gradient(180deg, rgba(255, 239, 239, 0.98), rgba(251, 223, 223, 0.94)) !important;
  border-color: rgba(178, 43, 43, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #9f1f2f !important;
  background: linear-gradient(145deg, #fff0f0, #fbe0e0) !important;
}

.content.people-page .network-worker-row.network-worker-offline {
  background:
    radial-gradient(circle at 96% 0%, rgba(100, 116, 139, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.97)) !important;
  border-color: rgba(191, 201, 217, 0.88) !important;
}

.content.people-page .network-worker-row.network-worker-offline .availability-tag {
  color: #526073 !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(232, 237, 244, 0.94)) !important;
  border-color: rgba(174, 186, 203, 0.76) !important;
}

.content.people-page .network-worker-row.network-worker-offline .network-worker-initials {
  color: #5c6675 !important;
  background: linear-gradient(145deg, #f8fafc, #e8edf4) !important;
}

/* Workforce Network: official tier colours and availability priority states */
.content.people-page .network-worker-row.network-worker-available {
  background:
    radial-gradient(circle at 96% 0%, rgba(72, 132, 255, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.96)) !important;
  border-color: rgba(183, 209, 250, 0.8) !important;
}

.content.people-page .network-worker-row.network-worker-standby {
  background:
    radial-gradient(circle at 96% 0%, rgba(91, 123, 170, 0.12), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 253, 0.96)) !important;
  border-color: rgba(187, 203, 229, 0.86) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable {
  background:
    radial-gradient(circle at 96% 0%, rgba(245, 158, 11, 0.11), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 250, 241, 0.96)) !important;
  border-color: rgba(237, 188, 99, 0.78) !important;
}

.content.people-page .network-worker-row.network-worker-offline {
  background:
    radial-gradient(circle at 96% 0%, rgba(100, 116, 139, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.97)) !important;
  border-color: rgba(191, 201, 217, 0.88) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags .network-tier-chip.tier-green {
  color: #08765d !important;
  background: linear-gradient(145deg, rgba(229, 249, 239, 0.98), rgba(215, 242, 232, 0.92)) !important;
  border-color: rgba(18, 139, 102, 0.22) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags .network-tier-chip.tier-purple {
  color: #6233a3 !important;
  background: linear-gradient(145deg, rgba(244, 237, 255, 0.98), rgba(232, 220, 255, 0.92)) !important;
  border-color: rgba(98, 51, 163, 0.22) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags .network-tier-chip.tier-blue {
  color: #1e4f9a !important;
  background: linear-gradient(145deg, rgba(231, 240, 255, 0.98), rgba(219, 234, 254, 0.92)) !important;
  border-color: rgba(30, 79, 154, 0.2) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags .network-tier-chip.tier-grey {
  color: #4b5563 !important;
  background: linear-gradient(145deg, rgba(248, 250, 252, 0.98), rgba(229, 231, 235, 0.92)) !important;
  border-color: rgba(107, 114, 128, 0.22) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags .network-tier-chip.tier-red {
  color: #8c2626 !important;
  background: linear-gradient(145deg, rgba(255, 239, 239, 0.98), rgba(245, 215, 215, 0.92)) !important;
  border-color: rgba(140, 38, 38, 0.22) !important;
}

.content.people-page .network-worker-row.network-worker-available .availability-tag {
  color: #145fff !important;
  background: linear-gradient(180deg, rgba(237, 245, 255, 0.96), rgba(225, 238, 255, 0.92)) !important;
  border-color: rgba(172, 200, 246, 0.7) !important;
}

.content.people-page .network-worker-row.network-worker-standby .availability-tag {
  color: #3d5578 !important;
  background: linear-gradient(180deg, rgba(239, 244, 252, 0.98), rgba(226, 235, 248, 0.94)) !important;
  border-color: rgba(164, 184, 214, 0.72) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #8b5a00 !important;
  background: linear-gradient(180deg, rgba(255, 246, 226, 0.98), rgba(255, 237, 204, 0.94)) !important;
  border-color: rgba(227, 184, 105, 0.72) !important;
}

.content.people-page .network-worker-row.network-worker-offline .availability-tag {
  color: #526073 !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(232, 237, 244, 0.94)) !important;
  border-color: rgba(174, 186, 203, 0.76) !important;
}

.content.people-page .network-worker-row.network-worker-available .network-worker-initials {
  color: #155fff !important;
  background: linear-gradient(145deg, #edf5ff, #dceaff) !important;
}

.content.people-page .network-worker-row.network-worker-standby .network-worker-initials {
  color: #36547e !important;
  background: linear-gradient(145deg, #f0f5fc, #e2ebf8) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #8b5a00 !important;
  background: linear-gradient(145deg, #fff6e2, #ffedcc) !important;
}

.content.people-page .network-worker-row.network-worker-offline .network-worker-initials {
  color: #5c6675 !important;
  background: linear-gradient(145deg, #f8fafc, #e8edf4) !important;
}

/* Workforce Network: luxury blue glass finish */
.content.people-page .network-site-card.is-expanded {
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(151, 190, 255, 0.7) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 251, 255, 0.92) 38%, rgba(232, 242, 255, 0.9) 100%),
    radial-gradient(circle at 90% 0%, rgba(80, 145, 255, 0.18), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(158, 190, 255, 0.16), transparent 34%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(203, 220, 247, 0.52),
    0 18px 44px rgba(18, 67, 151, 0.13) !important;
}

.content.people-page .network-site-card.is-expanded::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 58px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.74), rgba(121, 177, 255, 0.12), rgba(255, 255, 255, 0.5)) !important;
}

.content.people-page .network-site-card.is-expanded > * {
  position: relative !important;
  z-index: 1 !important;
}

.content.people-page .network-site-header small {
  color: #1d5fe8 !important;
}

.content.people-page .network-site-active {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #145fff !important;
  background: rgba(231, 240, 255, 0.82) !important;
  border: 1px solid rgba(174, 202, 248, 0.72) !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  background: linear-gradient(135deg, #6ea8ff, #155fff) !important;
  box-shadow: 0 0 0 5px rgba(31, 99, 255, 0.12), 0 4px 10px rgba(21, 95, 255, 0.22) !important;
}

.content.people-page .network-site-menu,
.content.people-page .network-site-header-actions .preferred-site-arrow,
.content.people-page .network-site-row .preferred-site-arrow {
  color: #145fff !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 245, 255, 0.94)) !important;
  border-color: rgba(177, 202, 244, 0.74) !important;
  box-shadow: 0 9px 20px rgba(34, 95, 190, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.content.people-page .network-site-metrics {
  gap: 6px !important;
  padding: 10px 0 !important;
  border-block-color: rgba(196, 215, 246, 0.78) !important;
}

.content.people-page .network-site-metrics span {
  min-height: 48px !important;
  border-right: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(238, 246, 255, 0.74)) !important;
  border: 1px solid rgba(194, 215, 248, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.content.people-page .network-site-metrics strong {
  color: #0b3f91 !important;
}

.content.people-page .network-worker-row:not(.network-worker-unavailable):not(.network-worker-offline):not(.network-worker-standby) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 0.94)),
    radial-gradient(circle at 94% 0%, rgba(96, 154, 255, 0.1), transparent 35%) !important;
  border-color: rgba(188, 211, 247, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 12px 28px rgba(21, 72, 153, 0.08) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags span:not(.availability-tag),
.content.people-page .network-worker-row:not(.network-worker-unavailable) .availability-tag {
  color: #145fff !important;
  background: linear-gradient(180deg, rgba(237, 245, 255, 0.96), rgba(225, 238, 255, 0.92)) !important;
  border-color: rgba(172, 200, 246, 0.7) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #8b5a00 !important;
  background: #fff1d6 !important;
}

.content.people-page .network-worker-row.network-worker-standby .network-worker-initials {
  color: #36547e !important;
  background: #e8f0ff !important;
}

/* Workforce Network: softer premium typography */
.content.people-page .preferred-industry-summary strong,
.content.people-page .network-site-header strong,
.content.people-page .network-site-row strong,
.content.people-page .network-worker-row .workforce-worker-main strong {
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.people-page .network-site-header strong {
  font-size: 19px !important;
  line-height: 1.16 !important;
}

.content.people-page .network-site-row strong {
  font-size: 14.5px !important;
}

.content.people-page .network-worker-row .workforce-worker-main strong {
  font-size: 16px !important;
  line-height: 1.14 !important;
}

.content.people-page .network-site-header small,
.content.people-page .network-site-row small,
.content.people-page .network-worker-row .workforce-worker-main small,
.content.people-page .network-worker-heading span {
  font-weight: 680 !important;
}

.content.people-page .network-site-active,
.content.people-page .network-worker-heading strong,
.content.people-page .network-site-metrics strong,
.content.people-page .preferred-nested-worker-metrics strong,
.content.people-page .network-sector-metrics b,
.content.people-page .preferred-industry-card.open .preferred-industry-metrics strong {
  font-weight: 760 !important;
}

.content.people-page .network-site-metrics small,
.content.people-page .preferred-nested-worker-metrics small,
.content.people-page .network-sector-metrics small,
.content.people-page .network-worker-row .preferred-nested-worker-tags span,
.content.people-page .network-all-workers-shown {
  font-weight: 680 !important;
}

.content.people-page .network-worker-row .compact-actions .button,
.content.people-page .network-worker-row .compact-actions .ghost-button,
.content.people-page .network-view-all-workers {
  font-weight: 760 !important;
}

/* Workforce Network: section headings should breathe inside the full-width canvas */
.content.people-page .network-section-heading {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

.content.people-page .network-snapshot-section .network-section-heading,
.content.people-page .workforce-network-tabs-section .network-section-heading,
.content.people-page .preferred-industry-accordion .network-section-heading {
  padding-left: max(14px, env(safe-area-inset-left)) !important;
  padding-right: max(14px, env(safe-area-inset-right)) !important;
}

.content.people-page .network-section-heading span {
  font-weight: 720 !important;
  letter-spacing: 0.2em !important;
}

.content.people-page .network-section-heading strong {
  font-weight: 720 !important;
}

/* Workforce Network: AgencyHub blue theme for expanded site cards */
.content.people-page .network-site-card,
.content.people-page .network-site-row {
  background:
    radial-gradient(circle at 94% 2%, rgba(220, 233, 255, 0.78), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.96)) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics span {
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.96), rgba(248, 251, 255, 0.94)) !important;
  border-color: rgba(176, 202, 244, 0.58) !important;
}

.content.people-page .preferred-industry-card.open .preferred-industry-metrics strong,
.content.people-page .network-site-header small,
.content.people-page .network-site-row small,
.content.people-page .network-site-row em,
.content.people-page .network-site-row em b,
.content.people-page .network-site-row em small,
.content.people-page .network-site-active {
  color: #155fff !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  background: #1f63ff !important;
  box-shadow: 0 0 0 5px rgba(31, 99, 255, 0.12) !important;
}

.content.people-page .network-worker-row .preferred-nested-worker-tags span {
  color: #155fff !important;
  background: rgba(232, 241, 255, 0.92) !important;
  border-color: rgba(177, 202, 244, 0.62) !important;
}

.content.people-page .network-worker-row .network-worker-initials {
  color: #155fff !important;
  background: #e8f1ff !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #8b5a00 !important;
  background: rgba(255, 241, 214, 0.92) !important;
  border-color: rgba(227, 184, 105, 0.62) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #8b5a00 !important;
  background: #fff1d6 !important;
}

.content.people-page .network-worker-row.network-worker-standby .availability-tag {
  color: #36547e !important;
  background: rgba(232, 240, 255, 0.92) !important;
  border-color: rgba(177, 198, 231, 0.72) !important;
}

/* Workforce Network: final semantic availability colours */
.content.people-page .network-site-active {
  color: #07845f !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(213, 244, 229, 0.94)) !important;
  border-color: rgba(40, 174, 124, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(20, 128, 86, 0.08) !important;
}

.content.people-page .network-site-active i,
.content.people-page .network-site-row em small i {
  background: linear-gradient(135deg, #4ade80, #18b979) !important;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14), 0 4px 10px rgba(20, 128, 86, 0.2) !important;
}

.content.people-page .network-worker-row.network-worker-available {
  background:
    radial-gradient(circle at 96% 0%, rgba(34, 197, 94, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 252, 250, 0.96)) !important;
  border-color: rgba(90, 191, 147, 0.5) !important;
}

.content.people-page .network-worker-row.network-worker-available .availability-tag {
  color: #08765d !important;
  background: linear-gradient(180deg, rgba(229, 249, 239, 0.98), rgba(215, 242, 232, 0.94)) !important;
  border-color: rgba(18, 139, 102, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-available .network-worker-initials {
  color: #08765d !important;
  background: linear-gradient(145deg, #e5f9ef, #d7f2e8) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable {
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 68, 68, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(255, 246, 246, 0.96)) !important;
  border-color: rgba(239, 112, 112, 0.42) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .availability-tag {
  color: #9f1f2f !important;
  background: linear-gradient(180deg, rgba(255, 239, 239, 0.98), rgba(251, 223, 223, 0.94)) !important;
  border-color: rgba(178, 43, 43, 0.24) !important;
}

.content.people-page .network-worker-row.network-worker-unavailable .network-worker-initials {
  color: #9f1f2f !important;
  background: linear-gradient(145deg, #fff0f0, #fbe0e0) !important;
}

.content.people-page .network-worker-row.network-worker-offline {
  background:
    radial-gradient(circle at 96% 0%, rgba(100, 116, 139, 0.1), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 251, 0.97)) !important;
  border-color: rgba(191, 201, 217, 0.88) !important;
}

.content.people-page .network-worker-row.network-worker-offline .availability-tag {
  color: #526073 !important;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(232, 237, 244, 0.94)) !important;
  border-color: rgba(174, 186, 203, 0.76) !important;
}

.content.people-page .network-worker-row.network-worker-offline .network-worker-initials {
  color: #5c6675 !important;
  background: linear-gradient(145deg, #f8fafc, #e8edf4) !important;
}

/* Final app-wide mobile width system: 8px page gutter */
:root {
  --agencyhub-page-gutter: 8px;
}

html.native-android .main {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

html.native-android .content,
html.native-android .profile-page-content,
html.native-android .worker-premium-page,
html.native-android .worker-finance-page,
html.native-android .worker-jobs-page,
html.native-android .worker-filter-page,
html.native-android .training-page,
html.native-android .profile-manager-page,
html.native-android .shift-documents-page,
html.native-android .settings-page,
html.native-android .notification-centre-page,
html.native-android .messages-centre-page,
html.native-android .availability-page,
html.native-android .people-page,
html.native-android .agency-home-page,
html.native-android .agency-jobs-page,
html.native-android .agency-offers-page,
html.native-android .agency-schedules-page,
html.native-android .agency-training-page,
html.native-android .agency-filter-page,
html.native-android .agency-candidate-profile-page,
html.native-android .premium-offer-detail-page,
html.native-android .premium-job-profile-page,
html.native-android .worker-booking-journey,
html.native-android .statement-detail-page,
html.native-android .instant-payout-page {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page,
html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
}

html.native-android .content.worker-finance-page.worker-fintech-page,
html.native-android .content.earnings-content.worker-finance-page.worker-fintech-page {
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

html.native-android .content.worker-premium-page.worker-booking-command.premium-bookings-experience {
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}

html.native-android .app-header,
html.native-android .agencyhub-premium-header,
html.native-android .nav {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html.native-android .app-header-row,
html.native-android .header-tools {
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-view-surface,
html.native-android .premium-bookings-experience .premium-worker-calendar {
  width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  max-width: calc(100% + (var(--agencyhub-page-gutter) * 2)) !important;
  margin-left: calc(var(--agencyhub-page-gutter) * -1) !important;
  margin-right: calc(var(--agencyhub-page-gutter) * -1) !important;
}

html.native-android .content > *,
html.native-android .worker-premium-page > *,
html.native-android .profile-page-content > *,
html.native-android .worker-finance-page > *,
html.native-android .profile-manager-page > *,
html.native-android .people-page > * {
  max-width: 100%;
  box-sizing: border-box;
}

html.native-android body .app-shell:has(.career-passport-page) > .main,
html.native-android body .app-shell:has(.profile-page-content) > .main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Candidate Bookings subviews: no card-inside-card nesting. */
html.native-android .premium-bookings-experience .calendar-status-view,
html.native-android .premium-bookings-experience .calendar-timeline-view,
html.native-android .premium-bookings-experience .calendar-daily-view {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.native-android .premium-bookings-experience .calendar-status-view .calendar-surface-heading,
html.native-android .premium-bookings-experience .calendar-timeline-view .calendar-surface-heading,
html.native-android .premium-bookings-experience .calendar-daily-view .calendar-surface-heading {
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-status-view .calendar-schedule-list,
html.native-android .premium-bookings-experience .calendar-timeline-view .calendar-timeline-agenda,
html.native-android .premium-bookings-experience .calendar-daily-view .calendar-schedule-list {
  width: 100% !important;
  max-width: 100% !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-status-view .calendar-sheet-event,
html.native-android .premium-bookings-experience .calendar-timeline-view .calendar-sheet-event,
html.native-android .premium-bookings-experience .calendar-daily-view .calendar-sheet-event {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.native-android .premium-bookings-experience .calendar-status-view .calendar-sheet-event-card,
html.native-android .premium-bookings-experience .calendar-timeline-view .calendar-sheet-event-card,
html.native-android .premium-bookings-experience .calendar-daily-view .calendar-sheet-event-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
}

html.native-android .premium-bookings-experience .calendar-status-view.cancelled .calendar-sheet-event-card {
  border-color: rgba(203, 82, 96, 0.16) !important;
}

html.native-android .premium-bookings-experience .calendar-status-view.cancelled .calendar-event-actions {
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: stretch !important;
}

html.native-android .premium-bookings-experience .calendar-status-view.cancelled .calendar-secondary-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

html.native-android .premium-bookings-experience .calendar-status-view.cancelled .calendar-secondary-actions button {
  min-height: 48px !important;
  border-radius: 16px !important;
}

html.native-android .premium-bookings-experience .worker-scheduling-centre:has(.calendar-status-view),
html.native-android .premium-bookings-experience .worker-scheduling-centre:has(.calendar-timeline-view),
html.native-android .premium-bookings-experience .worker-scheduling-centre:has(.calendar-daily-view) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Candidate Bookings: compact the Time / Rate / Expected strip. */
html.native-android .premium-bookings-experience .current-booking-strip {
  min-height: 50px !important;
  margin: 14px 0 12px !important;
  display: grid !important;
  grid-template-columns: 1.15fr 0.9fr 1fr !important;
  align-items: stretch !important;
  border-radius: 16px !important;
  padding: 0 !important;
}

html.native-android .premium-bookings-experience .current-booking-strip > span {
  min-height: 50px !important;
  padding: 8px 10px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html.native-android .premium-bookings-experience .current-booking-strip small {
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
}

html.native-android .premium-bookings-experience .current-booking-strip strong {
  font-size: 14px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html.native-android .premium-bookings-experience .current-booking-strip > span:first-child strong {
  max-width: none !important;
  font-size: 13.5px !important;
}

/* Candidate Bookings KPI cards: keep all stat tiles visually consistent. */
html.native-android .premium-bookings-experience .worker-booking-hero > div:first-child > span:first-child {
  color: rgba(255, 255, 255, 0.86) !important;
}

html.native-android .premium-bookings-experience .worker-booking-kpis > span,
html.native-android .premium-bookings-experience .worker-booking-kpis > span:first-child {
  color: #08275f !important;
}

html.native-android .premium-bookings-experience .worker-booking-kpis > span strong,
html.native-android .premium-bookings-experience .worker-booking-kpis > span:first-child strong {
  color: #08275f !important;
}

.premium-bookings-experience .worker-booking-kpis [data-booking-kpi="upcoming"] > strong.worker-booking-kpi-count--upcoming,
html.native-android .premium-bookings-experience .worker-booking-kpis [data-booking-kpi="upcoming"] > strong.worker-booking-kpi-count--upcoming {
  color: #1D4ED8 !important;
}

/* Candidate Bookings: compact the Up Next action tiles after native overrides. */
html.native-android .premium-bookings-experience .worker-current-booking .candidate-date-tile {
  min-width: 56px !important;
  width: 56px !important;
  min-height: 68px !important;
  height: 68px !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .candidate-date-tile strong {
  font-size: 25px !important;
}

html.native-android .premium-bookings-experience .current-booking-readiness {
  gap: 8px !important;
}

html.native-android .premium-bookings-experience .current-booking-readiness > span {
  min-height: 56px !important;
  padding: 8px 6px !important;
  gap: 2px !important;
  line-height: 1.05 !important;
}

html.native-android .premium-bookings-experience .current-booking-readiness svg {
  width: 17px !important;
  height: 17px !important;
}

html.native-android .premium-bookings-experience .current-booking-readiness b {
  font-size: 11.5px !important;
  line-height: 1.05 !important;
}

html.native-android .premium-bookings-experience .current-booking-readiness small {
  font-size: 9.5px !important;
  line-height: 1.05 !important;
}

/* Candidate Bookings: luxury champagne glass treatment for the Up Next card. */
html.native-android .premium-bookings-experience .worker-current-booking {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 191, 129, 0.72) !important;
  background:
    linear-gradient(145deg, rgba(255, 250, 244, 0.95), rgba(255, 237, 217, 0.78) 48%, rgba(255, 249, 242, 0.92)) !important;
  box-shadow:
    0 22px 46px rgba(143, 82, 24, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(210, 119, 42, 0.08) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.08) 28%, transparent 56%),
    repeating-linear-gradient(135deg, rgba(205, 118, 42, 0.08) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.34) 0 1px, transparent 1px 18px) !important;
  opacity: 0.88 !important;
}

html.native-android .premium-bookings-experience .worker-current-booking::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), rgba(255, 187, 116, 0.45), transparent) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking > * {
  position: relative !important;
  z-index: 1 !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-top > span {
  color: #8b5a22 !important;
  letter-spacing: 0.1em !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-top button,
html.native-android .premium-bookings-experience .worker-current-booking .booking-status-pill {
  border: 1px solid rgba(255, 190, 123, 0.5) !important;
  background: rgba(255, 246, 236, 0.74) !important;
  color: #0c55ed !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .candidate-date-tile {
  background: linear-gradient(155deg, #ffba73 0%, #ff8f45 42%, #f4752f 100%) !important;
  box-shadow: 0 14px 24px rgba(210, 104, 32, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-strip {
  border-color: rgba(234, 169, 98, 0.48) !important;
  background: rgba(255, 255, 255, 0.36) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-strip > span,
html.native-android .premium-bookings-experience .worker-current-booking .current-booking-readiness > span,
html.native-android .premium-bookings-experience .worker-current-booking .current-booking-callout {
  border-color: rgba(235, 171, 104, 0.45) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-callout {
  background: linear-gradient(135deg, rgba(255, 246, 237, 0.72), rgba(255, 255, 255, 0.58)) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions button:not(.primary) {
  border-color: rgba(238, 174, 108, 0.56) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 220, 166, 0.46) !important;
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.28) 0%, transparent 24%, transparent 68%, rgba(91, 154, 255, 0.24) 100%),
    linear-gradient(135deg, #071b44 0%, #0a3f9f 44%, #1267ff 100%) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 20, 60, 0.24) !important;
  box-shadow:
    0 18px 32px rgba(7, 27, 68, 0.24),
    0 8px 18px rgba(18, 103, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(1, 17, 48, 0.28) !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto 1px !important;
  height: 48% !important;
  border-radius: 13px 13px 9px 9px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04)) !important;
  pointer-events: none !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 222, 169, 0.8), transparent) !important;
  pointer-events: none !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary span,
html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary svg {
  position: relative !important;
  z-index: 1 !important;
}

html.native-android .premium-bookings-experience .worker-current-booking .current-booking-actions .primary svg {
  filter: drop-shadow(0 1px 1px rgba(0, 18, 58, 0.25)) !important;
}

html.native-android .premium-bookings-experience .worker-booking-kpis > span small,
html.native-android .premium-bookings-experience .worker-booking-kpis > span:first-child small {
  color: #49628e !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Candidate Bookings calendar: navigable months and visible status dots. */
html.native-android .premium-bookings-experience .premium-worker-calendar .monthly-calendar-header {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  gap: 8px !important;
  align-items: center !important;
}

html.native-android .premium-bookings-experience .premium-worker-calendar .monthly-calendar-header > span {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  letter-spacing: 0.08em !important;
}

html.native-android .premium-bookings-experience .calendar-month-nav {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(178, 201, 235, 0.84) !important;
  border-radius: 13px !important;
  color: #0d58f2 !important;
  background: rgba(238, 245, 255, 0.96) !important;
  box-shadow: none !important;
}

html.native-android .premium-bookings-experience .calendar-month-nav svg {
  width: 18px !important;
  height: 18px !important;
}

html.native-android .premium-bookings-experience .calendar-month-nav.next svg {
  transform: rotate(180deg) !important;
}

html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button > span {
  min-width: 22px !important;
  height: 6px !important;
}

html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid i {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
}

html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button.selected i.confirmed { background: #246dff !important; }
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button.selected i.completed { background: #14a66f !important; }
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button.selected i.action { background: #d9962d !important; }
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button.selected i.cancelled { background: #d95063 !important; }
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button.selected i.training { background: #8157d9 !important; }

/* Tax Reserve V13: Image A premium reconstruction with exact 8px scroll-body gutter. */
:root {
  --tax-page-gutter: 8px;
  --tax-ink: #071b44;
  --tax-muted: #667c9e;
  --tax-blue: #0a5af5;
  --tax-deep: #061849;
  --tax-line: #d9e7fa;
  --tax-surface: #ffffff;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: calc(22px + env(safe-area-inset-top)) 26px 24px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
  box-shadow: none !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.94 !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
  filter: none !important;
  transform: none !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header > * {
  position: relative !important;
  z-index: 1 !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header-row {
  align-items: center !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .header-copy h1 {
  color: #fff !important;
  font-size: 25px !important;
  line-height: 1.06 !important;
  font-weight: 850 !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .header-copy p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .header-avatar,
.app-shell:has(.worker-finance-page .tax-command-page-header) .header-icon-button {
  border-color: rgba(255,255,255,0.24) !important;
  background: rgba(255,255,255,0.14) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(0, 22, 78, 0.18) !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .header-avatar {
  background: #fff !important;
  color: #08275f !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  padding: 0 var(--tax-page-gutter) calc(128px + env(safe-area-inset-bottom)) !important;
  gap: 14px !important;
  overflow-x: hidden !important;
  background:
    linear-gradient(180deg, #073aca 0 92px, #f8fbff 92px 100%) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs {
  margin: 0 calc(var(--tax-page-gutter) * -1) !important;
  padding: 0 8px 10px !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(100, 152, 255, 0.3), transparent 35%),
    linear-gradient(135deg, #052484 0%, #004fec 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.16) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button {
  min-height: 64px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,0.88) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button.active {
  color: #fff !important;
  border-color: rgba(255,255,255,0.18) !important;
  background: linear-gradient(180deg, rgba(28,116,255,0.95), rgba(8,84,230,0.94)) !important;
  box-shadow: 0 12px 24px rgba(0, 22, 94, 0.24), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs svg,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs span {
  color: currentColor !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs {
  margin: -1px calc(var(--tax-page-gutter) * -1) 10px !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(135deg, #062a9f, #034fea) !important;
  box-shadow: 0 16px 28px rgba(4, 46, 162, 0.16) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button {
  min-height: 45px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  color: rgba(255,255,255,0.86) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button.active {
  color: #fff !important;
  border-color: rgba(49, 191, 255, 0.62) !important;
  background: rgba(2, 23, 103, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  margin: 18px 0 4px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header span {
  color: #0b5cff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  margin: 7px 0 0 !important;
  color: var(--tax-ink) !important;
  font-size: 29px !important;
  line-height: 1.03 !important;
  font-weight: 900 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 230px !important;
  margin: 8px 0 0 !important;
  color: #587096 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-header-actions button {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(204, 216, 235, 0.62) !important;
  background: rgba(255,255,255,0.9) !important;
  color: #14315d !important;
  box-shadow: 0 10px 24px rgba(15, 44, 86, 0.1), inset 0 1px 0 #fff !important;
}

.tax-position-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 12px 16px !important;
  padding: 20px 18px !important;
  border: 1px solid rgba(98, 151, 255, 0.28) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(28, 169, 255, 0.18), transparent 34%),
    radial-gradient(circle at 6% 100%, rgba(25, 224, 191, 0.12), transparent 32%),
    linear-gradient(135deg, #082067 0%, #002cbf 55%, #064be8 100%) !important;
  box-shadow: 0 20px 42px rgba(7, 37, 113, 0.2) !important;
}

.tax-position-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.12 !important;
  background: repeating-linear-gradient(120deg, transparent 0 16px, rgba(255,255,255,0.16) 17px, transparent 18px) !important;
}

.tax-position-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.tax-position-primary {
  min-width: 0 !important;
}

.tax-position-card-head span {
  color: rgba(255,255,255,0.86) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.tax-position-balance {
  margin-top: 18px !important;
  display: grid !important;
  gap: 8px !important;
}

.tax-position-balance span {
  color: rgba(255,255,255,0.78) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}

.tax-position-balance strong {
  color: #fff !important;
  font-size: 32px !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.tax-position-gauge {
  width: 94px !important;
  aspect-ratio: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  border-radius: 50% !important;
  background: conic-gradient(#20dcc5 0 var(--tax-pot-cover), rgba(255,255,255,0.14) var(--tax-pot-cover) 100%) !important;
  box-shadow: inset 0 0 0 10px rgba(7, 30, 85, 0.82), 0 14px 28px rgba(0, 21, 83, 0.22) !important;
}

.tax-position-gauge::before {
  content: "" !important;
  position: absolute !important;
  width: 62px !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background: #06329b !important;
}

.tax-position-gauge strong,
.tax-position-gauge small {
  position: relative !important;
  z-index: 1 !important;
  color: #fff !important;
}

.tax-position-gauge strong {
  font-size: 23px !important;
  font-weight: 900 !important;
}

.tax-position-gauge small {
  font-size: 10px !important;
  font-weight: 760 !important;
}

.tax-position-progress-row {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 8px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(5, 22, 72, 0.2) !important;
}

.tax-position-progress-row > span {
  color: rgba(255,255,255,0.92) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.tax-position-progress-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.14) !important;
  overflow: hidden !important;
}

.tax-position-progress-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #26ddc2, #58a7ff) !important;
}

.tax-position-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.tax-position-actions button {
  min-height: 48px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.17) !important;
  background: rgba(255,255,255,0.08) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
}

.tax-position-actions button.primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, #1676ff, #0758f4) !important;
}

.tax-position-actions svg {
  width: 18px !important;
  height: 18px !important;
}

.tax-position-metrics {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tax-position-metrics .reserve-metric {
  min-height: 74px !important;
  padding: 12px 10px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.08) !important;
}

.tax-position-metrics small {
  color: rgba(255,255,255,0.74) !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 860 !important;
  letter-spacing: 0.08em !important;
}

.tax-position-metrics strong {
  margin-top: 9px !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

.tax-upcoming-allocation-card,
.premium-tax-pot-card.tax-command-reserve-card,
.tax-pot-balance-card,
.financial-insights-panel,
.tax-command-passport-card,
.tax-command-disclaimer {
  width: 100% !important;
  max-width: none !important;
  border: 1px solid var(--tax-line) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 16px 34px rgba(23, 64, 126, 0.1), inset 0 1px 0 #fff !important;
}

.tax-upcoming-allocation-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 16px !important;
}

.tax-v2-payment-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.tax-v2-payment-head span,
.tax-smart-save-header span,
.tax-pot-balance-head span,
.financial-insights-panel .tax-os-section-head span,
.tax-passport-eyebrow span {
  color: #0a5af5 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.tax-v2-payment-head h3,
.tax-smart-save-header h3,
.tax-pot-balance-head h3,
.financial-insights-panel .tax-os-section-head h3,
.tax-command-passport-card h3 {
  margin: 5px 0 0 !important;
  color: var(--tax-ink) !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.tax-v2-payment-head p,
.tax-smart-save-header p,
.tax-pot-balance-head p,
.tax-command-passport-card p {
  color: #5d739a !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.tax-payout-status-chip,
.financial-insights-panel .tax-os-section-head em,
.tax-passport-eyebrow em {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #07845f !important;
  background: #dff8ec !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

.tax-payout-card-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 12px !important;
  align-items: end !important;
  margin-top: 14px !important;
}

.tax-payout-status-row {
  margin: 0 0 8px !important;
  min-height: 32px !important;
  padding: 7px 10px !important;
  border: 1px solid #dcebf7 !important;
  border-radius: 10px !important;
  background: #f8fbff !important;
  color: var(--tax-ink) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.tax-payout-status-row svg {
  color: #17b879 !important;
}

.tax-v2-payment-lines {
  border: 1px solid #dfeafa !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.74) !important;
  overflow: hidden !important;
}

.tax-v2-payment-lines span {
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 5px 10px !important;
  border-bottom: 1px solid #edf3fb !important;
}

.tax-v2-payment-lines span:last-child {
  border-bottom: 0 !important;
}

.tax-v2-payment-lines small {
  color: #667c9e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.tax-v2-payment-lines strong {
  color: var(--tax-ink) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.tax-v2-payment-lines .total strong {
  color: #0a5af5 !important;
}

.tax-payout-illustration {
  position: relative !important;
  min-height: 138px !important;
}

.tax-payout-calendar-art {
  position: absolute !important;
  right: 4px !important;
  bottom: 12px !important;
  width: 88px !important;
  height: 86px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #7ab6ff, #0758f4 58%, #0536ba) !important;
  box-shadow: 0 18px 32px rgba(10, 90, 245, 0.22), inset 0 1px 0 rgba(255,255,255,0.42) !important;
  transform: rotate(-3deg) !important;
}

.tax-payout-calendar-art i,
.tax-payout-calendar-art b {
  position: absolute !important;
  top: -14px !important;
  width: 13px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #edf6ff, #5f9fff) !important;
  box-shadow: 25px 0 0 #8fc3ff, 50px 0 0 #b8dcff !important;
}

.tax-payout-calendar-art i { left: 15px !important; }
.tax-payout-calendar-art b { display: none !important; }

.tax-payout-calendar-art em {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
}

.tax-payout-calendar-art em svg {
  width: 52px !important;
  height: 52px !important;
  stroke-width: 3 !important;
}

.tax-payout-coin-art {
  position: absolute !important;
  left: 2px !important;
  bottom: 0 !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #f4f9ff, #87b9ff) !important;
  color: #0758f4 !important;
  box-shadow: 0 12px 24px rgba(10, 90, 245, 0.18), inset 0 1px 0 #fff !important;
}

.tax-payout-coin-art svg {
  width: 27px !important;
  height: 27px !important;
}

.premium-tax-pot-card.tax-command-reserve-card {
  padding: 0 !important;
  overflow: hidden !important;
}

.tax-smart-save-card {
  padding: 16px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tax-smart-save-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.tax-smart-toggle {
  min-width: 82px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  color: #08765d !important;
  background: #dff8ec !important;
}

.tax-smart-toggle i {
  background: #19b979 !important;
}

.tax-smart-state-line {
  margin-top: 12px !important;
  border: 1px solid #dbe8f7 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
}

.tax-current-strategy-panel,
.tax-smart-ledger {
  margin-top: 12px !important;
}

.tax-smart-ledger {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: 1px solid #dfeafa !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.tax-smart-ledger span {
  min-height: 58px !important;
  padding: 10px !important;
  border-right: 1px solid #e6eef9 !important;
  background: #fbfdff !important;
}

.tax-smart-ledger span:last-child {
  border-right: 0 !important;
}

.tax-smart-ledger small,
.tax-pot-balance-grid small,
.tax-passport-executive-grid small {
  color: #6d84a9 !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 860 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.tax-smart-ledger strong,
.tax-pot-balance-grid strong,
.tax-passport-executive-grid strong {
  display: block !important;
  margin-top: 7px !important;
  color: var(--tax-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.tax-command-lower-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

.tax-pot-balance-card,
.financial-insights-panel {
  padding: 14px !important;
}

.tax-pot-balance-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.tax-pot-balance-head > strong {
  color: var(--tax-ink) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.tax-pot-balance-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
  border: 0 !important;
  background: transparent !important;
}

.tax-pot-balance-grid span {
  min-height: 58px !important;
  padding: 10px !important;
  border: 1px solid #e1ebf8 !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
}

.tax-pot-progress {
  height: 7px !important;
  margin: 12px 0 !important;
  border-radius: 999px !important;
  background: #dce7f6 !important;
}

.tax-pot-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #0a5af5, #55a6ff) !important;
}

.tax-pot-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.tax-pot-actions button,
.tax-command-passport-card .tax-os-action-row button {
  min-height: 44px !important;
  border-radius: 11px !important;
  border: 1px solid #cfdff4 !important;
  color: #0a2a63 !important;
  background: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.tax-pot-actions .primary,
.tax-command-passport-card .tax-os-action-row .primary {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0b63f6, #074bda) !important;
}

.financial-insights-panel .tax-os-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: start !important;
}

.financial-insight-list {
  display: grid !important;
  gap: 0 !important;
  margin-top: 12px !important;
  border: 1px solid #e4edf9 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.financial-insight-list article {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) 14px !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 8px !important;
  border-bottom: 1px solid #edf3fb !important;
  background: #fff !important;
}

.financial-insight-list article:last-child {
  border-bottom: 0 !important;
}

.financial-insight-list article > svg:first-child {
  width: 22px !important;
  height: 22px !important;
  padding: 5px !important;
  border-radius: 50% !important;
  color: #0a5af5 !important;
  background: #edf5ff !important;
}

.financial-insight-list article > svg:last-child {
  width: 14px !important;
  height: 14px !important;
  color: #7890b4 !important;
  transform: rotate(180deg) !important;
}

.financial-insight-list strong {
  color: var(--tax-ink) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.financial-insight-list small {
  display: block !important;
  margin-top: 2px !important;
  color: #5f769d !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}

.financial-insights-panel > p {
  margin: 10px 0 0 !important;
  color: #667c9e !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

.tax-command-passport-card {
  padding: 16px !important;
}

.tax-passport-eyebrow {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  align-items: center !important;
}

.tax-passport-executive-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.tax-passport-executive-grid span {
  min-height: 58px !important;
  padding: 10px !important;
  border: 1px solid #e1ebf8 !important;
  border-radius: 11px !important;
  background: #fbfdff !important;
}

.tax-passport-privacy,
.tax-passport-advice {
  margin-top: 12px !important;
  display: grid !important;
  gap: 6px !important;
  padding: 12px !important;
  border-radius: 12px !important;
  background: #f2f7ff !important;
  color: #4f6792 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.tax-passport-advice {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start !important;
}

.tax-passport-advice svg {
  width: 20px !important;
  height: 20px !important;
  color: #0a5af5 !important;
}

.tax-command-passport-card .tax-os-action-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.tax-command-disclaimer {
  margin: 0 0 4px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 13px !important;
  color: #536b94 !important;
  background: #f2f7ff !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.tax-command-disclaimer svg {
  width: 24px !important;
  height: 24px !important;
  color: #6984ad !important;
}

.tax-command-disclaimer strong {
  display: block !important;
  margin-bottom: 3px !important;
  color: var(--tax-ink) !important;
  font-size: 12px !important;
}

@media (max-width: 410px) {
  .tax-payout-card-body,
  .tax-command-lower-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tax-payout-illustration {
    min-height: 100px !important;
  }

  .tax-position-hero {
    grid-template-columns: minmax(0, 1fr) 88px !important;
  }

  .tax-position-gauge {
    width: 84px !important;
  }
}

/* Tax Reserve V14: final scoped overrides to beat earlier Tax Centre cascades. */
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-hero {
  grid-template-columns: minmax(0, 1fr) 104px !important;
  align-items: start !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge {
  position: relative !important;
  display: grid !important;
  width: 94px !important;
  min-width: 94px !important;
  max-width: 94px !important;
  aspect-ratio: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  place-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  border-radius: 50% !important;
  background: conic-gradient(#20dcc5 0 var(--tax-pot-cover), rgba(255,255,255,0.14) var(--tax-pot-cover) 100%) !important;
  box-shadow: inset 0 0 0 10px rgba(7, 30, 85, 0.82), 0 14px 28px rgba(0, 21, 83, 0.22) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge::before {
  content: "" !important;
  position: absolute !important;
  width: 62px !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  background: #06329b !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge strong,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge small {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  margin: 0 !important;
  color: #fff !important;
  text-align: center !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge small {
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 64px !important;
  padding: 10px 8px !important;
  display: block !important;
  border-radius: 12px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric-wide {
  grid-column: auto !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics small {
  display: block !important;
  align-self: auto !important;
  color: rgba(255,255,255,0.74) !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  font-weight: 860 !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics strong {
  display: block !important;
  width: auto !important;
  margin: 8px 0 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-lower-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-progress-row {
  border-radius: 12px !important;
}

@media (max-width: 410px) {
  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-hero {
    grid-template-columns: minmax(0, 1fr) 88px !important;
  }

  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }

  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge::before {
    width: 54px !important;
  }
}

/* Tax Reserve V15: connected Image A-style finance header and command selector. */
.app-shell:has(.worker-finance-page .tax-command-page-header) {
  background:
    linear-gradient(180deg, #054ef3 0 292px, #f7fbff 292px 100%) !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header {
  padding: calc(24px + env(safe-area-inset-top)) 28px 18px !important;
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header::before {
  opacity: 0.94 !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
  filter: none !important;
  transform: none !important;
}

.app-shell:has(.worker-finance-page .tax-command-page-header) .app-header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: 1px !important;
  background: rgba(255,255,255,0.12) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) {
  background:
    linear-gradient(180deg, #054ef3 0 132px, #f7fbff 132px 100%) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs {
  width: calc(100% + (var(--tax-page-gutter) * 2)) !important;
  max-width: none !important;
  margin-left: calc(var(--tax-page-gutter) * -1) !important;
  margin-right: calc(var(--tax-page-gutter) * -1) !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 8px 16px 13px !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  background:
    radial-gradient(circle at 13% 0%, rgba(96, 167, 255, 0.2), transparent 28%),
    linear-gradient(135deg, #052a93 0%, #034edc 54%, #0865ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.22 !important;
  background:
    repeating-radial-gradient(ellipse at 80% 0%, transparent 0 14px, rgba(255,255,255,0.18) 15px, transparent 17px),
    linear-gradient(112deg, transparent, rgba(255,255,255,0.14), transparent 68%) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 8px 4px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: rgba(255,255,255,0.9) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button.active {
  border-color: rgba(84, 183, 255, 0.36) !important;
  background: linear-gradient(180deg, rgba(25, 122, 255, 0.95), rgba(7, 85, 235, 0.95)) !important;
  box-shadow:
    0 14px 26px rgba(0, 24, 98, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs svg {
  width: 16px !important;
  height: 16px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs span {
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 8px 16px 15px !important;
  border: 0 !important;
  border-radius: 0 0 17px 17px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(67, 166, 255, 0.26), transparent 30%),
    linear-gradient(135deg, #061f80 0%, #0047d7 58%, #075dff 100%) !important;
  box-shadow:
    0 18px 30px rgba(0, 45, 159, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.28 !important;
  background:
    repeating-radial-gradient(ellipse at 22% 10%, transparent 0 17px, rgba(255,255,255,0.16) 18px, transparent 20px),
    linear-gradient(112deg, transparent 4%, rgba(255,255,255,0.16), transparent 74%) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button {
  position: relative !important;
  z-index: 1 !important;
  min-height: 45px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  color: rgba(255,255,255,0.92) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button.active {
  border-color: rgba(48, 207, 255, 0.72) !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(2, 24, 111, 0.84), rgba(5, 49, 161, 0.55)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 12px 22px rgba(0, 25, 102, 0.22) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  margin-top: 34px !important;
}

/* Tax Reserve V16: make the finance controls read as one premium heading system. */
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) {
  --tax-heading-inset: 8px;
  --tax-heading-radius: 18px;
  background:
    linear-gradient(180deg, #054ef3 0 148px, #f7fbff 148px 100%) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs {
  width: calc(100% + ((var(--tax-page-gutter) - var(--tax-heading-inset)) * 2)) !important;
  margin-left: calc((var(--tax-page-gutter) - var(--tax-heading-inset)) * -1) !important;
  margin-right: calc((var(--tax-page-gutter) - var(--tax-heading-inset)) * -1) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs {
  margin-top: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(99, 178, 255, 0.26) !important;
  border-radius: var(--tax-heading-radius) var(--tax-heading-radius) 0 0 !important;
  background:
    radial-gradient(circle at 8% 16%, rgba(255,255,255,0.18), transparent 24%),
    radial-gradient(circle at 89% 0%, rgba(93, 173, 255, 0.28), transparent 30%),
    repeating-linear-gradient(108deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 15px),
    linear-gradient(135deg, rgba(2, 31, 131, 0.96), rgba(2, 70, 207, 0.96) 55%, rgba(9, 98, 255, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 16px 28px rgba(0, 46, 156, 0.18) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button {
  min-height: 57px !important;
  border-radius: 14px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button.active {
  border-color: rgba(108, 195, 255, 0.44) !important;
  background:
    linear-gradient(180deg, rgba(31, 132, 255, 0.98), rgba(6, 79, 230, 0.98)) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs {
  margin-top: 0 !important;
  padding: 8px 8px 9px !important;
  gap: 8px !important;
  border: 1px solid rgba(99, 178, 255, 0.26) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--tax-heading-radius) var(--tax-heading-radius) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(68, 176, 255, 0.32), transparent 31%),
    repeating-linear-gradient(108deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 15px),
    linear-gradient(135deg, rgba(1, 28, 121, 0.98), rgba(0, 68, 207, 0.98) 58%, rgba(5, 91, 247, 0.98)) !important;
  box-shadow:
    0 18px 34px rgba(0, 45, 159, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button {
  min-height: 45px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button.active {
  border-color: rgba(43, 216, 255, 0.78) !important;
  background:
    linear-gradient(180deg, rgba(2, 19, 102, 0.92), rgba(3, 49, 161, 0.72)) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  margin-top: 36px !important;
}

@media (max-width: 410px) {
  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs span,
  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .financial-command-tabs button {
    font-size: 12px !important;
  }
}

/* Tax Reserve V17: tighter luxury intro and compact current-position card. */
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  margin-top: 22px !important;
  margin-bottom: 10px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header span {
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  margin-top: 5px !important;
  font-size: 27px !important;
  line-height: 0.98 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p {
  max-width: 260px !important;
  margin-top: 7px !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-header-actions button {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  font-size: 10px !important;
  box-shadow:
    0 8px 18px rgba(15, 44, 86, 0.09),
    inset 0 1px 0 #fff !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-hero {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  gap: 10px 12px !important;
  padding: 15px 14px 14px !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 88% 7%, rgba(34, 209, 255, 0.18), transparent 30%),
    radial-gradient(circle at 3% 100%, rgba(34, 227, 191, 0.12), transparent 28%),
    repeating-linear-gradient(118deg, rgba(255,255,255,0.065) 0 1px, transparent 1px 14px),
    linear-gradient(135deg, #071a57 0%, #081f6e 52%, #112b78 100%) !important;
  box-shadow:
    0 16px 34px rgba(7, 37, 113, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-card-head {
  margin: 0 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-card-head span {
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.15em !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-primary {
  align-self: center !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance {
  margin-top: 12px !important;
  gap: 4px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance span {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance strong {
  font-size: 29px !important;
  line-height: 0.96 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  align-self: center !important;
  justify-self: end !important;
  box-shadow:
    inset 0 0 0 8px rgba(7, 30, 85, 0.84),
    0 12px 22px rgba(0, 21, 83, 0.2) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge::before {
  width: 52px !important;
  background: linear-gradient(145deg, #0740bf, #061d6a) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge strong {
  font-size: 20px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge small {
  font-size: 8px !important;
  letter-spacing: 0.05em !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-progress-row {
  gap: 6px !important;
  padding: 9px 10px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,0.075) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-progress-row > span {
  font-size: 11px !important;
  line-height: 1.22 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-progress-track {
  height: 6px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-actions {
  gap: 8px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-actions button {
  min-height: 42px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-actions svg {
  width: 16px !important;
  height: 16px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics {
  gap: 7px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics .reserve-metric {
  min-height: 55px !important;
  padding: 9px 8px !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,0.07) !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics small {
  font-size: 8px !important;
  line-height: 1.1 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics strong {
  margin-top: 6px !important;
  font-size: 13px !important;
}

/* Tax Reserve V18: undo older centred balance rules and lock an executive top row. */
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) section.tax-position-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 78px !important;
  grid-auto-flow: row !important;
  align-items: center !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-primary {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  align-self: center !important;
  text-align: left !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-card-head {
  justify-content: flex-start !important;
  text-align: left !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance {
  justify-items: start !important;
  text-align: left !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance span,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-balance strong {
  width: auto !important;
  text-align: left !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-gauge {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-progress-row,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-actions,
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-position-metrics {
  grid-column: 1 / -1 !important;
}

/* Tax Reserve V19: restore premium contrast on the dark Upcoming Payout card. */
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 87% 12%, rgba(58, 154, 255, 0.28), transparent 32%),
    radial-gradient(circle at 55% 88%, rgba(77, 181, 255, 0.14), transparent 31%),
    linear-gradient(145deg, #06162e 0%, #0b254c 58%, #123c78 100%) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head span {
  color: #1478ff !important;
  text-shadow: 0 1px 8px rgba(20, 120, 255, 0.28) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head h3 {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 16px rgba(0, 16, 54, 0.4) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-head p {
  color: rgba(232, 244, 255, 0.9) !important;
  opacity: 1 !important;
  font-weight: 760 !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-payout-status-chip {
  min-width: 86px !important;
  min-height: 32px !important;
  border-color: rgba(39, 205, 135, 0.5) !important;
  color: #075f45 !important;
  background:
    linear-gradient(180deg, #eafff3, #bdf5d8) !important;
  box-shadow:
    0 10px 20px rgba(11, 83, 58, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-payout-status-row {
  color: #061b44 !important;
  background: rgba(255,255,255,0.94) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines {
  border-color: rgba(224, 238, 255, 0.64) !important;
  background: rgba(4, 21, 52, 0.34) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines small {
  color: rgba(235, 245, 255, 0.82) !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-upcoming-allocation-card .tax-v2-payment-lines strong {
  color: #ffffff !important;
}

/* Tax Reserve V20: stop Smart Save summary figures overlapping their labels. */
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-smart-ledger {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-smart-ledger span {
  min-width: 0 !important;
  min-height: 64px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 7px !important;
  padding: 9px 9px !important;
  text-align: left !important;
  white-space: normal !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-smart-ledger small {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #6b7fa2 !important;
  font-size: 8px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.content.earnings-content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-smart-ledger strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #071b44 !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

:root {
  --agencyhub-app-gutter: 8px;
  --agencyhub-page-gutter: var(--agencyhub-app-gutter);
  --agencyhub-home-blue: #075cff;
  --agencyhub-home-navy: #061b44;
  --agencyhub-home-ink: #071f4f;
  --agencyhub-home-muted: #5f7192;
  --agencyhub-home-line: rgba(106, 143, 198, 0.24);
}

/* Internal AgencyHub Admin and Operations Control Centre shell. */
.admin-control-shell {
  --admin-navy: #061934;
  --admin-blue: #075cff;
  --admin-ink: #071b44;
  --admin-muted: #61738f;
  --admin-line: rgba(92, 124, 177, 0.18);
  min-height: 100vh;
  display: grid;
  grid-template-columns: 288px minmax(0, 1fr);
  color: var(--admin-ink);
  background: radial-gradient(circle at 12% 8%, rgba(7, 92, 255, 0.16), transparent 30%), linear-gradient(180deg, #eef5ff 0%, #f8fbff 42%, #ffffff 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.admin-control-shell,
.admin-control-shell * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-control-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 16px;
  padding: 24px 16px;
  color: #fff;
  background: radial-gradient(circle at 18% 10%, rgba(54, 144, 255, 0.38), transparent 26%), repeating-linear-gradient(155deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 18px), linear-gradient(180deg, #061934 0%, #082962 62%, #061934 100%);
  box-shadow: 18px 0 42px rgba(5, 24, 60, 0.16);
}

.admin-control-brand {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,0.08);
  text-align: left;
}

.admin-control-brand img {
  grid-row: span 2;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #fff;
  padding: 8px;
}

.admin-control-brand span {
  font-size: 18px;
  font-weight: 900;
}

.admin-control-brand strong {
  color: rgba(237, 246, 255, 0.74);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.admin-control-nav {
  display: grid;
  gap: 4px;
  overflow: auto;
  padding-right: 2px;
}

.admin-control-nav button {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: rgba(237, 246, 255, 0.78);
  background: transparent;
  font-weight: 800;
  text-align: left;
}

.admin-control-nav button svg {
  width: 18px;
  height: 18px;
}

.admin-control-nav button.active {
  color: #fff;
  border-color: rgba(105, 192, 255, 0.4);
  background: radial-gradient(circle at 0% 0%, rgba(104, 200, 255, 0.28), transparent 38%), linear-gradient(135deg, rgba(11, 100, 255, 0.68), rgba(255,255,255,0.1));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24), 0 10px 24px rgba(0, 27, 86, 0.2);
}

.admin-control-secure-note {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 16px;
  color: rgba(237, 246, 255, 0.78);
  background: rgba(255,255,255,0.08);
}

.admin-control-secure-note svg {
  color: #74d8ff;
}

.admin-control-secure-note strong {
  color: #fff;
}

.admin-control-main {
  min-width: 0;
  padding: 24px;
}

.admin-control-topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr) auto;
  gap: 16px;
  align-items: center;
  padding: 14px;
  margin-bottom: 24px;
  border: 1px solid rgba(255,255,255,0.74);
  border-radius: 22px;
  background: rgba(255,255,255,0.84);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 36px rgba(8, 34, 78, 0.1);
}

.admin-control-topbar h1 {
  margin: 3px 0 0;
  font-size: 28px;
  line-height: 1.04;
  color: var(--admin-ink);
}

.admin-control-topbar span,
.admin-panel-heading span,
.admin-hero-panel span,
.admin-placeholder-hero > span {
  color: #075cff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-control-search,
.admin-inline-search,
.admin-placeholder-toolbar label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  background: #f7fbff;
}

.admin-control-search input,
.admin-inline-search input,
.admin-placeholder-toolbar input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--admin-ink);
  background: transparent;
  font: inherit;
  font-weight: 700;
}

.admin-control-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.admin-control-actions > button:not(.admin-founder-menu) {
  position: relative;
  width: 42px;
  height: 42px;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  color: #0b4bd2;
  background: #fff;
}

.admin-control-actions b {
  position: absolute;
  top: -6px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #ef334e;
  font-size: 11px;
}

.admin-control-actions > span {
  padding: 10px 12px;
  border: 1px solid #bfe7d1;
  border-radius: 999px;
  color: #087446;
  background: #e5f9ee;
  letter-spacing: 0;
  text-transform: none;
}

.admin-founder-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 6px 10px;
  border: 1px solid var(--admin-line);
  border-radius: 999px;
  color: var(--admin-ink);
  background: #fff;
}

.admin-founder-menu strong {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #4636d2);
}

.admin-founder-menu em {
  color: var(--admin-muted);
  font-style: normal;
  font-weight: 800;
}

.admin-dashboard {
  display: grid;
  gap: 24px;
}

.admin-hero-panel,
.admin-panel,
.admin-placeholder-hero,
.admin-empty-state {
  border: 1px solid var(--admin-line);
  border-radius: 24px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 20px 42px rgba(8, 34, 78, 0.1), inset 0 1px 0 #fff;
}

.admin-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: end;
  padding: 28px;
  color: #fff;
  background: radial-gradient(circle at 78% 12%, rgba(92, 188, 255, 0.32), transparent 28%), repeating-linear-gradient(155deg, rgba(255,255,255,0.07) 0 1px, transparent 1px 18px), linear-gradient(145deg, #061934 0%, #073aa9 58%, #075cff 100%);
}

.admin-hero-panel h2,
.admin-placeholder-hero h2 {
  margin: 8px 0;
  font-size: 38px;
  line-height: 1.02;
}

.admin-hero-panel p {
  max-width: 760px;
  color: rgba(239, 247, 255, 0.82);
  font-size: 16px;
  line-height: 1.55;
}

.admin-hero-status {
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 18px;
  background: rgba(255,255,255,0.11);
}

.admin-hero-status strong {
  display: block;
  color: #fff;
  font-size: 20px;
}

.admin-hero-status small {
  display: block;
  margin-top: 6px;
  color: rgba(239, 247, 255, 0.76);
}

.admin-kpi-grid,
.admin-payment-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.admin-payment-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-kpi-card {
  position: relative;
  min-height: 120px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(8, 34, 78, 0.08);
  overflow: hidden;
}

.admin-kpi-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #3d78ff;
}

.admin-kpi-card.good::before {
  background: #24c98b;
}

.admin-kpi-card.warning::before {
  background: #f0a22e;
}

.admin-kpi-card.danger::before {
  background: #ef334e;
}

.admin-kpi-card span {
  color: var(--admin-muted);
  font-size: 12px;
  font-weight: 900;
}

.admin-kpi-card strong {
  color: var(--admin-ink);
  font-size: 28px;
  line-height: 1;
}

.admin-kpi-card small {
  color: var(--admin-muted);
  font-weight: 750;
}

.admin-panel {
  min-width: 0;
  padding: 20px;
}

.admin-panel-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.admin-panel-heading h3 {
  margin: 4px 0 0;
  color: var(--admin-ink);
  font-size: 24px;
}

.admin-panel-heading button,
.admin-placeholder-toolbar button,
.admin-disabled-actions button,
.admin-placeholder-hero button {
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid var(--admin-line);
  border-radius: 12px;
  color: #075cff;
  background: #fff;
  font-weight: 900;
}

.admin-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(360px, 0.6fr);
  gap: 24px;
}

.admin-table {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
}

.admin-table-row {
  display: grid;
  grid-template-columns: repeat(var(--admin-cols, 10), minmax(120px, 1fr));
  min-width: 980px;
}

.admin-table-row:first-child {
  background: #f3f8ff;
}

.admin-table-row + .admin-table-row {
  border-top: 1px solid var(--admin-line);
}

.admin-table-row span {
  min-width: 0;
  padding: 12px;
  color: #344d75;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.admin-table-head span {
  color: var(--admin-muted);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-table button {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid #bdd5fb;
  border-radius: 10px;
  color: #075cff;
  background: #f7fbff;
  font-size: 11px;
  font-weight: 900;
}

.admin-table button:disabled,
.admin-disabled-actions button:disabled,
.admin-placeholder-toolbar button:disabled {
  color: #6f7f98;
  background: #eef3f9;
  cursor: not-allowed;
}

.admin-search-results {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-search-results article {
  padding: 14px;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  background: #fbfdff;
}

.admin-search-results strong,
.admin-search-results small {
  display: block;
}

.admin-search-results small {
  margin-top: 4px;
  color: var(--admin-muted);
}

.admin-disabled-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.admin-placeholder-hero {
  padding: 28px;
}

.admin-placeholder-hero button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

.admin-placeholder-hero h2 {
  color: var(--admin-ink);
}

.admin-placeholder-hero p {
  max-width: 740px;
  color: var(--admin-muted);
  font-size: 16px;
}

.admin-placeholder-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto auto;
  gap: 12px;
  margin-bottom: 16px;
}

.admin-empty-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 32px;
  text-align: center;
}

.admin-empty-state svg {
  color: #075cff;
}

.admin-empty-state h3 {
  margin: 0;
  color: var(--admin-ink);
  font-size: 22px;
}

.admin-empty-state p {
  max-width: 620px;
  margin: 0;
  color: var(--admin-muted);
}

@media (max-width: 1180px) {
  .admin-control-shell {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .admin-control-brand {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .admin-control-brand span,
  .admin-control-brand strong,
  .admin-control-nav span,
  .admin-control-secure-note span,
  .admin-control-secure-note strong {
    display: none;
  }

  .admin-control-nav button {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 12px;
  }

  .admin-kpi-grid,
  .admin-payment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-dashboard-grid,
  .admin-hero-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .admin-control-shell {
    display: block;
  }

  .admin-control-sidebar {
    position: relative;
    height: auto;
    grid-template-rows: auto auto;
    padding: 12px;
  }

  .admin-control-brand {
    grid-template-columns: 44px minmax(0, 1fr);
    justify-items: start;
  }

  .admin-control-brand span,
  .admin-control-brand strong {
    display: block;
  }

  .admin-control-nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .admin-control-nav button {
    grid-template-columns: 20px auto;
    min-width: max-content;
  }

  .admin-control-secure-note {
    display: none;
  }

  .admin-control-main {
    padding: 12px;
  }

  .admin-control-topbar,
  .admin-placeholder-toolbar {
    position: relative;
    grid-template-columns: 1fr;
  }

  .admin-control-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .admin-kpi-grid,
  .admin-payment-grid {
    grid-template-columns: 1fr;
  }

  .admin-table {
    border: 0;
    overflow: visible;
  }

  .admin-table-head {
    display: none;
  }

  .admin-table-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 10px;
    border: 1px solid var(--admin-line);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
  }

  .admin-table-row span {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px;
  }

  .admin-table-row span::before {
    content: attr(data-label);
    color: var(--admin-muted);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
}


/* Candidate Payments premium page: true final cascade. */
:root { --agencyhub-app-gutter: 8px; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) { width: 100% !important; max-width: 100% !important; padding: 0 var(--agencyhub-app-gutter) 132px !important; margin: 0 auto !important; overflow-x: hidden !important; background: linear-gradient(180deg, #071f4a 0 70px, #f5f8fd 70px 100%) !important; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs { width: 100% !important; margin: 0 0 10px !important; padding: 8px !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 6px !important; border-radius: 18px !important; background: linear-gradient(135deg, rgba(4,41,118,0.94), rgba(10,91,236,0.9)), repeating-linear-gradient(135deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 16px) !important; border: 1px solid rgba(112,171,255,0.28) !important; box-shadow: 0 18px 42px rgba(4,35,89,0.22) !important; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button { min-width: 0 !important; min-height: 58px !important; padding: 8px 3px !important; border-radius: 12px !important; display: grid !important; place-items: center !important; gap: 4px !important; color: rgba(235,244,255,0.9) !important; background: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs button.active { color: #fff !important; background: linear-gradient(150deg, #1578ff, #0649d8) !important; border-color: rgba(140,199,255,0.46) !important; box-shadow: 0 12px 24px rgba(0,68,196,0.28), inset 0 1px 0 rgba(255,255,255,0.28) !important; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs svg { width: 18px !important; height: 18px !important; }
.content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .worker-earnings-tabs span { font-size: 10px !important; line-height: 1.05 !important; font-weight: 900 !important; }
.candidate-payments-page, .candidate-payments-page * { box-sizing: border-box !important; min-width: 0 !important; }
.candidate-payments-page { width: 100% !important; max-width: 100% !important; display: grid !important; gap: 10px !important; padding: 0 0 22px !important; overflow-x: hidden !important; }
.candidate-payments-page .payments-os-hero, .candidate-payments-page .payments-os-card, .candidate-payments-page .payments-status-strip { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; border-radius: 18px !important; }
.candidate-payments-page .payments-os-hero { position: relative !important; overflow: hidden !important; display: grid !important; gap: 12px !important; padding: 18px 16px 16px !important; color: #fff !important; background: radial-gradient(circle at 78% 18%, rgba(82,206,255,0.38), transparent 27%), radial-gradient(circle at 18% 82%, rgba(27,123,255,0.28), transparent 32%), linear-gradient(142deg, #061b45 0%, #063bb4 42%, #126cff 70%, #08194d 100%) !important; border: 1px solid rgba(124,189,255,0.36) !important; box-shadow: 0 22px 48px rgba(2,35,91,0.32), inset 0 1px 0 rgba(255,255,255,0.22) !important; }
.candidate-payments-page .payments-os-hero::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(100deg, rgba(255,255,255,0.14), transparent 32%, rgba(255,255,255,0.1) 54%, transparent 74%), repeating-linear-gradient(135deg, rgba(255,255,255,0.055) 0 1px, transparent 1px 15px) !important; pointer-events: none !important; }
.candidate-payments-page .payments-os-hero > * { position: relative !important; z-index: 1 !important; }
.candidate-payments-page .payments-os-topline, .candidate-payments-page .payments-os-hero-core, .candidate-payments-page .payments-os-summary-rows, .candidate-payments-page .payroll-window-head, .candidate-payments-page .weekly-earnings-head, .candidate-payments-page .payments-section-head, .candidate-payments-page .payout-option-top { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 10px !important; }
.candidate-payments-page .payments-os-topline span, .candidate-payments-page .payments-section-head span, .candidate-payments-page .weekly-earnings-head span, .candidate-payments-page .candidate-agency-review-card > div > span, .candidate-payments-page .payroll-window-head span, .candidate-payments-page .payout-option-top span { display: block !important; color: #0f5fff !important; font-size: 11px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
.candidate-payments-page .payments-os-topline span { color: rgba(232,244,255,0.86) !important; }
.candidate-payments-page .payments-os-topline em, .candidate-payments-page .payments-section-head > em, .candidate-payments-page .weekly-earnings-head > em, .candidate-payments-page .payout-option-top em, .candidate-payments-page .payroll-window-head em { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 10px !important; border-radius: 999px !important; color: #075cff !important; background: rgba(232,242,255,0.94) !important; border: 1px solid rgba(154,199,255,0.5) !important; font-size: 11px !important; line-height: 1 !important; font-style: normal !important; font-weight: 900 !important; }
.candidate-payments-page .payments-os-topline em { color: #fff !important; background: rgba(5,24,70,0.42) !important; border-color: rgba(158,211,255,0.28) !important; }
.candidate-payments-page .payments-os-copy { flex: 1 1 auto !important; display: grid !important; gap: 12px !important; }
.candidate-payments-page .payments-os-title small, .candidate-payments-page .payments-os-main-amount span, .candidate-payments-page .payments-os-main-amount small, .candidate-payments-page .payments-os-summary-rows small, .candidate-payments-page .payments-os-hero p { color: rgba(230,242,255,0.82) !important; }
.candidate-payments-page .payments-os-title h2 { max-width: 245px !important; margin: 5px 0 0 !important; color: #fff !important; font-size: 24px !important; line-height: 1.04 !important; letter-spacing: 0 !important; }
.candidate-payments-page .payments-os-main-amount strong { display: block !important; margin-top: 2px !important; color: #fff !important; font-size: 42px !important; line-height: 0.96 !important; letter-spacing: 0 !important; }
.candidate-payments-page .payments-os-art { flex: 0 0 112px !important; height: 112px !important; position: relative !important; align-self: center !important; filter: drop-shadow(0 18px 22px rgba(2,14,56,0.3)) !important; }
.candidate-payments-page .payments-os-art i, .candidate-payments-page .payments-os-art u { position: absolute !important; display: block !important; inset: 24px 18px 15px 28px !important; border-radius: 18px !important; background: linear-gradient(145deg, rgba(111,202,255,0.9), rgba(8,85,244,0.94)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 20px 30px rgba(0,42,148,0.34) !important; transform: rotate(-9deg) !important; }
.candidate-payments-page .payments-os-art u { inset: 36px 4px 4px 42px !important; opacity: 0.72 !important; transform: rotate(6deg) !important; }
.candidate-payments-page .payments-os-art b { position: absolute !important; inset: 43px 24px auto auto !important; width: 48px !important; height: 48px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient(145deg, #062e9a, #1a86ff) !important; font-size: 28px !important; line-height: 1 !important; }
.candidate-payments-page .payments-os-summary-rows { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
.candidate-payments-page .payments-os-summary-rows span { display: grid !important; align-content: center !important; min-height: 66px !important; padding: 10px 8px !important; border-radius: 12px !important; background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(178,216,255,0.22) !important; }
.candidate-payments-page .payments-os-summary-rows strong { color: #fff !important; font-size: 17px !important; line-height: 1.05 !important; overflow-wrap: anywhere !important; }
.candidate-payments-page .payments-os-hero p { margin: 0 !important; padding: 10px 12px !important; border-radius: 13px !important; background: rgba(3,15,48,0.35) !important; border: 1px solid rgba(178,216,255,0.2) !important; font-size: 12px !important; line-height: 1.32 !important; }
.candidate-payments-page .payments-status-strip, .candidate-payments-page .payments-os-card { border: 1px solid rgba(188,207,232,0.8) !important; background: radial-gradient(circle at 84% 12%, rgba(224,239,255,0.88), transparent 34%), linear-gradient(145deg, rgba(255,255,255,0.99), rgba(249,252,255,0.96)) !important; box-shadow: 0 16px 32px rgba(7,31,72,0.08), inset 0 1px 0 #fff !important; }
.candidate-payments-page .payments-status-strip { display: flex !important; align-items: center !important; gap: 10px !important; padding: 11px 13px !important; }
.candidate-payments-page .payments-status-strip > i { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; border-radius: 50% !important; background: #13b981 !important; box-shadow: 0 0 0 6px rgba(19,185,129,0.12) !important; }
.candidate-payments-page .payments-status-strip strong, .candidate-payments-page .payments-status-strip small { display: block !important; }
.candidate-payments-page .payments-status-strip strong { color: #071b3d !important; font-size: 14px !important; line-height: 1.1 !important; }
.candidate-payments-page .payments-status-strip small { margin-top: 2px !important; color: #647895 !important; font-size: 12px !important; line-height: 1.25 !important; }
.candidate-payments-page .payments-os-card { padding: 16px !important; }
.candidate-payments-page .payments-section-head h3, .candidate-payments-page .weekly-earnings-head h3, .candidate-payments-page .candidate-agency-review-card h3 { margin: 6px 0 4px !important; color: #071b3d !important; font-size: 22px !important; line-height: 1.08 !important; letter-spacing: 0 !important; }
.candidate-payments-page .payments-section-head p, .candidate-payments-page .payments-os-card p, .candidate-payments-page .weekly-earnings-head p { margin: 0 !important; color: #647895 !important; font-size: 13px !important; line-height: 1.36 !important; }
.candidate-payments-page .payments-payroll-clock.payroll-window-premium { display: grid !important; gap: 12px !important; }
.candidate-payments-page .payroll-window-status, .candidate-payments-page .weekly-earnings-breakdown { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; overflow: hidden !important; border-radius: 14px !important; border: 1px solid #d9e5f5 !important; background: rgba(255,255,255,0.78) !important; }
.candidate-payments-page .payroll-window-status span, .candidate-payments-page .weekly-earnings-breakdown article { min-height: 72px !important; padding: 12px 10px !important; border-right: 1px solid #dbe6f5 !important; }
.candidate-payments-page .payroll-window-status span:last-child, .candidate-payments-page .weekly-earnings-breakdown article:last-child { border-right: 0 !important; }
.candidate-payments-page .payroll-window-status small, .candidate-payments-page .weekly-earnings-breakdown small, .candidate-payments-page .weekly-earnings-hero-line small { display: block !important; color: #6b7c96 !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: 0.08em !important; line-height: 1.05 !important; text-transform: uppercase !important; }
.candidate-payments-page .payroll-window-status strong, .candidate-payments-page .weekly-earnings-breakdown strong { display: block !important; margin-top: 6px !important; color: #071b3d !important; font-size: 15px !important; line-height: 1.08 !important; }
.candidate-payments-page .payroll-countdown-module, .candidate-payments-page .payroll-progress-card, .candidate-payments-page .payroll-pending-panel.premium, .candidate-payments-page .payroll-ready-panel, .candidate-payments-page .payroll-window-foot { border-radius: 14px !important; border: 1px solid #dbe6f5 !important; background: #f6faff !important; }
.candidate-payments-page .payroll-countdown-module { padding: 12px !important; }
.candidate-payments-page .payroll-quiet-window { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important; gap: 10px !important; padding: 12px !important; border-radius: 14px !important; background: linear-gradient(145deg, #071b3d, #0d4fc9) !important; color: #fff !important; }
.candidate-payments-page .payroll-quiet-window small, .candidate-payments-page .payroll-quiet-window strong, .candidate-payments-page .payroll-quiet-window b { display: block !important; color: #fff !important; }
.candidate-payments-page .payroll-quiet-meta { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; }
.candidate-payments-page .payroll-quiet-meta span { padding: 8px !important; border-radius: 11px !important; background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.18) !important; }
.candidate-payments-page .payroll-progress-card { position: relative !important; padding: 12px !important; }
.candidate-payments-page .payroll-progress-track { height: 4px !important; margin: 20px 12% 10px !important; border-radius: 999px !important; background: #dbe6f5 !important; }
.candidate-payments-page .payroll-progress-track span { display: block !important; width: var(--payroll-track-progress, 45%) !important; height: 100% !important; border-radius: inherit !important; background: linear-gradient(90deg, #0d6dff, #47d8c5) !important; }
.candidate-payments-page .payroll-progress-stages { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
.candidate-payments-page .payroll-stage { text-align: center !important; }
.candidate-payments-page .payroll-stage > i { width: 28px !important; height: 28px !important; margin: -28px auto 8px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #fff !important; border: 1px solid #bcd3f2 !important; }
.candidate-payments-page .payroll-stage svg { width: 14px !important; height: 14px !important; }
.candidate-payments-page .payroll-stage strong, .candidate-payments-page .payroll-stage small, .candidate-payments-page .payroll-stage em { display: block !important; }
.candidate-payments-page .payroll-stage strong { color: #071b3d !important; font-size: 12px !important; line-height: 1.05 !important; }
.candidate-payments-page .payroll-stage em { margin-top: 2px !important; color: #647895 !important; font-size: 10px !important; line-height: 1.05 !important; font-style: normal !important; }
.candidate-payments-page .payroll-pending-panel.premium, .candidate-payments-page .payroll-ready-panel, .candidate-payments-page .payroll-window-foot { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px !important; }
.candidate-payments-page .payroll-pending-panel.premium > i, .candidate-payments-page .payroll-ready-panel > svg, .candidate-payments-page .payroll-window-foot > svg { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; }
.candidate-payments-page .payroll-pending-panel.premium button, .candidate-payments-page .candidate-agency-review-card button, .candidate-payments-page .weekly-source-toggle, .candidate-payments-page .weekly-payslip-action, .candidate-payments-page .payout-option-card button, .candidate-payments-page .payments-help-toggle, .candidate-payments-page .payments-recent-card > button { min-height: 48px !important; padding: 12px 14px !important; border-radius: 13px !important; font-size: 14px !important; line-height: 1.1 !important; font-weight: 950 !important; }
.candidate-payments-page .payroll-pending-panel.premium button, .candidate-payments-page .candidate-agency-review-card button, .candidate-payments-page .weekly-payslip-action, .candidate-payments-page .payments-help-toggle, .candidate-payments-page .payments-recent-card > button, .candidate-payments-page .payout-option-card button.primary { color: #fff !important; background: linear-gradient(135deg, rgba(17,112,255,0.96), rgba(6,38,113,0.96)), radial-gradient(circle at 22% 0, rgba(255,255,255,0.38), transparent 32%) !important; border: 1px solid rgba(70,146,255,0.45) !important; box-shadow: 0 16px 28px rgba(5,82,210,0.24), inset 0 1px 0 rgba(255,255,255,0.32) !important; }
.candidate-payments-page .candidate-agency-review-card { display: grid !important; grid-template-columns: minmax(0, 1fr) 170px !important; gap: 12px !important; align-items: center !important; background: radial-gradient(circle at 90% 22%, rgba(255,190,105,0.2), transparent 34%), linear-gradient(145deg, #fffaf1, #ffffff) !important; border-color: rgba(245,184,92,0.38) !important; }
.candidate-payments-page .weekly-source-card { display: grid !important; gap: 12px !important; }
.candidate-payments-page .weekly-earnings-hero-line { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 4px 10px !important; align-items: end !important; }
.candidate-payments-page .weekly-earnings-hero-line strong { color: #1271ff !important; font-size: 34px !important; line-height: 0.95 !important; }
.candidate-payments-page .weekly-earnings-hero-line span { grid-column: 1 / -1 !important; color: #647895 !important; font-size: 12px !important; }
.candidate-payments-page .weekly-earnings-breakdown article { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) !important; gap: 8px !important; align-items: center !important; }
.candidate-payments-page .weekly-earnings-breakdown article > svg { width: 22px !important; height: 22px !important; color: #126cff !important; }
.candidate-payments-page .weekly-earnings-breakdown em { display: block !important; margin-top: 3px !important; color: #647895 !important; font-size: 10px !important; line-height: 1.15 !important; font-style: normal !important; }
.candidate-payments-page .weekly-source-list, .candidate-payments-page .payout-choice-stack, .candidate-payments-page .payments-stage-list, .candidate-payments-page .payments-recent-list { display: grid !important; gap: 8px !important; }
.candidate-payments-page .weekly-source-list article, .candidate-payments-page .payments-stage-list article, .candidate-payments-page .payments-recent-list article { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) auto !important; gap: 10px !important; align-items: center !important; min-height: 56px !important; padding: 9px 0 !important; border-bottom: 1px solid #e2ebf7 !important; }
.candidate-payments-page .weekly-source-list i, .candidate-payments-page .payments-stage-list i, .candidate-payments-page .payments-recent-list i, .candidate-payments-page .payments-help-intro > i { width: 36px !important; height: 36px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; background: #eaf3ff !important; color: #075cff !important; font-style: normal !important; }
.candidate-payments-page .weekly-source-list svg, .candidate-payments-page .payments-stage-list svg, .candidate-payments-page .payments-recent-list svg, .candidate-payments-page .payments-help-intro svg { width: 18px !important; height: 18px !important; }
.candidate-payments-page .payout-option-card { display: grid !important; gap: 12px !important; padding: 14px !important; border-radius: 16px !important; border: 1px solid #dbe6f5 !important; background: #fff !important; }
.candidate-payments-page .payout-option-card.selected { border-color: rgba(18,108,255,0.72) !important; box-shadow: inset 0 0 0 1px rgba(18,108,255,0.26), 0 12px 28px rgba(20,86,190,0.1) !important; }
.candidate-payments-page .payout-option-amount strong { display: block !important; color: #071b3d !important; font-size: 29px !important; line-height: 1 !important; }
.candidate-payments-page .payout-option-card ul, .candidate-payments-page .payout-fee-breakdown { margin: 0 !important; padding: 10px !important; display: grid !important; gap: 7px !important; border-radius: 13px !important; background: #f7fbff !important; border: 1px solid #e0eaf7 !important; }
.candidate-payments-page .payout-option-card li, .candidate-payments-page .payout-fee-breakdown span { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; min-height: 24px !important; color: #071b3d !important; font-size: 12px !important; list-style: none !important; }
.candidate-payments-page .payout-option-card li small, .candidate-payments-page .payout-fee-breakdown small { color: #647895 !important; font-weight: 850 !important; }
.candidate-payments-page .payout-fee-breakdown .total { margin: 3px -4px -4px !important; padding: 8px !important; border-radius: 10px !important; background: linear-gradient(90deg, rgba(226,247,239,0.96), rgba(241,250,255,0.96)) !important; color: #05724f !important; }
.candidate-payments-page .payments-help-panel { display: grid !important; gap: 12px !important; }
.candidate-payments-page .payments-help-intro { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; }
.candidate-payments-page .payments-help-intro strong { display: block !important; color: #071b3d !important; font-size: 19px !important; line-height: 1.08 !important; }
.candidate-payments-page .payments-stage-list article { grid-template-columns: 34px minmax(0, 1fr) auto !important; border-bottom: 0 !important; }
.candidate-payments-page .payments-stage-list article.current { margin-inline: -4px !important; padding-inline: 8px !important; border-radius: 12px !important; background: #eef6ff !important; border: 1px solid #cfe0f6 !important; }
.candidate-payments-page .payments-stage-list strong, .candidate-payments-page .payments-recent-list strong { display: block !important; color: #071b3d !important; font-size: 14px !important; }
.candidate-payments-page .payments-stage-list small, .candidate-payments-page .payments-recent-list small { display: block !important; color: #647895 !important; font-size: 12px !important; }
.candidate-payments-page .payments-stage-list em { justify-self: end !important; padding: 6px 9px !important; border-radius: 999px !important; background: #e7f7f1 !important; color: #168b68 !important; font-size: 10px !important; font-style: normal !important; font-weight: 900 !important; }
@media (max-width: 430px) { .candidate-payments-page .payments-os-hero { padding: 16px 14px 14px !important; } .candidate-payments-page .payments-os-hero-core { align-items: center !important; } .candidate-payments-page .payments-os-title h2 { max-width: 215px !important; font-size: 22px !important; } .candidate-payments-page .payments-os-main-amount strong { font-size: 38px !important; } .candidate-payments-page .payments-os-art { flex-basis: 92px !important; height: 98px !important; } .candidate-payments-page .payments-os-summary-rows { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .candidate-payments-page .payments-os-summary-rows span { min-height: 58px !important; } .candidate-payments-page .candidate-agency-review-card, .candidate-payments-page .payroll-quiet-window { grid-template-columns: 1fr !important; } .candidate-payments-page .candidate-agency-review-card button { width: 100% !important; } .candidate-payments-page .weekly-earnings-breakdown { grid-template-columns: 1fr !important; } .candidate-payments-page .weekly-earnings-breakdown article { border-right: 0 !important; border-bottom: 1px solid #dbe6f5 !important; } .candidate-payments-page .weekly-earnings-breakdown article:last-child { border-bottom: 0 !important; } }

.candidate-payments-page .candidate-agency-review-card button span,
.candidate-payments-page .candidate-agency-review-card button svg {
  color: #fff !important;
  stroke: #fff !important;
}

.candidate-payments-page .payments-payout-choice .payments-section-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  align-items: start !important;
}

.candidate-payments-page .payments-payout-choice .payments-section-head h3,
.candidate-payments-page .payments-payout-choice .payments-section-head p {
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
}

/* Candidate Payments V8: compact luxury balance pass. */
.candidate-payments-page .payments-os-hero {
  gap: 9px !important;
  padding: 14px !important;
}

.candidate-payments-page .payments-os-topline {
  align-items: center !important;
}

.candidate-payments-page .payments-os-topline em {
  max-width: 190px !important;
  padding: 7px 10px !important;
  text-align: right !important;
}

.candidate-payments-page .payments-os-hero-core {
  align-items: center !important;
  gap: 8px !important;
}

.candidate-payments-page .payments-os-copy {
  gap: 8px !important;
}

.candidate-payments-page .payments-os-title h2 {
  max-width: 235px !important;
  margin-top: 4px !important;
  font-size: 21px !important;
  line-height: 1.06 !important;
}

.candidate-payments-page .payments-os-main-amount {
  display: grid !important;
  gap: 2px !important;
}

.candidate-payments-page .payments-os-main-amount strong {
  margin-top: 0 !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

.candidate-payments-page .payments-os-art {
  flex-basis: 86px !important;
  height: 82px !important;
}

.candidate-payments-page .payments-os-art i {
  inset: 14px 16px 8px 22px !important;
  border-radius: 15px !important;
}

.candidate-payments-page .payments-os-art u {
  inset: 25px 2px 0 34px !important;
  border-radius: 15px !important;
}

.candidate-payments-page .payments-os-art b {
  inset: 30px 17px auto auto !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 22px !important;
}

.candidate-payments-page .payments-os-summary-rows {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

.candidate-payments-page .payments-os-summary-rows span {
  min-height: 52px !important;
  padding: 8px 5px !important;
  border-radius: 11px !important;
}

.candidate-payments-page .payments-os-summary-rows small {
  font-size: 8px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.06em !important;
}

.candidate-payments-page .payments-os-summary-rows strong {
  margin-top: 3px !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payments-os-hero > p {
  padding: 8px 10px !important;
  font-size: 11.5px !important;
}

.candidate-payments-page .payments-status-strip {
  padding: 10px 12px !important;
}

.candidate-payments-page .payments-os-card {
  padding: 14px !important;
}

.candidate-payments-page .payroll-window-head,
.candidate-payments-page .weekly-earnings-head,
.candidate-payments-page .payments-section-head {
  align-items: center !important;
}

.candidate-payments-page .payroll-window-head h3,
.candidate-payments-page .weekly-earnings-head h3,
.candidate-payments-page .payments-section-head h3 {
  margin: 4px 0 3px !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payroll-window-head p,
.candidate-payments-page .weekly-earnings-head p,
.candidate-payments-page .payments-section-head p {
  font-size: 12.5px !important;
  line-height: 1.32 !important;
}

.candidate-payments-page .payments-payroll-clock.payroll-window-premium {
  gap: 10px !important;
}

.candidate-payments-page .payroll-window-status {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.candidate-payments-page .payroll-window-status span {
  min-height: 58px !important;
  padding: 10px 12px !important;
}

.candidate-payments-page .payroll-window-status small,
.candidate-payments-page .weekly-earnings-breakdown small {
  font-size: 9.5px !important;
  letter-spacing: 0.07em !important;
}

.candidate-payments-page .payroll-window-status strong {
  font-size: 15px !important;
}

.candidate-payments-page .payroll-countdown-module {
  padding: 10px !important;
}

.candidate-payments-page .payroll-progress-card {
  padding: 10px 10px 12px !important;
}

.candidate-payments-page .payroll-progress-track {
  margin: 16px 13% 8px !important;
}

.candidate-payments-page .payroll-stage > i {
  width: 24px !important;
  height: 24px !important;
  margin: -24px auto 6px !important;
}

.candidate-payments-page .payroll-stage svg {
  width: 12px !important;
  height: 12px !important;
}

.candidate-payments-page .payroll-stage small {
  font-size: 9px !important;
  line-height: 1.05 !important;
}

.candidate-payments-page .payroll-stage strong {
  font-size: 11px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payroll-stage em {
  font-size: 9.5px !important;
}

.candidate-payments-page .payroll-window-foot {
  padding: 10px 11px !important;
}

.candidate-payments-page .weekly-source-card {
  gap: 10px !important;
}

.candidate-payments-page .weekly-earnings-hero-line {
  align-items: center !important;
  gap: 3px 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(191, 211, 238, 0.82) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(123, 176, 255, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(246,250,255,0.94)) !important;
}

.candidate-payments-page .weekly-earnings-hero-line strong {
  font-size: 28px !important;
  line-height: 1 !important;
}

.candidate-payments-page .weekly-earnings-hero-line span {
  font-size: 11px !important;
}

.candidate-payments-page .weekly-earnings-breakdown {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.candidate-payments-page .weekly-earnings-breakdown article {
  min-height: 62px !important;
  padding: 9px 7px !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 6px !important;
}

.candidate-payments-page .weekly-earnings-breakdown article > svg {
  width: 17px !important;
  height: 17px !important;
}

.candidate-payments-page .weekly-earnings-breakdown strong {
  font-size: 13px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .weekly-earnings-breakdown em {
  font-size: 9px !important;
}

.candidate-payments-page .weekly-source-toggle,
.candidate-payments-page .weekly-payslip-action,
.candidate-payments-page .payments-recent-card > button {
  min-height: 44px !important;
  padding: 11px 13px !important;
}

.candidate-payments-page .payments-os-timeline .payments-section-head,
.candidate-payments-page .payments-recent-card .payments-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: start !important;
  gap: 3px !important;
}

.candidate-payments-page .payments-os-timeline .payments-section-head h3,
.candidate-payments-page .payments-recent-card .payments-section-head h3 {
  max-width: 100% !important;
}

.candidate-payments-page .payments-stage-list {
  gap: 4px !important;
}

.candidate-payments-page .payments-stage-list article {
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  min-height: 48px !important;
  padding: 7px 0 !important;
}

.candidate-payments-page .payments-stage-list article.current {
  padding-block: 7px !important;
  padding-inline: 7px !important;
}

.candidate-payments-page .payments-stage-list i,
.candidate-payments-page .payments-recent-list i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}

.candidate-payments-page .payments-stage-list svg,
.candidate-payments-page .payments-recent-list svg {
  width: 14px !important;
  height: 14px !important;
}

.candidate-payments-page .payments-stage-list strong,
.candidate-payments-page .payments-recent-list strong {
  font-size: 13.5px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page .payments-stage-list small,
.candidate-payments-page .payments-recent-list small {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.candidate-payments-page .payments-stage-list em {
  padding: 5px 8px !important;
  font-size: 9px !important;
}

.candidate-payments-page .payments-recent-list {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e0eaf7 !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,0.72) !important;
}

.candidate-payments-page .payments-recent-list article {
  min-height: 54px !important;
  padding: 9px 10px !important;
}

.candidate-payments-page .payments-recent-list article:last-child {
  border-bottom: 0 !important;
}

.candidate-payments-page .payments-recent-list b {
  font-size: 14px !important;
  line-height: 1 !important;
}

@media (max-width: 430px) {
  .candidate-payments-page .payments-os-hero {
    padding: 13px !important;
  }

  .candidate-payments-page .payments-os-title h2 {
    max-width: 220px !important;
    font-size: 20px !important;
  }

  .candidate-payments-page .payments-os-main-amount strong {
    font-size: 32px !important;
  }

  .candidate-payments-page .payments-os-art {
    flex-basis: 80px !important;
    height: 78px !important;
  }

  .candidate-payments-page .payments-os-summary-rows {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .candidate-payments-page .payments-os-summary-rows span {
    min-height: 50px !important;
  }

  .candidate-payments-page .payroll-window-status,
  .candidate-payments-page .weekly-earnings-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown article {
    border-bottom: 1px solid #dbe6f5 !important;
    border-right: 1px solid #dbe6f5 !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown article:nth-child(2n) {
    border-right: 0 !important;
  }

  .candidate-payments-page .weekly-earnings-breakdown article:last-child {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
}

.worker-live-progress {
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e4edf8 !important;
}

.worker-live-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #126cff, #6d5df7) !important;
}

/* Tax Tools live-empty refinement: calmer luxury hierarchy for zero-data states. */
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools.live-empty) {
  background:
    linear-gradient(180deg, #eef5fb 0, #f7fafc 42%, #edf3f8 100%) !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty {
  gap: 18px !important;
  border: 1px solid rgba(171, 202, 232, 0.34) !important;
  border-radius: 30px !important;
  padding: 24px 26px 26px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(84, 158, 199, 0.22), transparent 33%),
    radial-gradient(circle at 16% 104%, rgba(177, 196, 221, 0.12), transparent 31%),
    linear-gradient(146deg, #081b34 0%, #102a4a 54%, #172c56 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -1px 0 rgba(8, 18, 36, 0.18),
    0 28px 54px rgba(13, 31, 55, 0.18) !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty::before {
  inset: -26px -6px auto auto !important;
  width: 170px !important;
  height: 170px !important;
  background: radial-gradient(circle, rgba(107, 177, 214, 0.18), transparent 68%) !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty > div > span,
.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-v2-tool-toggle small,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-v2-summary-head span,
.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid small,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-os-result-grid small {
  letter-spacing: 0 !important;
  font-weight: 680 !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty h2 {
  margin-top: 8px !important;
  color: #f8fbff !important;
  font-size: clamp(30px, 6.1vw, 35px) !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty p {
  max-width: 34ch !important;
  margin-top: 12px !important;
  color: rgba(226, 236, 248, 0.74) !important;
  font-size: clamp(14px, 3.35vw, 16px) !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  min-height: 64px !important;
  gap: 12px !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(209, 229, 246, 0.19) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.055)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 18px 34px rgba(2, 10, 24, 0.14) !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal::before,
.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal::after {
  content: none !important;
  display: none !important;
}

.content.worker-finance-page.worker-fintech-page .tax-empty-signal-dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #86efd0 !important;
  box-shadow: 0 0 0 7px rgba(134, 239, 208, 0.11) !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal small {
  color: rgba(230, 240, 251, 0.68) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 580 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal strong {
  color: #f8fffb !important;
  font-size: clamp(27px, 5.8vw, 32px) !important;
  line-height: 0.95 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal em {
  justify-self: end !important;
  min-width: max-content !important;
  border: 1px solid rgba(180, 209, 229, 0.22) !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  color: rgba(233, 243, 251, 0.82) !important;
  background: rgba(255,255,255,0.08) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty {
  border: 1px solid rgba(103, 126, 153, 0.12) !important;
  border-radius: 30px !important;
  padding: 27px 26px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(124, 170, 196, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 22px 46px rgba(13, 31, 55, 0.075) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty {
  gap: 20px !important;
  padding-top: 24px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head {
  align-items: center !important;
  gap: 12px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head > div {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-v2-tool-toggle {
  align-items: start !important;
  gap: 18px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-v2-tool-toggle strong,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty h3,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head h3 {
  color: #071a34 !important;
  font-size: clamp(25px, 5.35vw, 30px) !important;
  line-height: 1.05 !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head h3 {
  margin: 0 !important;
  font-size: clamp(25px, 5.1vw, 28px) !important;
  line-height: 1.03 !important;
  font-weight: 590 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-v2-tool-toggle em,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-v2-summary-head em,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head em {
  border-color: rgba(20, 92, 166, 0.13) !important;
  color: #14599d !important;
  background: linear-gradient(180deg, rgba(239, 247, 255, 0.94), rgba(224, 238, 252, 0.80)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-v2-summary-head em,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head em {
  color: #14745e !important;
  background: linear-gradient(180deg, rgba(237, 250, 246, 0.96), rgba(222, 244, 237, 0.84)) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-os-result-grid,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-metric-grid {
  gap: 18px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-metric-grid {
  margin-top: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid span,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-os-result-grid span,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-metric-grid article {
  min-height: 88px !important;
  padding: 19px 20px !important;
  border: 1px solid rgba(91, 109, 132, 0.10) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(249,251,253,0.80)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid strong,
.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty .tax-os-result-grid strong,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-metric-grid strong {
  color: #081b34 !important;
  font-size: clamp(24px, 5.45vw, 30px) !important;
  line-height: 1.04 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid strong.tax-muted-value {
  color: #10243d !important;
  font-size: clamp(18px, 4vw, 21px) !important;
  line-height: 1.08 !important;
  font-weight: 540 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty .tax-os-result-grid span:nth-child(n+3) strong {
  font-size: clamp(18px, 4vw, 21px) !important;
  line-height: 1.08 !important;
  font-weight: 540 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-card-head span,
.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-premium-metric-grid small {
  letter-spacing: 0 !important;
  font-weight: 680 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-live-empty-copy {
  position: relative !important;
  margin: 0 !important;
  border: 1px solid rgba(34, 94, 143, 0.10) !important;
  border-radius: 20px !important;
  padding: 14px 16px 14px 18px !important;
  color: #22354d !important;
  background:
    linear-gradient(90deg, rgba(241,247,253,0.98), rgba(255,255,255,0.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88) !important;
  font-size: clamp(14px, 3.25vw, 16px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty .tax-live-empty-copy::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #1f75bd, #65ccb2) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty p {
  color: #071a34 !important;
  font-size: clamp(18px, 4.9vw, 24px) !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 390px) {
  .content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty,
  .content.worker-finance-page.worker-fintech-page .tax-v2-tool-card.live-empty,
  .content.worker-finance-page.worker-fintech-page .tax-v2-summary-card.live-empty,
  .content.worker-finance-page.worker-fintech-page .tax-premium-snapshot.live-empty {
    border-radius: 26px !important;
    padding-left: 23px !important;
    padding-right: 23px !important;
  }

  .content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .content.worker-finance-page.worker-fintech-page .financial-command-hero.tools.live-empty aside.tax-empty-signal em {
    grid-column: auto !important;
    justify-self: end !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}

/* Live profile next-steps card: premium CTA layout with proper button spacing. */
.profile-page-content .worker-live-next-steps-card {
  position: relative !important;
  display: grid !important;
  gap: 18px !important;
  border: 1px solid rgba(18, 48, 86, 0.10) !important;
  border-radius: 26px !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(38, 119, 197, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,252,255,0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 22px 46px rgba(11, 32, 62, 0.075) !important;
}

.profile-page-content .worker-live-next-steps-card::before {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(35, 93, 153, 0.18), transparent) !important;
}

.profile-page-content .worker-live-next-steps-card .section-mini-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.profile-page-content .worker-live-next-steps-card .section-mini-header span {
  color: #6f7f93 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.profile-page-content .worker-live-next-steps-card .section-mini-header small {
  justify-self: end !important;
  min-width: max-content !important;
  border: 1px solid rgba(29, 100, 178, 0.12) !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  color: #214667 !important;
  background: rgba(239, 247, 255, 0.82) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
}

.profile-page-content .worker-live-next-steps-card .profile-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.profile-page-content .worker-live-next-steps-card .profile-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  border-radius: 17px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-live-next-steps-card .profile-actions .button {
  grid-column: 1 / -1 !important;
  min-height: 58px !important;
  border: 1px solid rgba(10, 41, 78, 0.18) !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(71, 147, 222, 0.28), transparent 32%),
    linear-gradient(135deg, #061b34 0%, #0b315d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 15px 28px rgba(5, 23, 48, 0.18) !important;
}

.profile-page-content .worker-live-next-steps-card .profile-actions .ghost-button {
  border: 1px solid rgba(11, 34, 61, 0.16) !important;
  color: #0b223d !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,250,254,0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 10px 20px rgba(14, 35, 64, 0.055) !important;
}

@media (max-width: 390px) {
  .profile-page-content .worker-live-next-steps-card {
    padding: 22px !important;
  }

  .profile-page-content .worker-live-next-steps-card .profile-actions {
    gap: 10px !important;
  }

  .profile-page-content .worker-live-next-steps-card .profile-actions button {
    min-height: 50px !important;
    padding: 0 11px !important;
    font-size: 14px !important;
  }

  .profile-page-content .worker-live-next-steps-card .profile-actions .button {
    min-height: 56px !important;
  }
}

/* Approved Tax Tools cards: white luxury Option C layout using existing typography. */
.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card) {
  --agencyhub-app-gutter: 8px;
  padding-left: var(--agencyhub-app-gutter) !important;
  padding-right: var(--agencyhub-app-gutter) !important;
  overflow-x: hidden !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(121, 151, 186, 0.16) !important;
  border-radius: 28px !important;
  padding: 24px !important;
  color: #061b35 !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(52, 126, 217, 0.07), transparent 34%),
    radial-gradient(circle at 2% 100%, rgba(104, 186, 217, 0.045), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(249,252,255,0.965)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 18px 44px rgba(12, 30, 58, 0.08) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card + .tax-approved-card {
  margin-top: 16px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-estimate-card {
  padding-left: 30px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-accent {
  position: absolute !important;
  left: 16px !important;
  top: 24px !important;
  width: 3px !important;
  height: 84px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #176cff, #6a95ff) !important;
  box-shadow: 0 0 18px rgba(23, 108, 255, 0.20) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card-header {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card-header > div {
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-eyebrow {
  display: block !important;
  color: #65768e !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card h3 {
  margin: 8px 0 0 !important;
  max-width: 100% !important;
  color: #061b35 !important;
  font-size: clamp(23px, 5.3vw, 30px) !important;
  line-height: 1.08 !important;
  font-weight: 660 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-card p {
  margin: 8px 0 0 !important;
  max-width: 34ch !important;
  color: #41536d !important;
  font-size: clamp(14px, 3.4vw, 17px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-open {
  min-width: 86px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(56, 124, 221, 0.18) !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  color: #115fe8 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,247,255,0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 10px 20px rgba(41, 104, 188, 0.08) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-open:active {
  transform: translateY(1px) !important;
  box-shadow: inset 0 1px 3px rgba(12, 56, 114, 0.10) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-open:focus-visible,
.content.worker-finance-page.worker-fintech-page .tax-approved-metric:focus-visible {
  outline: 2px solid rgba(18, 108, 255, 0.56) !important;
  outline-offset: 3px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-open i {
  width: 16px !important;
  height: 16px !important;
  display: inline-grid !important;
  place-items: center !important;
  transform: rotate(180deg) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-open svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.4 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-status {
  justify-self: end !important;
  min-width: max-content !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid rgba(15, 126, 91, 0.16) !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: #0f7655 !important;
  background: linear-gradient(180deg, rgba(239, 252, 247, 0.96), rgba(226, 245, 239, 0.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 670 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-status i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: 0.72 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric {
  min-width: 0 !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid rgba(113, 146, 184, 0.13) !important;
  border-radius: 18px !important;
  padding: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,251,255,0.78)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-icon {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(42, 114, 225, 0.09) !important;
  border-radius: 999px !important;
  color: #2168f2 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,0.95), rgba(242,247,255,0.78)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 8px 16px rgba(25, 91, 184, 0.07) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2.25 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric span {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric small {
  color: #65768e !important;
  font-size: clamp(11px, 2.8vw, 13px) !important;
  line-height: 1.16 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric strong {
  min-width: 0 !important;
  color: #061b35 !important;
  font-size: clamp(22px, 5.3vw, 28px) !important;
  line-height: 1.05 !important;
  font-weight: 630 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-metric.muted strong {
  font-size: clamp(18px, 4.15vw, 23px) !important;
  font-weight: 590 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-info-strip {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  border: 1px solid rgba(59, 119, 218, 0.12) !important;
  border-radius: 17px !important;
  padding: 13px 15px !important;
  color: #0a2140 !important;
  background: linear-gradient(180deg, rgba(246,250,255,0.96), rgba(239,246,255,0.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-info-strip svg {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(42, 114, 225, 0.10) !important;
  border-radius: 999px !important;
  padding: 9px !important;
  color: #2168f2 !important;
  background: rgba(255,255,255,0.72) !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page .tax-approved-info-strip strong {
  min-width: 0 !important;
  color: #0a2140 !important;
  font-size: clamp(14px, 3.55vw, 17px) !important;
  line-height: 1.32 !important;
  font-weight: 610 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 390px) {
  .content.worker-finance-page.worker-fintech-page .tax-approved-card {
    gap: 18px !important;
    border-radius: 24px !important;
    padding: 21px 18px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-estimate-card {
    padding-left: 24px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-accent {
    left: 12px !important;
    top: 21px !important;
    height: 76px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-card-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-open {
    min-width: 78px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-metric-grid {
    gap: 9px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-metric {
    min-height: 92px !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 9px !important;
    border-radius: 16px !important;
    padding: 11px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-approved-status {
    min-height: 36px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 12px !important;
  }
}

/* Tax Overview 2026: approved premium overview presentation. */
.content.worker-finance-page.worker-fintech-page:has(.tax-overview-hero) {
  gap: 8px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero {
  isolation: isolate !important;
  overflow: hidden !important;
  gap: 0 !important;
  min-height: 262px !important;
  border: 1px solid rgba(106, 184, 255, 0.42) !important;
  border-radius: 20px !important;
  padding: 18px 18px 19px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(62, 214, 255, 0.22), transparent 19%),
    radial-gradient(circle at 98% 74%, rgba(18, 89, 239, 0.42), transparent 34%),
    linear-gradient(132deg, #041632 0%, #06266b 48%, #1259ef 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 18px 34px rgba(4, 23, 56, 0.18) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 28% 36%, rgba(255, 255, 255, 0.08), transparent 30%),
    linear-gradient(90deg, rgba(2, 10, 26, 0.34), transparent 62%) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  opacity: 0.9 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-light {
  opacity: 0.72 !important;
  mix-blend-mode: screen !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-lines path {
  fill: none !important;
  stroke: url("#taxOverviewEdge") !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-flow {
  stroke-width: 0.85 !important;
  opacity: 0.88 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-accent {
  stroke-width: 0.7 !important;
  opacity: 0.58 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-accent.is-soft {
  opacity: 0.42 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-accent.is-faint {
  opacity: 0.26 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-glow {
  fill: rgba(110, 236, 255, 0.22) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-network-node {
  fill: #e9fdff !important;
  stroke: none !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero-content {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero .tax-approved-eyebrow {
  color: rgba(190, 219, 255, 0.86) !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 680 !important;
  letter-spacing: 0.075em !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-status {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid rgba(220, 239, 255, 0.48) !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #fff !important;
  background: rgba(3, 24, 64, 0.26) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 560 !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-status i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: 0.9 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero h3 {
  max-width: 15ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(22px, 5.45vw, 26px) !important;
  line-height: 1.08 !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero p {
  max-width: 23ch !important;
  margin: -2px 0 2px !important;
  color: rgba(190, 219, 255, 0.94) !important;
  font-size: clamp(15.5px, 3.9vw, 18px) !important;
  line-height: 1.24 !important;
  font-weight: 500 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric {
  position: relative !important;
  min-width: 0 !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric:first-child::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  bottom: 4px !important;
  right: -6px !important;
  width: 1px !important;
  background: rgba(214, 235, 255, 0.42) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric i {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(150, 202, 255, 0.28) !important;
  border-radius: 15px !important;
  color: #c7e2ff !important;
  background: rgba(20, 87, 197, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2.15 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric span {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric small {
  color: rgba(210, 230, 255, 0.86) !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  white-space: normal !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric strong,
.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row strong {
  font-variant-numeric: tabular-nums !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric strong {
  color: #fff !important;
  font-size: clamp(21px, 5.15vw, 25px) !important;
  line-height: 1 !important;
  font-weight: 690 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-caption {
  color: rgba(202, 225, 255, 0.86) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 480 !important;
  text-align: center !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-card-note {
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  max-width: 100% !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-card-note i {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  border-radius: 999px !important;
  background: rgba(124, 239, 255, 0.88) !important;
  box-shadow: 0 0 12px rgba(78, 215, 255, 0.72) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-card-note span {
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card,
.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card {
  display: grid !important;
  gap: 14px !important;
  border: 1px solid rgba(190, 211, 236, 0.62) !important;
  border-radius: 20px !important;
  padding: 14px 15px !important;
  color: #112543 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 14px 28px rgba(13, 35, 67, 0.06) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card header {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card header > i,
.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row i,
.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel > i {
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(42, 114, 225, 0.10) !important;
  border-radius: 15px !important;
  color: #126cff !important;
  background: #eef6ff !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card header > i {
  width: 48px !important;
  height: 48px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card svg {
  width: 25px !important;
  height: 25px !important;
  stroke-width: 2.25 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card h3 {
  margin: 0 !important;
  color: #07143a !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card p {
  margin: 4px 0 0 !important;
  color: #4f6280 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  border-top: 1px solid rgba(187, 207, 232, 0.7) !important;
  padding-top: 12px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-grid span {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-grid span + span {
  border-left: 1px solid rgba(187, 207, 232, 0.86) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-grid small {
  color: #596b87 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 540 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-reserve-grid strong {
  color: #07143a !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card {
  gap: 16px !important;
  border: 1px solid rgba(190, 211, 236, 0.66) !important;
  border-radius: 20px !important;
  padding: 18px 18px 14px !important;
  color: #112543 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 14px 28px rgba(13, 35, 67, 0.06) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card .tax-approved-eyebrow {
  color: #66758f !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  letter-spacing: 0.02em !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card h3 {
  margin: 7px 0 0 !important;
  color: #07143a !important;
  font-size: 23px !important;
  line-height: 1.04 !important;
  font-weight: 740 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card p {
  margin: 7px 0 0 !important;
  color: #4f6280 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card .tax-approved-status {
  min-height: 34px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card .tax-approved-status.is-unavailable {
  border-color: #dce3ed !important;
  color: #66758f !important;
  background: #eef2f7 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-rows {
  display: grid !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  border-top: 1px solid rgba(190, 211, 236, 0.72) !important;
  padding: 9px 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row:first-child {
  border-top: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row i {
  width: 42px !important;
  height: 42px !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2.25 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row small {
  min-width: 0 !important;
  color: #405571 !important;
  font-size: 14px !important;
  line-height: 1.16 !important;
  font-weight: 620 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-row strong {
  justify-self: end !important;
  color: #07143a !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 740 !important;
  white-space: nowrap !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid rgba(159, 198, 247, 0.58) !important;
  border-radius: 18px !important;
  padding: 13px 16px !important;
  color: #112543 !important;
  background: linear-gradient(180deg, #edf6ff, #eaf4ff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel > i {
  width: 48px !important;
  height: 48px !important;
  background: #e4f1ff !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel svg {
  width: 25px !important;
  height: 25px !important;
  stroke-width: 2.25 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel strong {
  color: #07143a !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-info-panel small {
  color: #4f6280 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

@media (max-width: 390px) {
  .content.worker-finance-page.worker-fintech-page .tax-overview-hero {
    min-height: 258px !important;
    padding: 17px 16px 18px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-status {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 10.5px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-network {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-row {
    gap: 9px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric svg {
    width: 22px !important;
    height: 22px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric small {
    font-size: 11px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-summary-metric strong {
    font-size: 22px !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-reserve-card,
  .content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 360px) {
  .content.worker-finance-page.worker-fintech-page .tax-overview-hero-topline,
  .content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .content.worker-finance-page.worker-fintech-page .tax-overview-status,
  .content.worker-finance-page.worker-fintech-page .tax-overview-snapshot-card .tax-approved-status {
    justify-self: start !important;
  }
}

/* AVyntro approved brand asset bindings. Keep after legacy/mobile overrides. */
.startup-logo,
.splash-brand img,
.brand-logo,
.login-entry-header img,
.forgot-password-brand img,
.reset-password-brand img,
.agency-verification-brand img,
.onboarding-logo-mark,
.workforce-passport-brand img,
.network-brand-mark img,
.admin-control-brand img,
.admin-v2-brand img,
.agency-command-logo img {
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.startup-logo {
  width: 58px;
  height: 58px;
  display: block;
}

.splash-brand img {
  width: 132px !important;
  height: 132px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.login-entry-header img,
.forgot-password-brand img,
.reset-password-brand img,
.agency-verification-brand img,
.brand-logo,
.admin-control-brand img,
.admin-v2-brand img,
.agency-command-logo img {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.workforce-passport-brand img,
.network-brand-mark img {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.onboarding-brand-mark .onboarding-logo-mark {
  width: 24px !important;
  height: auto !important;
  max-height: 24px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.workspace-brand-lockup {
  display: block !important;
  width: min(220px, 72vw) !important;
  height: auto !important;
  max-height: 64px !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.auth-surface-logo {
  display: block;
  justify-self: center;
  width: min(154px, 46vw);
  height: auto;
  max-height: 126px;
  margin: 0 auto 12px;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  filter: none;
}

.agency-auth-surface-logo {
  margin-bottom: 16px;
}

/* Candidate signup luxury pass. */
.signup-entry-screen {
  min-height: 100svh;
  align-content: start;
  gap: 10px;
  padding: max(24px, env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));
}

html.preview-shell-top-inset .signup-entry-screen {
  padding-top: calc(var(--preview-shell-top-inset) + 14px);
}

.signup-entry-screen .login-entry-header {
  min-height: 36px;
  padding: 0 4px;
}

.signup-entry-screen .login-entry-header .profile-header-button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
}

.signup-entry-screen .login-entry-header .profile-header-button svg {
  width: 20px;
  height: 20px;
}

.signup-entry-screen .login-entry-header img {
  display: none !important;
}

.signup-entry-screen .login-entry-header > span {
  color: rgba(219, 232, 255, 0.66);
  font-size: 10px;
  line-height: 14px;
  font-weight: 760;
  letter-spacing: 0;
}

.signup-entry-screen .auth-title-panel {
  gap: 6px;
  padding: 4px 6px 2px;
}

.signup-entry-screen .auth-title-panel .eyebrow {
  margin: 0;
  color: rgba(151, 197, 255, 0.9);
  font-size: 11px;
  line-height: 14px;
  font-weight: 740;
  letter-spacing: 0;
}

.signup-entry-screen .auth-title-panel h1 {
  max-width: 340px;
  margin: 0;
  color: #fff;
  font-family: Didot, "Bodoni 72", "Hoefler Text", Baskerville, Garamond, Georgia, serif;
  font-size: 27px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 0;
  font-feature-settings: "kern" 1, "liga" 1;
}

.signup-entry-screen .auth-title-panel p:not(.eyebrow) {
  max-width: 342px;
  margin: 0;
  color: rgba(229, 238, 255, 0.78);
  font-size: 14px;
  line-height: 20px;
  font-weight: 470;
}

.signup-entry-screen .auth-form-panel {
  margin-top: 10px;
  padding: 18px 14px 16px;
  border: 1px solid rgba(213, 228, 247, 0.88);
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 0%, rgba(235, 245, 255, 0.9), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow:
    0 24px 58px rgba(3, 16, 38, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.signup-entry-screen .auth-form-panel .auth-surface-logo {
  width: max-content;
  max-width: min(174px, 48vw);
  min-height: 34px;
  margin: 0 auto 18px;
  background: transparent;
  display: flex;
  justify-self: center;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.signup-entry-screen .auth-form-panel .auth-surface-logo-mark {
  width: 34px;
  height: 34px;
  display: block;
  object-fit: contain;
}

.signup-entry-screen .auth-form-panel .auth-surface-logo-word {
  width: 118px;
  height: auto;
  max-height: 14px;
  display: block;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) saturate(100%) invert(8%) sepia(42%) saturate(2104%) hue-rotate(213deg) brightness(85%) contrast(102%);
  opacity: 0.96;
}

.signup-entry-screen .auth-form-panel form {
  gap: 12px;
}

.signup-entry-screen .auth-form-grid {
  gap: 12px;
}

.signup-entry-screen .field {
  gap: 7px;
}

.signup-entry-screen .field > span {
  color: #5f6f8d;
  font-size: 11px;
  line-height: 14px;
  font-weight: 720;
  letter-spacing: 0;
}

.signup-entry-screen .field input,
.signup-entry-screen .field select {
  min-height: 52px;
  border: 1px solid #d8e6f6;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  color: #071443;
  font-size: 15px;
  line-height: 20px;
  font-weight: 470;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.signup-entry-screen .field input:focus,
.signup-entry-screen .field select:focus {
  border-color: rgba(7, 92, 255, 0.42);
  box-shadow:
    0 0 0 4px rgba(7, 92, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.signup-entry-screen .auth-checkbox {
  min-height: 58px;
  border-color: #dce7f4;
  border-radius: 16px;
  background: #f8fbff;
  color: #5f6f8d;
  font-size: 12px;
  line-height: 17px;
  font-weight: 650;
}

.signup-entry-screen .auth-action-stack {
  padding: 0 2px 0;
  gap: 10px;
}

.signup-entry-screen .auth-action-stack .button {
  min-height: 54px;
  border-radius: 17px;
  background: linear-gradient(135deg, #075cff 0%, #0d54c4 55%, #071a43 100%);
  font-size: 14px;
  font-weight: 720;
  box-shadow: 0 16px 30px rgba(7, 92, 255, 0.2);
}

.signup-entry-screen .auth-action-stack .button svg {
  width: 18px;
  height: 18px;
}

.signup-entry-screen .auth-action-stack .text-button {
  color: #5f6f8d;
  font-size: 13px;
  font-weight: 650;
}

@media (max-width: 360px) {
  .signup-entry-screen {
    gap: 8px;
  }

  html.preview-shell-top-inset .signup-entry-screen {
    padding-top: calc(var(--preview-shell-top-inset) + 10px);
  }

  .signup-entry-screen .auth-title-panel h1 {
    font-size: 25px;
    line-height: 32px;
  }

  .signup-entry-screen .auth-form-panel {
    padding: 16px 12px 14px;
  }
}

/* Account detail photo polish and phone-shell alignment. */
.agency-settings-shell .main {
  overflow-x: hidden;
}

.content.settings-page:not(.agency-settings-page) {
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  padding-inline: 16px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.content.settings-page:not(.agency-settings-page) .settings-title-card,
.content.settings-page:not(.agency-settings-page) .settings-group,
.content.settings-page:not(.agency-settings-page) .settings-detail-actions {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}

.content.settings-page:not(.agency-settings-page) .settings-control-row {
  max-width: 100%;
}

.app-avatar.has-photo,
.agency-settings-avatar .settings-avatar-image.has-photo,
.settings-avatar-image.has-photo {
  overflow: hidden;
  padding: 0;
  background: #fff;
}

.app-avatar.has-photo img,
.settings-avatar-image.has-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.agency-settings-avatar .settings-avatar-image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: grid;
  place-items: center;
}

.settings-photo-upload i {
  overflow: hidden;
}

/* Candidate Settings -> Account details redesign. */
.app-shell:has(.account-details-page) {
  background: #f3f7fc;
}

.app-shell:has(.account-details-page) .main {
  padding: 0 0 calc(88px + env(safe-area-inset-bottom));
  background: #f3f7fc;
}

.app-shell:has(.account-details-page) .app-header {
  display: none;
}

.content.settings-page.account-details-page {
  --account-ink: #112543;
  --account-muted: #61738f;
  --account-placeholder: #8190a8;
  --account-blue: #1259ef;
  --account-line: #dce7f6;
  --account-input-line: #cadaf0;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 0 8px calc(22px + env(safe-area-inset-bottom));
  display: grid;
  gap: 12px;
  background: #f3f7fc;
  box-sizing: border-box;
  overflow-x: hidden;
}

.account-details-page,
.account-details-page * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.account-details-header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0 -8px 0;
  padding: calc(12px + env(safe-area-inset-top)) 16px 14px;
  color: #fff;
  border-radius: 0 0 24px 24px;
  background:
    radial-gradient(circle at 84% 18%, rgba(92, 132, 255, 0.34), transparent 34%),
    linear-gradient(135deg, #041632 0%, #123d89 57%, #1259ef 100%);
  box-shadow: 0 8px 18px rgba(17, 37, 67, 0.08);
}

.account-details-header > div {
  min-width: 0;
  text-align: center;
}

.account-details-header h1 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

.account-details-header p {
  margin: 4px 0 0;
  color: rgba(238, 246, 255, 0.9);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-header-button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.account-details-header-button svg {
  width: 20px;
  height: 20px;
}

.account-details-card {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--account-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(17, 37, 67, 0.04);
}

.account-details-save-error {
  margin: 0;
  border-radius: 16px;
}

.account-details-save-status {
  margin: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 10px;
  padding: 11px 14px;
  border: 1px solid rgba(0, 93, 255, 0.18);
  border-radius: 16px;
  color: #0a2455;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.95), transparent 36%),
    linear-gradient(145deg, rgba(236, 246, 255, 0.98), rgba(222, 238, 255, 0.92));
  box-shadow: 0 14px 28px rgba(8, 35, 84, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.account-details-save-status svg {
  grid-row: 1 / span 2;
  width: 32px;
  height: 32px;
  padding: 7px;
  border-radius: 999px;
  color: #005dff;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(0, 93, 255, 0.14);
}

.account-details-save-status span {
  min-width: 0;
  color: #071442;
  font-size: 14px;
  line-height: 18px;
  font-weight: 820;
}

.account-details-save-status small {
  min-width: 0;
  color: #52628b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 560;
}

.account-details-photo-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 14px;
}

.account-details-photo-avatar {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #0b2a62, #176fe2);
  font-size: 16px;
  font-weight: 700;
}

.account-details-photo-avatar.has-photo {
  background: #fff;
}

.account-details-photo-avatar.portrait-photo-placeholder {
  color: rgba(30, 78, 137, 0.82);
  background:
    linear-gradient(145deg, rgba(249, 253, 255, 0.98), rgba(218, 237, 252, 0.92)),
    repeating-linear-gradient(135deg, rgba(43, 119, 196, 0.08) 0 1px, transparent 1px 7px);
}

.account-details-photo-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.account-details-photo-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.account-details-photo-copy h2 {
  margin: 0;
  color: var(--account-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.account-details-photo-copy p {
  margin: 0;
  color: var(--account-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-photo-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.account-details-small-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--account-input-line);
  border-radius: 999px;
  color: var(--account-muted);
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}

.account-details-small-action.primary {
  color: var(--account-blue);
  background: #f8fbff;
}

.account-details-small-action:disabled {
  opacity: 0.45;
}

.account-details-small-action input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.account-details-form-card {
  padding: 16px;
}

.account-details-section-heading {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-bottom: 14px;
}

.account-details-section-heading > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--account-blue);
  background: #edf4ff;
}

.account-details-section-heading svg {
  width: 20px;
  height: 20px;
}

.account-details-section-heading strong {
  min-width: 0;
  color: var(--account-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.account-details-section-heading em {
  padding: 5px 10px;
  border-radius: 999px;
  color: #476286;
  background: #edf4ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.account-details-section-copy {
  margin: -6px 0 14px 48px;
  color: var(--account-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-required-note {
  margin: -8px 0 12px 48px;
  color: var(--account-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-required-note span,
.account-details-required-marker {
  color: #c62828;
}

.account-details-required-marker {
  margin-left: 4px;
  font-style: normal;
  font-size: 1em;
  font-weight: 600;
  line-height: inherit;
}

.account-details-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.account-details-field-grid.single {
  grid-template-columns: minmax(0, 1fr);
}

.account-details-field {
  display: grid;
  min-width: 0;
  gap: 6px;
  align-content: start;
}

.account-details-field-full {
  grid-column: 1 / -1;
}

.account-details-field > span {
  color: #263d61;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.account-details-field input,
.account-details-field select,
.account-details-row-select select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  border: 1px solid var(--account-input-line);
  border-radius: 12px;
  color: var(--account-ink);
  background: #f8fbff;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  outline: 0;
}

.account-details-field input {
  padding: 0 14px;
}

.account-details-field input::placeholder {
  color: var(--account-placeholder);
}

.account-details-field input[readonly] {
  color: #526784;
  background: #f4f8fe;
}

.account-details-field input:focus,
.account-details-field select:focus,
.account-details-row-select select:focus {
  border-color: rgba(18, 89, 239, 0.58);
  box-shadow: 0 0 0 4px rgba(18, 89, 239, 0.11);
}

.account-details-field input[aria-invalid="true"],
.account-details-field select[aria-invalid="true"] {
  border-color: rgba(220, 38, 38, 0.66);
  background: #fffafa;
  box-shadow: inset 0 0 0 1px rgba(220, 38, 38, 0.14);
}

.account-details-field small {
  color: #536b8e;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-select-shell,
.account-details-row-select {
  position: relative;
  display: block;
  min-width: 0;
}

.account-details-select-shell select,
.account-details-row-select select {
  appearance: none;
  -webkit-appearance: none;
  padding: 0 34px 0 14px;
}

.account-details-select-shell::after,
.account-details-row-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--account-blue);
  border-bottom: 2px solid var(--account-blue);
  transform: translateY(-64%) rotate(45deg);
  pointer-events: none;
}

.account-details-field-error {
  margin: 0;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.account-details-consent-note {
  margin: 12px 0 0;
  color: #4c6385;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.account-details-row-card {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 12px 16px;
  color: var(--account-ink);
  text-align: left;
}

.account-details-row-card > span:first-child {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--account-blue);
  background: #edf4ff;
}

.account-details-row-card svg {
  width: 20px;
  height: 20px;
}

.account-details-row-card strong {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: var(--account-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.account-details-row-card small {
  color: var(--account-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.account-details-row-select {
  width: min(152px, 42vw);
}

.account-details-row-select select {
  min-height: 38px;
  color: var(--account-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}

.account-details-language-row {
  min-height: 62px;
}

.account-details-language-row.is-locked {
  cursor: default;
}

.account-details-language-lock {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  color: #526784;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}

.account-details-language-lock b {
  color: var(--account-ink);
  font-size: 14px;
  font-weight: 600;
}

.account-details-language-lock svg {
  width: 16px;
  height: 16px;
  color: #667994;
}

.account-details-row-card.worker-id-row {
  grid-template-columns: 36px minmax(0, 1fr) auto 20px;
  border: 1px solid var(--account-line);
  cursor: pointer;
  text-decoration: none;
}

.account-details-row-card.worker-id-row b {
  color: var(--account-blue);
  font-size: 14px;
  font-weight: 600;
}

.account-details-row-card.worker-id-row > svg {
  color: var(--account-blue);
  transform: rotate(180deg);
}

.account-details-actions {
  position: relative;
  z-index: 2;
  margin: 0 0 calc(14px + env(safe-area-inset-bottom));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.account-details-actions .button,
.account-details-actions .ghost-button {
  min-height: 44px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}

.account-details-actions .button {
  background: linear-gradient(135deg, #1259ef, #146fff);
  box-shadow: 0 8px 18px rgba(18, 89, 239, 0.16);
}

.account-details-actions .ghost-button {
  border-color: #aebed4;
  box-shadow: none;
}

@media (max-width: 370px) {
  .account-details-photo-card {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .account-details-photo-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .account-details-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .account-details-field-full {
    grid-column: auto;
  }

  .account-details-section-copy {
    margin-left: 0;
  }

  .account-details-required-note {
    margin-left: 0;
  }

  .account-details-row-select {
    width: min(136px, 38vw);
  }

  .account-details-language-lock {
    white-space: normal;
    text-align: right;
  }
}

.settings-photo-upload i img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.professional-photo-crop-backdrop {
  z-index: 140;
  align-items: end;
  padding: 18px;
  background: rgba(3, 12, 28, .48);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.professional-photo-crop-sheet {
  width: min(100%, 396px);
  margin-inline: auto;
  padding: 18px;
  border: 1px solid rgba(221, 231, 246, .92);
  border-radius: 24px;
  color: #10213d;
  background:
    radial-gradient(circle at 88% 10%, rgba(72, 117, 255, .13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,249,255,.96));
  box-shadow: 0 26px 70px rgba(3, 12, 28, .28), inset 0 1px 0 rgba(255,255,255,.96);
}

.professional-photo-crop-sheet header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: start;
  gap: 12px;
}

.professional-photo-crop-sheet header span {
  display: block;
  color: #2c78ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.professional-photo-crop-sheet header h3 {
  margin: 5px 0 0;
  color: #071b44;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 820;
}

.professional-photo-crop-sheet header p {
  margin: 7px 0 0;
  color: #60718c;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.professional-photo-crop-sheet header button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  border: 1px solid rgba(193, 207, 229, .9);
  border-radius: 999px;
  color: #17233d;
  background: #fff;
  display: grid;
  place-items: center;
}

.professional-photo-crop-sheet header button svg {
  width: 19px;
  height: 19px;
}

.professional-photo-crop-preview {
  position: relative;
  width: min(100%, 260px);
  aspect-ratio: 1;
  margin: 18px auto 14px;
  overflow: hidden;
  border: 1px solid rgba(33, 69, 116, .2);
  border-radius: 999px;
  background: #edf3fb;
  box-shadow: 0 18px 38px rgba(21, 54, 105, .16), inset 0 0 0 8px rgba(255,255,255,.7);
}

.professional-photo-crop-preview::after {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 999px;
  pointer-events: none;
}

.professional-photo-crop-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: translate(var(--photo-x, 0), var(--photo-y, 0)) scale(var(--photo-zoom, 1));
  transform-origin: center;
}

.professional-photo-crop-controls {
  display: grid;
  gap: 12px;
}

.professional-photo-crop-controls label {
  display: grid;
  gap: 8px;
  color: #10213d;
  font-size: 12px;
  font-weight: 850;
}

.professional-photo-crop-controls input {
  width: 100%;
  accent-color: #2c78ff;
}

.professional-photo-crop-actions {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
  gap: 10px;
  margin-top: 16px;
}

.professional-photo-crop-actions button {
  min-height: 46px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 900;
}

/* Candidate Messages Option A: bright, compact iPhone inbox. */
.native-command-overlay.messages {
  --message-page: #f8fbff;
  --message-ink: #0b1f3d;
  --message-muted: #60718c;
  --message-line: rgba(128, 151, 184, .26);
  --message-blue: #2878ff;
  --message-violet: #7657e8;
  align-items: stretch;
  padding: 0;
  background: #f8fbff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.native-command-overlay.messages .native-command-panel {
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: var(--message-page);
  box-shadow: none;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.native-command-overlay.messages .native-command-grabber,
.native-command-overlay.messages > .native-command-panel > .native-command-close {
  display: none;
}

.native-command-overlay.messages .native-command-scroll {
  max-height: none;
  min-height: 0;
  padding: max(48px, env(safe-area-inset-top)) 22px calc(100px + env(safe-area-inset-bottom));
  overflow-x: hidden;
  background:
    linear-gradient(180deg, rgba(238, 246, 255, .82), rgba(255,255,255,.94) 34%, #f8fbff 100%);
}

.native-command-overlay.messages .message-command-content {
  min-height: calc(100dvh - 148px);
  gap: 18px;
  color: var(--message-ink);
}

.native-command-overlay.messages .native-command-header {
  gap: 34px;
  padding: 0;
}

.native-command-overlay.messages .message-command-utility-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.native-command-overlay.messages .native-command-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #263955;
  font-size: 13px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.native-command-overlay.messages .native-command-kicker i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #9aacc5;
  box-shadow: 0 0 0 8px rgba(154, 172, 197, .12);
}

.native-command-overlay.messages .native-command-kicker.live i {
  background: #35d8a6;
  box-shadow: 0 0 0 8px rgba(53, 216, 166, .13);
}

.native-command-overlay.messages .message-command-shortcuts {
  display: inline-flex;
  gap: 14px;
  flex: 0 0 auto;
}

.native-command-overlay.messages .message-command-shortcuts button {
  position: relative;
  width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #102746;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(108, 129, 160, .25);
  box-shadow: 0 12px 28px rgba(31, 54, 86, .08), inset 0 1px 0 rgba(255,255,255,.88);
}

.native-command-overlay.messages .message-command-shortcuts button svg {
  width: 20px;
  height: 20px;
}

.native-command-overlay.messages .message-command-shortcuts button span {
  position: absolute;
  top: -6px;
  right: -2px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--message-blue);
  border: 2px solid #f8fbff;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
}

.native-command-overlay.messages .message-command-title-row {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.native-command-overlay.messages .message-command-title-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #2878ff 0%, #705cf0 100%);
  box-shadow: 0 16px 30px rgba(47, 111, 235, .22), inset 0 1px 0 rgba(255,255,255,.20);
}

.native-command-overlay.messages .message-command-title-icon svg {
  width: 28px;
  height: 28px;
}

.native-command-overlay.messages .native-command-header h2 {
  margin: 0;
  color: var(--message-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 34px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: 0;
}

.native-command-overlay.messages .native-command-header p {
  margin: 8px 0 0;
  color: var(--message-muted);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 520;
}

.native-command-overlay.messages .message-command-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  height: 34px;
  padding: 0;
  align-items: center;
  border-top: 1px solid var(--message-line);
  border-bottom: 1px solid var(--message-line);
}

.native-command-overlay.messages .message-summary-card {
  min-height: 0;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid var(--message-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.native-command-overlay.messages .message-summary-card:last-child {
  border-right: 0;
}

.native-command-overlay.messages .message-summary-card i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: var(--message-blue);
  background: transparent;
  border-radius: 0;
}

.native-command-overlay.messages .message-summary-card.violet i {
  color: var(--message-violet);
}

.native-command-overlay.messages .message-summary-card.mint i {
  color: #29b981;
}

.native-command-overlay.messages .message-summary-card svg {
  width: 18px;
  height: 18px;
}

.native-command-overlay.messages .message-summary-card strong {
  color: var(--message-ink);
  font-size: 16px;
  line-height: 1;
  font-weight: 760;
}

.native-command-overlay.messages .message-summary-card small {
  color: var(--message-muted);
  font-size: 13px;
  line-height: 1;
  font-weight: 620;
}

.native-command-overlay.messages .message-summary-card em {
  display: none;
}

.native-command-overlay.messages .native-command-controls {
  margin-top: -10px;
  gap: 18px;
}

.native-command-overlay.messages .message-command-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px;
  gap: 10px;
  width: 100%;
}

.native-command-overlay.messages .native-command-search,
.native-command-overlay.messages .message-filter-button {
  min-height: 56px;
  border-radius: 14px;
  color: #5f6f88;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(108, 129, 160, .25);
  box-shadow: 0 16px 36px rgba(31,54,86,.06), inset 0 1px 0 rgba(255,255,255,.92);
}

.native-command-overlay.messages .native-command-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 0 16px;
}

.native-command-overlay.messages .native-command-search > svg,
.native-command-overlay.messages .message-filter-button svg {
  width: 22px;
  height: 22px;
}

.native-command-overlay.messages .native-command-search input {
  min-width: 0;
  min-height: 54px;
  color: var(--message-ink);
  font-size: 15px;
  font-weight: 520;
}

.native-command-overlay.messages .native-command-search input::placeholder {
  color: #6c7b91;
}

.native-command-overlay.messages .message-filter-button {
  display: grid;
  place-items: center;
}

.native-command-overlay.messages .native-command-filter-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  min-height: 54px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(108, 129, 160, .25);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.native-command-overlay.messages .native-command-filter-row button {
  min-width: 0;
  min-height: 52px;
  padding: 0 7px;
  border: 0;
  border-right: 1px solid var(--message-line);
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #5c6b80;
  background: transparent;
  font-size: 13px;
  font-weight: 720;
  letter-spacing: 0;
}

.native-command-overlay.messages .native-command-filter-row button:last-child {
  border-right: 0;
}

.native-command-overlay.messages .native-command-filter-row button.active {
  color: var(--message-blue);
  background: #fff;
  border: 1px solid rgba(40,120,255,.72);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(40,120,255,.10);
}

.native-command-overlay.messages .native-command-filter-row button span {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.native-command-overlay.messages .native-command-filter-row button em {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #6f7e93;
  background: #edf3fb;
  font-size: 10px;
  font-weight: 850;
}

.native-command-overlay.messages .native-command-filter-row button.active em {
  color: var(--message-blue);
  background: #eaf3ff;
}

.native-command-overlay.messages .native-command-section {
  gap: 16px;
}

.native-command-overlay.messages .native-command-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.native-command-overlay.messages .native-command-section-title span {
  color: var(--message-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 23px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: none;
}

.native-command-overlay.messages .native-command-section-title strong {
  color: var(--message-blue);
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
}

.native-command-overlay.messages .native-message-priority,
.native-command-overlay.messages .native-conversation-list {
  gap: 10px;
}

.native-command-overlay.messages .native-command-empty {
  min-height: 134px;
  padding: 26px 18px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--message-ink);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(108, 129, 160, .22);
  box-shadow: 0 18px 40px rgba(31,54,86,.05), inset 0 1px 0 rgba(255,255,255,.9);
}

.native-command-overlay.messages .native-command-empty svg {
  width: 44px;
  height: 44px;
  color: #9aacbf;
  margin-bottom: 10px;
}

.native-command-overlay.messages .native-command-empty strong {
  color: var(--message-ink);
  font-size: 17px;
  line-height: 1.2;
  font-weight: 750;
}

.native-command-overlay.messages .native-command-empty p {
  max-width: 300px;
  margin: 9px auto 0;
  color: var(--message-muted);
  font-size: 14px;
  line-height: 1.38;
  font-weight: 480;
}

.native-command-overlay.messages .message-priority-card,
.native-command-overlay.messages .native-conversation-card {
  border-radius: 16px;
  color: var(--message-ink);
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(108,129,160,.22);
  box-shadow: 0 16px 34px rgba(31,54,86,.06), inset 0 1px 0 rgba(255,255,255,.86);
}

.native-command-overlay.messages .message-priority-card {
  padding: 14px;
  gap: 10px;
}

.native-command-overlay.messages .message-priority-card::before,
.native-command-overlay.messages .native-conversation-card::before {
  background: var(--message-blue);
  box-shadow: none;
}

.native-command-overlay.messages .native-conversation-avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(145deg, #2878ff, #705cf0);
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

.native-command-overlay.messages .native-conversation-avatar i {
  width: 11px;
  height: 11px;
  border: 2px solid #fff;
  background: #35d8a6;
}

.native-command-overlay.messages .native-card-top span,
.native-command-overlay.messages .native-conversation-card strong {
  color: var(--message-ink);
  font-size: 16px;
  font-weight: 760;
}

.native-command-overlay.messages .native-card-top em,
.native-command-overlay.messages .native-conversation-card b {
  color: #6552c8;
  background: #f0edff;
  border-color: rgba(118,87,232,.18);
}

.native-command-overlay.messages .message-card-main small,
.native-command-overlay.messages .native-conversation-card small {
  color: #687891;
  font-size: 11px;
  letter-spacing: 0;
}

.native-command-overlay.messages .message-priority-card p,
.native-command-overlay.messages .native-conversation-card em {
  color: #53657e;
  font-size: 13px;
  line-height: 1.34;
}

.native-command-overlay.messages .native-quick-reply {
  display: none;
}

.native-command-overlay.messages .native-card-actions button {
  min-height: 42px;
  border-radius: 12px;
  color: #24415f;
  background: #fff;
  border-color: rgba(108,129,160,.25);
}

.native-command-overlay.messages .native-card-actions .primary {
  color: #fff;
  background: linear-gradient(135deg, #092e64, #2878ff);
  border-color: transparent;
  box-shadow: 0 12px 24px rgba(40,120,255,.15);
}

.native-command-overlay.messages .native-conversation-card {
  padding: 12px;
}

.native-command-overlay.messages .native-conversation-card > button {
  min-height: 54px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 10px;
  padding: 0;
}

.native-command-overlay.messages .message-overlay-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 4;
  width: min(100%, 430px);
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 2px;
  padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  overflow: hidden;
  border: 0;
  border-top: 1px solid rgba(6, 25, 54, 0.1);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -10px 26px rgba(6, 25, 54, 0.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.native-command-overlay.messages .message-overlay-nav button {
  position: relative;
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  max-width: none;
  min-height: 46px;
  border: 0;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 5px 1px;
  box-sizing: border-box;
  color: var(--muted);
  background: transparent;
  font-size: 9.5px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.native-command-overlay.messages .message-overlay-nav button svg {
  width: 18px;
  height: 18px;
}

.native-command-overlay.messages .message-overlay-nav button svg,
.native-command-overlay.messages .message-overlay-nav button span {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 100%;
}

.native-command-overlay.messages .message-overlay-nav button span {
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.native-command-overlay.messages .message-overlay-nav button.active {
  color: var(--brand-dark);
  background: transparent;
  box-shadow: none;
}

.native-command-overlay.messages .message-overlay-nav button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  width: min(54px, calc(100% - 10px));
  height: calc(100% - 10px);
  transform: translateX(-50%);
  border-radius: 13px;
  opacity: 0;
  background: linear-gradient(180deg, #f2f8ff, #e7f1ff);
  box-shadow: inset 0 0 0 1px rgba(31, 132, 229, 0.12), 0 8px 18px rgba(28, 95, 190, 0.08);
  transition: opacity 140ms ease, transform 140ms ease;
}

.native-command-overlay.messages .message-overlay-nav button.active::before {
  opacity: 1;
}

.native-command-overlay.messages .message-overlay-nav button.active::after {
  display: none;
}

.native-command-overlay.messages button:focus-visible,
.native-command-overlay.messages input:focus-visible {
  outline: 3px solid rgba(40,120,255,.36);
  outline-offset: 3px;
}

/* Candidate Messages Option A Signature Blue: approved inbox hierarchy. */
.native-command-overlay.messages .native-command-scroll:has(.messages-signature-inbox) {
  padding: 0 0 calc(94px + env(safe-area-inset-bottom));
  background:
    linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #f1f7ff 100%);
}

.messages-signature-inbox {
  width: 100%;
  min-height: calc(100dvh - 112px);
  grid-auto-rows: max-content;
  align-content: start;
  gap: 12px !important;
  padding: 0 8px;
  color: var(--message-ink);
}

.native-command-overlay.messages .messages-signature-header {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  width: calc(100% + 16px);
  margin: 0 -8px 0;
  padding: calc(var(--preview-shell-top-inset, max(18px, env(safe-area-inset-top))) + 10px) 34px 14px;
  border-radius: 0 0 26px 26px;
  background:
    radial-gradient(circle at 90% 8%, rgba(79, 153, 255, .44), transparent 34%),
    radial-gradient(circle at 100% 88%, rgba(24, 132, 255, .34), transparent 36%),
    linear-gradient(135deg, #041632 0%, #082b65 48%, #1259ef 100%);
  box-shadow: 0 14px 32px rgba(9, 57, 146, .18), inset 0 -1px 0 rgba(111, 181, 255, .28);
}

html.preview-shell-top-inset .native-command-overlay.messages .messages-signature-header {
  padding-top: calc(var(--preview-shell-top-inset) + 10px);
}

.messages-signature-header > *:not(.messages-signature-curve) {
  position: relative;
  z-index: 1;
}

.messages-signature-curve {
  position: absolute;
  pointer-events: none;
  border: 1px solid rgba(166,210,255,.20);
  border-radius: 50%;
  opacity: .48;
}

.messages-signature-curve.one {
  width: 560px;
  height: 250px;
  right: -220px;
  top: 24px;
  transform: rotate(-20deg);
  background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,0) 68%);
}

.messages-signature-curve.two {
  width: 456px;
  height: 204px;
  right: -172px;
  top: 96px;
  transform: rotate(13deg);
  background: linear-gradient(135deg, rgba(111,181,255,.12), rgba(255,255,255,0) 70%);
}

.messages-signature-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.messages-signature-brand {
  display: inline-flex;
  align-items: center;
  width: min(158px, 42vw);
  min-width: 0;
  color: #fff;
  filter: drop-shadow(0 10px 18px rgba(0, 18, 66, .18));
}

.messages-signature-brand img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.messages-signature-brand span {
  display: none;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: .24em;
}

.messages-signature-top button {
  width: 46px;
  height: 46px;
  min-height: 46px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 24px rgba(0,21,76,.18);
}

.messages-signature-top button svg {
  width: 22px;
  height: 22px;
}

.messages-signature-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.native-command-overlay.messages .messages-signature-header h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 660;
  letter-spacing: 0;
}

.native-command-overlay.messages .messages-signature-header p {
  margin: 5px 0 0;
  color: rgba(222,237,255,.88);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 510;
}

.messages-status-badge {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgba(246,250,255,.94);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(213,234,255,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
  font-size: 13px;
  line-height: 1;
  font-weight: 620;
  white-space: nowrap;
}

.messages-status-badge i {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #0c3473;
  background: rgba(226,241,255,.96);
}

.messages-status-badge svg {
  width: 14px;
  height: 14px;
}

.messages-status-badge.unread i {
  width: 8px;
  height: 8px;
  background: #4de3ad;
  box-shadow: 0 0 0 5px rgba(77,227,173,.14);
}

.messages-signature-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px;
  gap: 0;
  align-items: stretch;
  margin-top: 11px;
  min-height: 46px;
  border-radius: 15px;
  overflow: hidden;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(210,226,247,.82);
  box-shadow: 0 14px 28px rgba(0,31,102,.13), inset 0 1px 0 rgba(255,255,255,.96);
}

.native-command-overlay.messages .messages-signature-search-row .native-command-search {
  min-height: 46px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #586b86;
  padding: 0 16px;
}

.native-command-overlay.messages .messages-signature-search-row .native-command-search input {
  min-height: 46px;
  color: #0b1f3d;
  font-size: 15px;
  font-weight: 520;
}

.native-command-overlay.messages .messages-signature-search-row .native-command-search input::placeholder {
  color: #5f6f89;
}

.native-command-overlay.messages .messages-signature-search-row .message-filter-button {
  width: 56px;
  min-height: 46px;
  border: 0;
  border-left: 1px solid rgba(108,129,160,.22);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #41536d;
}

.messages-signature-filter-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 36px !important;
  gap: 8px !important;
  width: 100%;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  overflow: visible !important;
  align-items: stretch !important;
  align-content: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.native-command-overlay.messages .messages-signature-filter-row button {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(142,163,193,.28) !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-self: stretch !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #53647e;
  background: rgba(255,255,255,.92);
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  box-shadow: 0 10px 22px rgba(31,54,86,.045), inset 0 1px 0 rgba(255,255,255,.9);
}

.native-command-overlay.messages .messages-signature-filter-row button.active {
  color: #fff;
  background: linear-gradient(145deg, #2d7cff, #1d5af0);
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(40,120,255,.20), inset 0 1px 0 rgba(255,255,255,.20);
}

.native-command-overlay.messages .messages-signature-filter-row button em {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  color: #2d7cff;
  background: #edf4ff;
  font-size: 11px;
  line-height: 18px;
  font-weight: 720;
}

.messages-pinned-support {
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,249,255,.96));
  border: 1px solid rgba(120,166,229,.30);
  box-shadow: 0 10px 24px rgba(31,92,171,.055), inset 0 1px 0 rgba(255,255,255,.98);
}

.messages-pinned-support button {
  width: 100%;
  min-height: 68px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto auto auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  color: #0b1f3d;
  background: transparent;
  border: 0;
}

.messages-support-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #2b7dff, #6655ea);
  box-shadow: 0 12px 24px rgba(40,120,255,.18), inset 0 1px 0 rgba(255,255,255,.18);
}

.messages-support-icon svg {
  width: 22px;
  height: 22px;
}

.messages-pinned-support strong {
  display: block;
  color: #071d3d;
  font-size: 15px;
  line-height: 1.18;
  font-weight: 660;
}

.messages-pinned-support small {
  display: block;
  margin-top: 4px;
  color: #435a77;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
}

.messages-pinned-support i,
.messages-pinned-support u {
  display: grid;
  place-items: center;
  color: #1d66e5;
  text-decoration: none;
}

.messages-pinned-support i svg {
  width: 18px;
  height: 18px;
}

.messages-pinned-support u svg {
  width: 22px;
  height: 22px;
  transform: scaleX(-1);
}

.messages-pinned-support em {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #2b75ff;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.native-command-overlay.messages .messages-recent-section {
  gap: 14px !important;
}

.native-command-overlay.messages .messages-recent-section .native-command-section-title span {
  color: #071d3d;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 660;
}

.native-command-overlay.messages .messages-recent-section .native-command-section-title strong {
  color: #65748c;
  font-size: 14px;
  font-weight: 560;
}

.messages-recent-list {
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(128,151,184,.24);
  box-shadow: 0 16px 36px rgba(31,54,86,.055), inset 0 1px 0 rgba(255,255,255,.94);
}

.messages-conversation-row + .messages-conversation-row {
  border-top: 1px solid rgba(128,151,184,.22);
}

.messages-conversation-row button {
  width: 100%;
  min-height: 78px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  color: #0b1f3d;
  text-align: left;
  background: transparent;
  border: 0;
}

.native-command-overlay.messages .messages-conversation-row .native-conversation-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #2c7dff, #5d7cf1);
  font-size: 16px;
  font-weight: 760;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.native-command-overlay.messages .messages-conversation-row.offer .native-conversation-avatar {
  background: linear-gradient(145deg, #8162ef, #613fe0);
}

.native-command-overlay.messages .messages-conversation-row.support .native-conversation-avatar {
  background: linear-gradient(145deg, #617089, #42516b);
}

.messages-row-copy {
  min-width: 0;
}

.messages-row-copy strong {
  display: block;
  overflow: hidden;
  color: #071d3d;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.messages-row-copy small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 3px;
  color: #435a77;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.messages-row-copy em {
  display: inline-flex;
  margin-top: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  color: #1d66e5;
  background: #e9f2ff;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
}

.messages-conversation-row.offer .messages-row-copy em {
  color: #6343d5;
  background: #f0edff;
}

.messages-row-meta {
  display: grid;
  justify-items: end;
  gap: 9px;
  color: #53647e;
  font-size: 13px;
  line-height: 1;
  font-weight: 550;
}

.messages-row-meta i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #2b75ff;
  box-shadow: 0 0 0 4px rgba(43,117,255,.10);
}

.messages-conversation-row u {
  color: #53647e;
  text-decoration: none;
}

.messages-conversation-row u svg {
  width: 21px;
  height: 21px;
  transform: scaleX(-1);
}

.messages-archive-row {
  width: 100%;
  min-height: 56px;
  margin-top: 4px;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  color: #53647e;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(128,151,184,.22);
  text-align: left;
}

.messages-archive-row span,
.messages-archive-row i {
  display: grid;
  place-items: center;
}

.messages-archive-row svg {
  width: 22px;
  height: 22px;
}

.messages-archive-row strong {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 560;
}

.messages-archive-row i svg {
  transform: scaleX(-1);
}

.native-command-overlay.messages .messages-signature-inbox .native-command-empty {
  min-height: 0;
  border-radius: 18px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.native-command-overlay.messages .messages-signature-inbox .messages-empty-state {
  min-height: 0;
  padding: 8px 18px 20px;
  align-content: start;
  color: #071d3d;
}

.native-command-overlay.messages .messages-empty-state .messages-empty-art {
  width: 76px !important;
  height: 61px !important;
  display: grid;
  place-items: center;
  margin: 0 auto 14px !important;
}

.native-command-overlay.messages .messages-empty-state .messages-empty-art > svg {
  width: 76px !important;
  height: 61px !important;
  max-width: none !important;
  display: block !important;
  margin: 0 !important;
  color: #2c76ff;
}

.native-command-overlay.messages .messages-empty-state strong {
  font-size: 17px;
  line-height: 1.18;
  font-weight: 660;
}

.native-command-overlay.messages .messages-empty-state p {
  max-width: 280px;
  margin-top: 10px;
  color: #63738c;
  font-size: 14px;
  line-height: 1.38;
  font-weight: 480;
}

.messages-empty-state button {
  min-height: 42px;
  min-width: 206px;
  margin-top: 18px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  background: linear-gradient(135deg, #2376ff, #1559eb);
  box-shadow: 0 14px 28px rgba(28, 106, 255, .20), inset 0 1px 0 rgba(255,255,255,.22);
  font-size: 15px;
  font-weight: 660;
}

.messages-empty-state button svg {
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  transform: scaleX(-1);
}

.messages-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 18;
  background:
    radial-gradient(circle at 50% 20%, rgba(40, 120, 255, .18), transparent 36%),
    rgba(3, 14, 34, .44);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.messages-filter-sheet {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(14px + env(safe-area-inset-bottom));
  z-index: 19;
  padding: 10px 12px 12px;
  border-radius: 24px;
  color: #071d3d;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.97)),
    radial-gradient(circle at 84% 0%, rgba(40,120,255,.13), transparent 34%);
  border: 1px solid rgba(141, 173, 219, .42);
  box-shadow: 0 30px 70px rgba(0, 25, 69, .28), inset 0 1px 0 rgba(255,255,255,.95);
}

.messages-filter-sheet-handle {
  width: 44px;
  height: 5px;
  margin: 2px auto 10px;
  border-radius: 999px;
  background: rgba(89, 112, 144, .28);
}

.messages-filter-sheet header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: center;
  padding: 0 2px 12px;
}

.messages-filter-sheet header span {
  grid-column: 1;
  color: #2b75ff;
  font-size: 11px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.messages-filter-sheet header h3 {
  grid-column: 1;
  margin: 0;
  color: #071d3d;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 760;
}

.messages-filter-sheet header button {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 42px;
  height: 42px;
  min-height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #10294f;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(120, 154, 206, .32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}

.messages-filter-sheet header button svg {
  width: 20px;
  height: 20px;
}

.messages-filter-sheet-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.messages-filter-sheet-options button {
  min-height: 54px;
  padding: 0 12px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #3f526e;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(128,151,184,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
  font-size: 15px;
  font-weight: 680;
}

.messages-filter-sheet-options button.active {
  color: #fff;
  background: linear-gradient(145deg, #0c2f68, #1d6aff 68%, #2c8cff);
  border-color: rgba(73, 149, 255, .72);
  box-shadow: 0 16px 32px rgba(29, 106, 255, .20), inset 0 1px 0 rgba(255,255,255,.20);
}

.messages-filter-sheet-options button em {
  min-width: 25px;
  height: 25px;
  padding: 0 7px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #2b75ff;
  background: #edf4ff;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

.messages-filter-sheet-options button.active em {
  color: #07306a;
  background: rgba(255,255,255,.92);
}

.messages-filter-sheet footer {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 10px;
  margin-top: 12px;
}

.messages-filter-sheet footer button {
  min-height: 48px;
  border-radius: 15px;
  color: #10294f;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(128,151,184,.30);
  font-size: 15px;
  font-weight: 720;
}

.messages-filter-sheet footer button.primary {
  color: #fff;
  background: linear-gradient(145deg, #2b83ff, #0f62f5);
  border-color: transparent;
  box-shadow: 0 14px 28px rgba(28, 106, 255, .20), inset 0 1px 0 rgba(255,255,255,.20);
}

.native-command-overlay.messages .message-overlay-nav {
  min-height: calc(64px + env(safe-area-inset-bottom));
  padding: 7px 8px calc(8px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(134, 177, 240, .18);
  background:
    linear-gradient(180deg, rgba(10,43,96,.82) 0%, rgba(3,22,56,.98) 28%, #00112c 100%);
  box-shadow: none;
}

.native-command-overlay.messages .message-overlay-nav button {
  min-height: 48px;
  color: rgba(217,232,255,.76);
  font-size: 11px;
  font-weight: 650;
}

.native-command-overlay.messages .message-overlay-nav button svg {
  width: 22px;
  height: 22px;
}

.native-command-overlay.messages .message-overlay-nav button.active {
  color: #fff;
}

.native-command-overlay.messages .message-overlay-nav button::before {
  top: 3px;
  width: min(56px, calc(100% - 10px));
  height: calc(100% - 6px);
  border-radius: 14px;
  background: linear-gradient(145deg, #1f87ff 0%, #0d5fff 62%, #3152f0 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 20px rgba(20, 99, 255, .24);
}

@media (max-width: 390px) {
  .messages-signature-inbox {
    padding-inline: 8px;
  }

  .native-command-overlay.messages .messages-signature-header {
    width: calc(100% + 16px);
    margin: 0 -8px 0;
    padding-inline: 26px;
  }

  .native-command-overlay.messages .messages-signature-header h2 {
    font-size: 23px;
  }

  .messages-signature-brand {
    gap: 7px;
  }

  .messages-signature-brand img {
    width: 100%;
    height: auto;
  }

  .messages-signature-brand span {
    font-size: 15px;
  }

  .messages-status-badge {
    min-height: 32px;
    padding-inline: 11px;
    font-size: 12px;
  }

  .native-command-overlay.messages .messages-signature-filter-row button {
    padding-inline: 8px !important;
    font-size: 12px !important;
  }
}

/* Message support polish: keep the white shell, but make cards readable. */
.native-command-overlay.messages .message-priority-card.support,
.native-command-overlay.messages .native-conversation-card.support {
  color: var(--message-ink);
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,247,255,.96)),
    radial-gradient(circle at 0% 0%, rgba(53,216,166,.16), transparent 34%);
  border: 1px solid rgba(40,120,255,.26);
  box-shadow: 0 18px 38px rgba(31,54,86,.12), inset 0 1px 0 rgba(255,255,255,.95);
}

.native-command-overlay.messages .message-priority-card.support::before,
.native-command-overlay.messages .native-conversation-card.support::before {
  background: linear-gradient(180deg, #35d8a6, #2878ff);
  box-shadow: 0 0 18px rgba(53,216,166,.18);
}

.native-command-overlay.messages .message-priority-card.support .native-card-top span,
.native-command-overlay.messages .native-conversation-card.support strong {
  color: #082247;
  font-weight: 820;
}

.native-command-overlay.messages .message-priority-card.support .message-card-main small,
.native-command-overlay.messages .native-conversation-card.support small {
  color: #47607c;
  font-weight: 760;
}

.native-command-overlay.messages .message-priority-card.support p,
.native-command-overlay.messages .native-conversation-card.support em {
  color: #314963;
  font-weight: 570;
}

.native-command-overlay.messages .message-priority-card.support .native-card-top em,
.native-command-overlay.messages .native-conversation-card.support b {
  color: #0d5f62;
  background: #e9fbf6;
  border-color: rgba(53,216,166,.28);
}

.native-command-overlay.messages .message-thread-content {
  gap: 14px;
  min-height: calc(100dvh - 126px);
  color: var(--message-ink);
}

.native-command-overlay.messages .message-thread-content .message-command-close-inline {
  color: #102746;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(108,129,160,.24);
  box-shadow: 0 14px 30px rgba(31,54,86,.10), inset 0 1px 0 rgba(255,255,255,.92);
}

.native-command-overlay.messages .message-thread-content .native-overlay-back {
  width: max-content;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 13px;
  color: #18304f;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(108,129,160,.22);
  box-shadow: 0 12px 26px rgba(31,54,86,.08), inset 0 1px 0 rgba(255,255,255,.92);
}

.native-command-overlay.messages .message-context-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 22px 18px 18px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(145deg, #14284f 0%, #31245d 100%);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 24px 52px rgba(25,41,82,.24), inset 0 1px 0 rgba(255,255,255,.13);
}

.native-command-overlay.messages .message-context-card.support {
  background:
    radial-gradient(circle at 88% 12%, rgba(53,216,166,.24), transparent 30%),
    linear-gradient(145deg, #10264f 0%, #4d2e86 100%);
}

.native-command-overlay.messages .message-context-head span,
.native-command-overlay.messages .message-context-card h2,
.native-command-overlay.messages .message-context-card p {
  color: #fff;
}

.native-command-overlay.messages .message-context-head span {
  display: inline-block;
  margin-bottom: 6px;
  color: rgba(232,240,255,.76);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .09em;
}

.native-command-overlay.messages .message-context-card h2 {
  margin: 0;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 760;
}

.native-command-overlay.messages .message-context-card p {
  margin: 7px 0 0;
  color: rgba(232,240,255,.78);
  font-size: 14px;
  line-height: 1.32;
  font-weight: 560;
}

.native-command-overlay.messages .message-context-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.native-command-overlay.messages .message-context-facts span {
  min-width: 0;
  padding: 12px;
  border-radius: 13px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.native-command-overlay.messages .message-context-facts span:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.native-command-overlay.messages .message-context-facts small {
  display: block;
  color: rgba(232,240,255,.66);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .06em;
}

.native-command-overlay.messages .message-context-facts strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1.18;
  font-weight: 820;
}

.native-command-overlay.messages .message-context-card > button {
  margin-top: 18px;
  min-height: 46px;
  border-radius: 13px;
  color: #081b38;
  background: #fff;
  box-shadow: 0 16px 32px rgba(3,13,34,.18);
}

.native-command-overlay.messages .native-chat-stream {
  gap: 10px;
}

.native-command-overlay.messages .native-chat-bubble {
  color: #102746;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(108,129,160,.20);
  box-shadow: 0 14px 30px rgba(31,54,86,.08);
}

.native-command-overlay.messages .native-chat-bubble.me {
  color: #fff;
  background: linear-gradient(135deg, #0b326e, #2878ff);
  border-color: transparent;
}

.native-command-overlay.messages .native-chat-bubble p {
  color: inherit;
}

.native-command-overlay.messages .native-chat-bubble small {
  color: rgba(71,96,124,.82);
}

.native-command-overlay.messages .native-chat-bubble.me small {
  color: rgba(238,245,255,.76);
}

.native-command-overlay.messages .message-thread-actions {
  gap: 8px;
}

.native-command-overlay.messages .message-thread-actions button {
  min-height: 42px;
  border-radius: 13px;
  color: #24415f;
  background: #fff;
  border: 1px solid rgba(108,129,160,.22);
  box-shadow: 0 12px 26px rgba(31,54,86,.08);
}

.native-command-overlay.messages .message-thread-composer {
  min-height: 58px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(108,129,160,.20);
  box-shadow: 0 18px 38px rgba(31,54,86,.10);
}

.native-command-overlay.messages .message-thread-composer button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  border-radius: 13px;
  color: #58708c;
  background: #f4f8fd;
  border: 1px solid rgba(108,129,160,.18);
}

.native-command-overlay.messages .message-thread-composer .primary {
  color: #fff;
  background: linear-gradient(135deg, #0b326e, #2878ff);
  border-color: transparent;
}

.native-command-overlay.messages .message-thread-composer .primary:disabled {
  color: #7d8da3;
  background: #e6edf6;
  opacity: 1;
}

.native-command-overlay.messages .message-thread-composer input {
  color: var(--message-ink);
  background: transparent;
  border: 0;
  font-weight: 560;
}

.native-command-overlay.messages .message-thread-composer input::placeholder {
  color: #718198;
}

@media (max-width: 390px) {
  .native-command-overlay.messages .native-command-scroll {
    padding-inline: 18px;
  }

  .native-command-overlay.messages .native-command-header h2 {
    font-size: 31px;
  }

  .native-command-overlay.messages .native-command-header p {
    font-size: 14px;
  }

  .native-command-overlay.messages .message-command-title-row {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
  }

  .native-command-overlay.messages .message-command-title-icon {
    width: 50px;
    height: 50px;
  }

  .native-command-overlay.messages .message-summary-card {
    gap: 6px;
    padding-inline: 5px;
  }

  .native-command-overlay.messages .message-summary-card small {
    font-size: 12px;
  }

  .native-command-overlay.messages .native-command-filter-row button {
    gap: 3px;
    font-size: 11px;
    padding-inline: 2px;
  }

  .native-command-overlay.messages .native-command-filter-row button em {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9px;
  }

  .native-command-overlay.messages .message-overlay-nav {
    padding-inline: 10px;
  }
}

/* Candidate phone layout sweep: keep page shells on the same 8px gutter in iOS preview and APK. */
:root {
  --agencyhub-page-gutter: 8px;
}

.app-shell > .main,
html.native-android .app-shell > .main {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.app-shell > .main > .content,
.app-shell > .main > .content.profile-page-content,
.app-shell > .main > .content.settings-page,
.app-shell > .main > .content.worker-premium-page,
.app-shell > .main > .content.worker-jobs-page,
.app-shell > .main > .content.worker-finance-page,
.app-shell > .main > .content.earnings-content,
.app-shell > .main > .content.availability-page,
.app-shell > .main > .content.training-page,
.app-shell > .main > .content.profile-manager-page,
.app-shell > .main > .content.shift-documents-page,
.app-shell > .main > .content.messages-centre-page,
.app-shell > .main > .content.notification-centre-page,
html.native-android .app-shell > .main > .content,
html.native-android .app-shell > .main > .content.profile-page-content,
html.native-android .app-shell > .main > .content.settings-page,
html.native-android .app-shell > .main > .content.worker-premium-page,
html.native-android .app-shell > .main > .content.worker-jobs-page,
html.native-android .app-shell > .main > .content.worker-finance-page,
html.native-android .app-shell > .main > .content.earnings-content,
html.native-android .app-shell > .main > .content.availability-page,
html.native-android .app-shell > .main > .content.training-page,
html.native-android .app-shell > .main > .content.profile-manager-page,
html.native-android .app-shell > .main > .content.shift-documents-page,
html.native-android .app-shell > .main > .content.messages-centre-page,
html.native-android .app-shell > .main > .content.notification-centre-page {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.app-shell .app-header,
html.native-android .app-shell .app-header {
  width: 100% !important;
  max-width: 430px !important;
  margin-inline: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  box-sizing: border-box !important;
}

.app-shell .app-header-row,
html.native-android .app-shell .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

.app-shell > .main > .content > *,
.app-shell > .main > .content.profile-page-content > *,
.app-shell > .main > .content.settings-page > *,
.app-shell > .main > .content.worker-premium-page > *,
.app-shell > .main > .content.worker-finance-page > *,
html.native-android .app-shell > .main > .content > *,
html.native-android .app-shell > .main > .content.profile-page-content > *,
html.native-android .app-shell > .main > .content.settings-page > *,
html.native-android .app-shell > .main > .content.worker-premium-page > *,
html.native-android .app-shell > .main > .content.worker-finance-page > * {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.app-shell .app-header,
.app-shell > .main > .content,
html.native-android .app-shell .app-header,
html.native-android .app-shell > .main > .content {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Large phone compact defaults: component sizing without changing browser/app zoom. */
:root {
  --av-density-scale: 1;
  --av-density-expanded-width: min(100vw, 430px);
}

html.av-density-compact-phone {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.av-density-compact-phone body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
}

html.av-density-compact-phone #app,
html.av-density-compact-phone .app-shell {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html.av-density-compact-phone .app-shell > .main,
html.av-density-compact-phone .app-shell .app-header,
html.av-density-compact-phone .app-shell > .main > .content {
  width: 100% !important;
  max-width: 430px !important;
}

html.av-density-compact-phone .nav,
html.av-density-compact-phone .sidebar-card,
html.av-density-compact-phone .job-flow-actions,
html.av-density-compact-phone .offer-detail-actions,
html.av-density-compact-phone .bottom-action-card {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html.av-density-compact-phone .app-shell:has(.worker-booking-command),
html.av-density-compact-phone .app-shell:has(.worker-finance-page),
html.av-density-compact-phone .app-shell:has(.candidate-payments-page),
html.av-density-compact-phone .app-shell:has(.career-passport-page),
html.av-density-compact-phone .app-shell:has(.worker-booking-journey.booking-stage-mileage),
html.av-density-compact-phone .app-shell:has(.worker-booking-journey.booking-stage-agency-mileage-review),
html.av-density-compact-phone .app-shell:has(.mileage-page),
html.av-density-compact-phone .app-shell:has(.worker-booking-command) .nav,
html.av-density-compact-phone .app-shell:has(.worker-finance-page) .nav,
html.av-density-compact-phone .app-shell:has(.candidate-payments-page) .nav,
html.av-density-compact-phone .app-shell:has(.career-passport-page) .nav,
html.av-density-compact-phone .app-shell:has(.worker-booking-journey.booking-stage-mileage) .nav,
html.av-density-compact-phone .app-shell:has(.worker-booking-journey.booking-stage-agency-mileage-review) .nav,
html.av-density-compact-phone .app-shell:has(.mileage-page) .nav {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
}

html.av-density-compact-phone .nav-button span {
  font-size: 12px !important;
  line-height: 1.08 !important;
}

html.av-density-compact-phone .nav-button svg {
  width: 19px !important;
  height: 19px !important;
}

/* Tax Centre Smart Save switch: make On/Off state explicit in live-empty and full cards. */
.tax-smart-toggle {
  --tax-smart-toggle-width: 88px;
  --tax-smart-toggle-height: 44px;
  --tax-smart-toggle-padding: 6px;
  --tax-smart-toggle-handle: 32px;
  --tax-smart-toggle-travel: calc(var(--tax-smart-toggle-width) - var(--tax-smart-toggle-handle) - (var(--tax-smart-toggle-padding) * 2));
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
  width: var(--tax-smart-toggle-width) !important;
  min-width: var(--tax-smart-toggle-width) !important;
  height: var(--tax-smart-toggle-height) !important;
  min-height: var(--tax-smart-toggle-height) !important;
  padding: var(--tax-smart-toggle-padding) !important;
  overflow: hidden !important;
  color: #52657b !important;
  background: #eef3f8 !important;
  border-color: rgba(126, 145, 169, 0.28) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.tax-smart-toggle i {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  left: var(--tax-smart-toggle-padding) !important;
  width: var(--tax-smart-toggle-handle) !important;
  height: var(--tax-smart-toggle-handle) !important;
  transform: translate3d(0, -50%, 0) !important;
  background: #ffffff !important;
  box-shadow: 0 5px 12px rgba(8, 25, 54, 0.13) !important;
  pointer-events: none !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.tax-smart-toggle strong {
  position: absolute !important;
  z-index: 1 !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  min-width: 24px !important;
  transform: translateY(-50%) !important;
  text-align: center !important;
  pointer-events: none !important;
  transition: color .18s ease !important;
}

.tax-smart-toggle.on {
  justify-content: flex-start !important;
  color: #08765d !important;
  background: #dff8ec !important;
  border-color: rgba(16, 185, 129, 0.32) !important;
}

.tax-smart-toggle.on i {
  transform: translate3d(var(--tax-smart-toggle-travel), -50%, 0) !important;
  background: #19b979 !important;
  box-shadow: 0 6px 14px rgba(25, 185, 121, 0.22) !important;
}

.tax-smart-toggle.on strong {
  right: auto !important;
  left: 14px !important;
}

.tax-smart-toggle:focus-visible {
  outline: 2px solid rgba(0, 102, 255, 0.62) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  .tax-smart-toggle,
  .tax-smart-toggle i,
  .tax-smart-toggle strong {
    transition: none !important;
  }

  .worker-finance-page:has(.tax-command-page-header) .tax-smart-toggle:active {
    transform: none !important;
  }
}

/* Candidate bottom taskbar luxury polish: shared across phone preview and APK shells. */
.nav {
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.96)) !important;
  border-top: 1px solid rgba(132, 154, 184, 0.2) !important;
  box-shadow:
    0 -16px 36px rgba(8, 25, 54, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(22px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.22) !important;
}

.nav-button {
  min-height: 48px !important;
  border-radius: 15px !important;
  gap: 2px !important;
  padding: 5px 3px 4px !important;
  color: #64758d !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.nav-button::before {
  top: 3px !important;
  width: min(72px, calc(100% - 4px)) !important;
  height: calc(100% - 6px) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(245, 251, 255, 0.98), rgba(228, 242, 255, 0.96)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(45, 133, 231, 0.22),
    0 10px 24px rgba(30, 102, 214, 0.11) !important;
}

.nav-button svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.25 !important;
}

.nav-button span {
  color: inherit !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
}

.nav-button.active {
  color: #0a3974 !important;
}

.nav-button.active svg {
  color: #166bf2 !important;
  filter: drop-shadow(0 5px 9px rgba(22, 107, 242, 0.18)) !important;
}

.nav-button.active span {
  color: #0a3974 !important;
}

.nav-button.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #2378ff;
  box-shadow: 0 0 0 3px rgba(35, 120, 255, 0.12);
}

html.av-density-compact-phone .nav {
  gap: 6px !important;
  padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) !important;
}

html.av-density-compact-phone .nav-button {
  min-height: 50px !important;
  border-radius: 15px !important;
  font-size: 12.5px !important;
  padding: 5px 4px 4px !important;
}

html.av-density-compact-phone .nav-button::before {
  width: min(78px, calc(100% - 2px)) !important;
}

html.av-density-compact-phone .nav-button span {
  font-size: 12.5px !important;
  line-height: 1.04 !important;
}

html.av-density-compact-phone .nav-button svg {
  width: 20px !important;
  height: 20px !important;
}

html.av-density-compact-phone .app-shell:has(.worker-finance-page) > .main,
html.av-density-compact-phone .app-shell:has(.candidate-payments-page) > .main {
  width: 100% !important;
  max-width: 430px !important;
}

html.av-density-compact-phone .app-shell:has(.worker-finance-page) > .main > .content.worker-finance-page,
html.av-density-compact-phone .app-shell:has(.candidate-payments-page) > .main > .content.earnings-content.worker-finance-page.worker-fintech-page,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
html.av-density-compact-phone .content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
}

html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) > *,
html.av-density-compact-phone .content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) > *,
html.av-density-compact-phone .content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .candidate-payments-page,
html.av-density-compact-phone .content.earnings-content.worker-finance-page.worker-fintech-page:has(.candidate-payments-page) .candidate-payments-page > * {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 380px), (max-height: 740px) {
  html.av-density-compact-phone {
    --av-density-scale: 1;
  }

  html.av-density-compact-phone #app,
  html.av-density-compact-phone .app-shell,
  html.av-density-compact-phone .app-shell > .main,
  html.av-density-compact-phone .app-shell .app-header,
  html.av-density-compact-phone .app-shell > .main > .content,
  html.av-density-compact-phone .nav,
  html.av-density-compact-phone .sidebar-card,
  html.av-density-compact-phone .job-flow-actions,
  html.av-density-compact-phone .offer-detail-actions,
  html.av-density-compact-phone .bottom-action-card {
    width: min(100vw, 430px) !important;
    max-width: 430px !important;
  }
}

/* Candidate Bookings monthly calendar: structured phone layout. */
.premium-bookings-experience .premium-worker-calendar,
html.native-android .premium-bookings-experience .premium-worker-calendar {
  width: 100% !important;
  padding: 16px !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.premium-bookings-experience .premium-worker-calendar .monthly-calendar-header,
html.native-android .premium-bookings-experience .premium-worker-calendar .monthly-calendar-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 0 0 16px !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-meta,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-meta > span,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-meta > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #5b7192 !important;
  background: linear-gradient(180deg, #f4f8ff, #e9f1ff) !important;
  border: 1px solid rgba(205, 219, 239, 0.9) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-status,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-status {
  flex: 0 1 auto !important;
  color: #405777 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: none !important;
  white-space: normal !important;
  text-align: center !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-controls,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-controls {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  gap: 12px !important;
  align-items: center !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-nav,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-nav {
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(183, 202, 230, 0.86) !important;
  border-radius: 14px !important;
  color: #185fe5 !important;
  background: linear-gradient(180deg, #ffffff, #eef5ff) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 10px 22px rgba(13, 58, 128, 0.1) !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-nav svg,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-nav svg {
  width: 18px !important;
  height: 18px !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-nav.next svg,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-nav.next svg {
  transform: rotate(180deg) !important;
}

.premium-bookings-experience .premium-worker-calendar .monthly-calendar-header h3,
html.native-android .premium-bookings-experience .premium-worker-calendar .monthly-calendar-header h3 {
  margin: 0 !important;
  color: #071f4f !important;
  font-size: 30px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-weight: 820 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.premium-bookings-experience .premium-worker-calendar .monthly-calendar-header > span,
html.native-android .premium-bookings-experience .premium-worker-calendar .monthly-calendar-header > span {
  display: none !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-weekdays,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-weekdays {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 0 4px !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-weekdays span,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-weekdays span {
  min-height: 26px !important;
  display: grid !important;
  place-items: center !important;
  color: #617493 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-grid,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-grid button,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-grid button {
  min-width: 0 !important;
  min-height: 38px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-next,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-next {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  align-items: start !important;
  margin-top: 14px !important;
  padding: 13px 14px !important;
  border-radius: 14px !important;
  text-align: left !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-next small,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-next small {
  display: block !important;
  margin-bottom: 4px !important;
  color: #687c99 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-next strong,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-next strong {
  color: #071f4f !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 820 !important;
}

.premium-bookings-experience .premium-worker-calendar .calendar-month-next p,
html.native-android .premium-bookings-experience .premium-worker-calendar .calendar-month-next p {
  margin: 4px 0 0 !important;
  color: #667894 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Tax Centre density alignment: stop the intro copy being squeezed into a left column. */
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  margin: 18px 0 12px !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header.live-empty,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header.live-empty {
  grid-template-columns: 1fr !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header > div,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header > div {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header span,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header span {
  display: block !important;
  color: #075cff !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.14em !important;
  font-weight: 900 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  color: #071f44 !important;
  font-size: 28px !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p,
html.av-density-compact-phone .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p {
  width: 100% !important;
  max-width: 42rem !important;
  margin: 8px 0 0 !important;
  color: #526987 !important;
  font-size: 14.5px !important;
  line-height: 1.34 !important;
  font-weight: 720 !important;
}
/* Notification Centre approved compact inbox treatment */
.app-shell > .main > .content.notification-centre-luxury {
  --notification-ink: #112543;
  --notification-muted: #61718a;
  --notification-line: rgba(142, 166, 201, 0.32);
  --notification-blue: #1259ef;
  --notification-navy: #041632;
  gap: 0 !important;
  padding: 0 max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) calc(94px + env(safe-area-inset-bottom, 0px)) max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  background: linear-gradient(180deg, #eef6ff 0%, #f8fbff 46%, #edf5fb 100%);
}

.notification-centre-luxury + .native-command-overlay.notifications {
  display: none;
}

.notification-luxury-hero {
  position: relative;
  min-height: 180px;
  margin: 0 calc(var(--agencyhub-page-gutter) * -1);
  padding: 40px 22px 60px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 88% 16%, rgba(35, 112, 255, 0.46), transparent 34%),
    radial-gradient(circle at 2% 0%, rgba(255, 255, 255, 0.11), transparent 30%),
    linear-gradient(145deg, #041632 0%, #08275a 58%, #1259ef 130%);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}

.notification-luxury-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.08), transparent 38%),
    radial-gradient(circle at 70% 86%, rgba(18, 89, 239, 0.26), transparent 34%);
}

.notification-luxury-hero > * {
  position: relative;
  z-index: 1;
}

.notification-luxury-topline,
.notification-luxury-heading,
.notification-briefing-topline,
.notification-inbox-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.notification-luxury-brand,
.notification-luxury-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.notification-luxury-brand img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(18, 89, 239, 0.28));
}

.notification-luxury-brand span {
  color: #fff;
  font-size: 15px;
  font-weight: 720;
  letter-spacing: 0.22em;
  white-space: nowrap;
}

.notification-luxury-actions {
  flex: 0 0 auto;
  gap: 8px;
}

.notification-luxury-topline button {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #f8fbff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.notification-luxury-topline button svg {
  width: 20px;
  height: 20px;
}

.notification-luxury-topline .notification-luxury-profile-button {
  border-color: transparent;
  background: transparent;
}

.notification-luxury-avatar {
  overflow: hidden;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #0c2a63;
  background: #fff;
  font-size: 13px;
  font-weight: 850;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.notification-luxury-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notification-luxury-avatar svg {
  width: 20px;
  height: 20px;
}

.notification-luxury-hero h1 {
  margin: 24px 0 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.12;
  font-weight: 650;
  letter-spacing: 0;
}

.notification-luxury-hero p {
  margin: 6px 0 0;
  color: rgba(219, 232, 255, 0.78);
  font-size: 13.5px;
  font-weight: 560;
  line-height: 1.34;
}

.notification-luxury-surface {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  margin-top: -44px;
  padding: 0 0 18px;
}

.notification-daily-briefing,
.notification-inbox-card,
.notification-latest-panel {
  border: 1px solid var(--notification-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 28px rgba(13, 32, 65, 0.075);
}

.notification-daily-briefing {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.notification-briefing-topline {
  align-items: center;
}

.notification-briefing-topline > i,
.notification-inbox-icon,
.notification-latest-main > i {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--notification-blue);
  background: linear-gradient(180deg, #eff6ff, #e7f0ff);
  box-shadow: inset 0 0 0 1px rgba(18, 89, 239, 0.07);
}

.notification-briefing-topline > i svg,
.notification-inbox-icon svg,
.notification-latest-main > i svg {
  width: 21px;
  height: 21px;
}

.notification-briefing-topline h2 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: var(--notification-ink);
  font-size: 16px;
  line-height: 1.18;
  font-weight: 680;
}

.notification-briefing-topline button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 2px 0 8px;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--notification-blue);
  background: transparent;
  font-size: 13px;
  font-weight: 760;
  white-space: nowrap;
}

.notification-briefing-topline button svg,
.notification-card-action svg,
.notification-latest-main > svg,
.notification-latest-link svg {
  width: 17px;
  height: 17px;
  transform: rotate(180deg);
}

.notification-briefing-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(144, 166, 197, 0.28);
  padding-top: 10px;
}

.notification-briefing-stats span {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 0;
}

.notification-briefing-stats span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background: rgba(144, 166, 197, 0.38);
}

.notification-briefing-stats strong,
.notification-briefing-stats small {
  display: block;
  min-width: 0;
}

.notification-briefing-stats strong {
  color: #061737;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.notification-briefing-stats small {
  color: #65738a;
  font-size: 11.5px;
  line-height: 1.15;
  font-weight: 680;
}

.notification-luxury-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid rgba(149, 169, 198, 0.34);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.76);
  scrollbar-width: none;
}

.notification-luxury-tabs::-webkit-scrollbar {
  display: none;
}

.notification-luxury-tabs button {
  min-width: 0;
  min-height: 42px;
  padding: 0 7px;
  border: 0;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #5f6f86;
  background: transparent;
  font-size: 13px;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
}

.notification-luxury-tabs button em {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  color: #324259;
  background: #eef2f8;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.notification-luxury-tabs button.active {
  color: #f7fbff;
  background: linear-gradient(145deg, #051936, #102d5e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.notification-luxury-tabs button.active em {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.notification-luxury-section {
  margin-top: 2px;
}

.notification-luxury-heading h2 {
  margin: 0;
  color: var(--notification-ink);
  font-size: 17px;
  line-height: 1.18;
  font-weight: 680;
  letter-spacing: 0;
}

.notification-luxury-heading span {
  flex: 0 0 auto;
  color: var(--notification-blue);
  font-size: 12.5px;
  font-weight: 760;
  white-space: nowrap;
}

.notification-attention-list,
.notification-update-list {
  display: grid;
  gap: 9px;
  margin-top: 9px;
}

.notification-inbox-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 13px;
}

.notification-inbox-card.critical .notification-inbox-icon,
.notification-inbox-card.urgent .notification-inbox-icon {
  color: #b96a08;
  background: linear-gradient(180deg, #fff7e8, #ffeed1);
}

.notification-inbox-icon.payments {
  color: #0f7a61;
  background: linear-gradient(180deg, #eaf9f3, #ddf4ea);
}

.notification-inbox-copy {
  min-width: 0;
}

.notification-inbox-meta {
  align-items: center;
  margin-bottom: 6px;
}

.notification-inbox-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.notification-inbox-meta u {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #2d70f2;
  box-shadow: 0 0 0 3px rgba(45, 112, 242, 0.11);
  text-decoration: none;
}

.notification-inbox-meta b {
  display: block;
  min-width: 0;
  color: #c2770b;
  font-size: 11.5px;
  line-height: 1.1;
  font-weight: 730;
}

.notification-inbox-meta b.priority-critical,
.notification-inbox-meta b.priority-urgent {
  color: #b15f05;
  background: transparent;
}

.notification-inbox-meta b.priority-standard,
.notification-inbox-meta b.priority-informational {
  color: #62738d;
  background: transparent;
}

.notification-inbox-meta time {
  flex: 0 0 auto;
  color: #6c7a90;
  font-size: 11.5px;
  line-height: 1.1;
  font-weight: 560;
  white-space: nowrap;
}

.notification-inbox-card h3,
.notification-inbox-card p {
  margin: 0;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.notification-inbox-card h3 {
  color: #071a35;
  font-size: 15.5px;
  line-height: 1.2;
  font-weight: 680;
}

.notification-inbox-card p {
  margin-top: 6px;
  color: var(--notification-muted);
  font-size: 13.2px;
  font-weight: 520;
  line-height: 1.3;
}

.notification-card-action {
  width: max-content;
  max-width: 100%;
  min-height: 36px;
  margin-top: 7px;
  padding: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--notification-blue);
  background: transparent;
  font-size: 13px;
  font-weight: 760;
  text-align: left;
}

.notification-latest-panel {
  position: relative;
  overflow: hidden;
}

.notification-latest-main,
.notification-latest-link {
  width: 100%;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

.notification-latest-main {
  min-height: 72px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: center;
}

.notification-latest-main span,
.notification-latest-main strong,
.notification-latest-main small {
  display: block;
  min-width: 0;
}

.notification-latest-main strong {
  color: var(--notification-ink);
  font-size: 14.5px;
  line-height: 1.18;
  font-weight: 680;
}

.notification-latest-main small {
  margin-top: 4px;
  color: var(--notification-muted);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 520;
}

.notification-latest-main > svg,
.notification-latest-link svg {
  color: #385779;
}

.notification-latest-link {
  min-height: 42px;
  padding: 0 16px;
  border-top: 1px solid rgba(144, 166, 197, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--notification-blue);
  font-size: 13px;
  font-weight: 760;
}

.notification-latest-panel > em {
  display: none;
}

.notification-empty-state {
  border-radius: 18px;
  border-style: solid;
  background: rgba(255, 255, 255, 0.82);
}

.notification-empty-state h3 {
  font-size: 15px;
  font-weight: 680;
}

.notification-empty-state p {
  font-size: 13px;
  font-weight: 520;
}

@media (max-width: 370px) {
  .notification-luxury-hero {
    padding-inline: 18px;
  }

  .notification-luxury-brand span {
    font-size: 13px;
    letter-spacing: 0.18em;
  }

  .notification-luxury-actions {
    gap: 6px;
  }

  .notification-luxury-topline button,
  .notification-luxury-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .notification-briefing-topline {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .notification-briefing-topline button {
    grid-column: 2;
    justify-self: start;
    min-height: 32px;
    padding-left: 0;
  }

  .notification-luxury-tabs {
    grid-template-columns: repeat(4, minmax(74px, 1fr));
  }

  .notification-luxury-tabs button {
    font-size: 12px;
    padding-inline: 6px;
  }
}

/* Candidate profile and jobs readability lock: final phone rail and normal-size tabs. */
.app-shell > .main > .content.profile-page-content:has(.career-passport-page),
html.native-android body .main > .content.profile-page-content:has(.career-passport-page),
html.av-density-compact-phone .app-shell > .main > .content.profile-page-content:has(.career-passport-page) {
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  margin-left: -14px !important;
  margin-right: -14px !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  box-sizing: border-box !important;
}

.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

.profile-page-content:has(.career-passport-page) .profile-tab-content,
.profile-page-content:has(.career-passport-page) .career-passport-page,
.profile-page-content:has(.career-passport-page) .professional-passport-hero,
.profile-page-content:has(.career-passport-page) .professional-passport-panel,
html.av-density-compact-phone .profile-page-content:has(.career-passport-page) .profile-tab-content,
html.av-density-compact-phone .profile-page-content:has(.career-passport-page) .career-passport-page,
html.av-density-compact-phone .profile-page-content:has(.career-passport-page) .professional-passport-hero,
html.av-density-compact-phone .profile-page-content:has(.career-passport-page) .professional-passport-panel {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.app-shell:has(.profile-page-content) > .main > .app-header,
html.av-density-compact-phone .app-shell:has(.profile-page-content) > .main > .app-header,
html.native-android .app-shell:has(.profile-page-content) > .main > .app-header {
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  margin-left: -14px !important;
  margin-right: -14px !important;
  box-sizing: border-box !important;
}

.app-shell:has(.profile-page-content) > .main > .app-header .app-header-row,
html.av-density-compact-phone .app-shell:has(.profile-page-content) > .main > .app-header .app-header-row,
html.native-android .app-shell:has(.profile-page-content) > .main > .app-header .app-header-row {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Candidate Profile header alignment: tab content cannot move the shared top controls. */
.app-shell:has(.profile-page-content) > .main,
.app-shell:has(.career-passport-page) > .main,
html.av-density-compact-phone .app-shell:has(.profile-page-content) > .main,
html.av-density-compact-phone .app-shell:has(.career-passport-page) > .main,
html.native-android .app-shell:has(.profile-page-content) > .main,
html.native-android .app-shell:has(.career-passport-page) > .main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.content.worker-jobs-page.worker-premium-page .worker-job-tabs button,
html.av-density-compact-phone .content.worker-jobs-page.worker-premium-page .worker-job-tabs button,
html.native-android .content.worker-jobs-page.worker-premium-page .worker-job-tabs button {
  min-height: 46px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-tabs {
  gap: 8px !important;
  padding-bottom: 2px !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-tabs button,
html.av-density-compact-phone .content.worker-jobs-page.worker-premium-page .job-marketplace-tabs button,
html.native-android .content.worker-jobs-page.worker-premium-page .job-marketplace-tabs button {
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-tabs button em {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(226, 236, 248, 0.9) !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-toolbar > button,
html.av-density-compact-phone .content.worker-jobs-page.worker-premium-page .job-marketplace-toolbar > button,
html.native-android .content.worker-jobs-page.worker-premium-page .job-marketplace-toolbar > button {
  font-size: 13px !important;
  line-height: 1.12 !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-toolbar label span {
  font-size: 10px !important;
  line-height: 1 !important;
}

.content.worker-jobs-page.worker-premium-page .job-marketplace-toolbar select {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

/* Candidate marketplace functionality polish: keep search visible inside the jobs section. */
.content.worker-jobs-page.worker-premium-page .marketplace-search-console,
html.av-density-compact-phone .content.worker-jobs-page.worker-premium-page .marketplace-search-console,
html.native-android .content.worker-jobs-page.worker-premium-page .marketplace-search-console {
  min-width: 0 !important;
  width: 100% !important;
  padding: 12px !important;
  display: grid !important;
  gap: 10px !important;
  border: 1px solid rgba(58, 96, 145, 0.14) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 255, 0.95)),
    #fff !important;
  box-shadow: 0 14px 30px rgba(9, 35, 67, 0.08) !important;
  box-sizing: border-box !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-box {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 0 12px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(37, 91, 166, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #1d5fae !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-box svg {
  width: 20px !important;
  height: 20px !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-box input {
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #092142 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-box input::placeholder {
  color: #6e7f96 !important;
  opacity: 0.86 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-box button {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(37, 91, 166, 0.14) !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  color: #1d5fae !important;
  background: #eef6ff !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-status {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-status span {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 8px !important;
  display: grid !important;
  align-content: center !important;
  border: 1px solid rgba(54, 88, 132, 0.12) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f8fbff, #eef5ff) !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-status strong,
.content.worker-jobs-page.worker-premium-page .marketplace-search-status small {
  display: block !important;
  min-width: 0 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-status strong {
  color: #092142 !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-search-status small {
  margin-top: 3px !important;
  color: #60738d !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  font-weight: 820 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-gated-empty-state {
  border-style: solid !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.94)),
    #fff !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-gated-empty-state > div {
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-gated-empty-state > div button {
  min-width: 0 !important;
  min-height: 44px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-gated-empty-state > div button:first-child {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #071f43, #1d63c7) !important;
  box-shadow: 0 12px 24px rgba(12, 57, 124, 0.18) !important;
}

.content.worker-jobs-page.worker-premium-page .marketplace-gated-empty-state > div button:last-child {
  border: 1px solid rgba(37, 91, 166, 0.16) !important;
  color: #17406d !important;
  background: #fff !important;
}

/* Tax Tools V18: keep finance navigation calm, readable and consistent across both tab bars. */
.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .worker-earnings-tabs button,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .worker-earnings-tabs button,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button {
  gap: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .worker-earnings-tabs svg,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .worker-earnings-tabs svg,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .worker-earnings-tabs span,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .worker-earnings-tabs span,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs span,
.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .tax-v2-tabs.financial-command-tabs button,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs button,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-v2-tabs.financial-command-tabs button {
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .worker-earnings-tabs button.active span,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .worker-earnings-tabs button.active span,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs button.active span,
.content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .tax-v2-tabs.financial-command-tabs button.active,
.content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs button.active,
.content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-v2-tabs.financial-command-tabs button.active {
  font-weight: 780 !important;
}

@media (max-width: 410px) {
  .content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .worker-earnings-tabs span,
  .content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .worker-earnings-tabs span,
  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .worker-earnings-tabs span,
  .content.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .tax-v2-tabs.financial-command-tabs button,
  .content.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .tax-v2-tabs.financial-command-tabs button,
  .content.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-v2-tabs.financial-command-tabs button {
    font-size: 12px !important;
  }
}

/* Payments workspace V19: lock the tab rail to one premium size across every finance page. */
.content.worker-finance-page .worker-earnings-tabs,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(4, 41, 118, 0.94), rgba(10, 91, 236, 0.9)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 16px) !important;
  border: 1px solid rgba(112, 171, 255, 0.28) !important;
  box-shadow: 0 18px 42px rgba(4, 35, 89, 0.22) !important;
}

.content.worker-finance-page .worker-earnings-tabs button,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 8px 3px !important;
  border-radius: 12px !important;
  display: grid !important;
  grid-template-rows: 20px 16px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 4px !important;
  color: rgba(235, 244, 255, 0.88) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.content.worker-finance-page .worker-earnings-tabs button.active,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs button.active {
  color: #fff !important;
  background: linear-gradient(150deg, #1578ff, #0649d8) !important;
  border-color: rgba(140, 199, 255, 0.46) !important;
  box-shadow: 0 12px 24px rgba(0, 68, 196, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.content.worker-finance-page .worker-earnings-tabs svg,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.1 !important;
}

.content.worker-finance-page .worker-earnings-tabs span,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.content.worker-finance-page .worker-earnings-tabs button.active span,
.content.earnings-content.worker-finance-page.worker-fintech-page .worker-earnings-tabs button.active span {
  font-weight: 760 !important;
}

.content.worker-finance-page .tax-v2-tabs.financial-command-tabs,
.content.earnings-content.worker-finance-page.worker-fintech-page .tax-v2-tabs.financial-command-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 8px !important;
}

.content.worker-finance-page .tax-v2-tabs.financial-command-tabs button,
.content.earnings-content.worker-finance-page.worker-fintech-page .tax-v2-tabs.financial-command-tabs button {
  min-height: 48px !important;
  padding: 0 10px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

.content.worker-finance-page .tax-v2-tabs.financial-command-tabs button.active,
.content.earnings-content.worker-finance-page.worker-fintech-page .tax-v2-tabs.financial-command-tabs button.active {
  font-weight: 800 !important;
}


/* AVyntro Support conversation: approved compact chat treatment. */
.native-command-overlay.messages:has(.support-thread-content) {
  align-items: stretch;
  background: rgba(4, 15, 32, 0.18);
}

.native-command-overlay.messages:has(.support-thread-content) .native-command-panel {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  border-radius: 0;
  border: 0;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 58%, #edf4fb 100%);
  box-shadow: none;
  overflow: hidden;
}

.native-command-overlay.messages:has(.support-thread-content) .native-command-grabber,
.native-command-overlay.messages:has(.support-thread-content) > .native-command-panel > .native-command-close {
  display: none;
}

.native-command-overlay.messages:has(.support-thread-content) .native-command-scroll {
  min-height: 0;
  padding: 0;
  height: auto;
  overflow: hidden;
}

.support-thread-content {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 0;
  height: 100%;
  padding: 0 18px calc(env(safe-area-inset-bottom) + 10px);
  box-sizing: border-box;
  overflow: hidden;
}

.support-thread-hero {
  width: auto;
  max-width: none;
  margin: 0 -18px;
  padding: max(30px, env(safe-area-inset-top)) 22px 14px;
  box-sizing: border-box;
  border-radius: 0 0 30px 30px;
  background:
    radial-gradient(circle at 78% 18%, rgba(125, 91, 255, 0.5), transparent 34%),
    radial-gradient(circle at 22% 10%, rgba(48, 157, 255, 0.42), transparent 34%),
    linear-gradient(135deg, #1058ed 0%, #123eac 44%, #3417bd 100%);
  color: #fff;
  box-shadow: 0 18px 36px rgba(20, 71, 180, 0.18);
  align-self: start;
}

.support-thread-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 10px;
  width: 100%;
  max-width: none;
}

.support-thread-back,
.support-thread-close {
  border: 0;
  background: transparent;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.support-thread-back {
  gap: 9px;
  min-height: 38px;
  font-size: 1rem;
  font-weight: 700;
}

.support-thread-back svg,
.support-thread-close svg {
  width: 22px;
  height: 22px;
}

.support-thread-close {
  width: 38px;
  height: 38px;
}

.support-thread-identity {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  max-width: none;
  margin: 0 auto;
}

.support-thread-avatar {
  width: 54px;
  height: 54px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24), 0 12px 22px rgba(0,0,0,0.1);
}

.support-thread-avatar svg {
  width: 32px;
  height: 32px;
}

.support-thread-identity h2 {
  margin: 0;
  color: #fff;
  font-size: 1.42rem;
  line-height: 1.06;
  letter-spacing: 0;
  font-weight: 720;
}

.support-thread-identity p {
  margin: 5px 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 0.94rem;
  font-weight: 600;
}

.support-thread-topics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  max-width: none;
  margin: 10px auto 0;
}

.support-thread-topics button {
  min-width: 0;
  min-height: 34px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 0.84rem;
  font-weight: 660;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
}

.support-enquiry-details {
  margin: 0;
}

.support-enquiry-details summary {
  list-style: none;
}

.support-enquiry-details summary::-webkit-details-marker {
  display: none;
}

.support-enquiry-strip {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 70px;
  padding: 10px 12px;
  border-radius: 18px;
  border: 1px solid #c9dbf1;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 12px 30px rgba(27, 72, 135, 0.08);
  cursor: pointer;
}

.support-enquiry-icon,
.support-bubble-avatar {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #1267e8;
  background: linear-gradient(180deg, #eef6ff, #eaf1ff);
}

.support-enquiry-icon svg,
.support-bubble-avatar svg {
  width: 28px;
  height: 28px;
}

.support-enquiry-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.support-enquiry-copy strong {
  color: #071e42;
  font-size: 1.02rem;
  line-height: 1.1;
}

.support-enquiry-copy small {
  color: #65758f;
  font-size: 0.94rem;
  font-weight: 650;
}

.support-enquiry-action {
  color: #0f66ee;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.96rem;
  font-weight: 800;
}

.support-enquiry-action svg {
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
}

.support-details-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 2px 0;
  padding: 10px;
  border: 1px solid #d9e7f7;
  border-radius: 16px;
  background: rgba(255,255,255,0.82);
}

.support-details-panel span {
  padding: 10px;
  border-radius: 12px;
  background: #f6faff;
}

.support-details-panel small,
.support-details-panel strong {
  display: block;
}

.support-details-panel small {
  color: #73829a;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.support-details-panel strong {
  color: #071e42;
  font-size: 0.92rem;
  margin-top: 3px;
}

.support-chat-stream {
  display: grid;
  gap: 13px;
  padding: 0;
}

.support-thread-scroll-area {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 13px;
  padding: 0 0 8px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.support-chat-date {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  color: #6a7890;
  font-size: 0.94rem;
  font-weight: 700;
}

.support-chat-date span {
  height: 1px;
  background: #d7e3f0;
}

.support-bubble-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 10px;
  align-items: end;
  max-width: 78%;
}

.support-bubble-row.me {
  grid-template-columns: minmax(0, 1fr);
  justify-self: end;
}

.support-bubble-row > div {
  min-width: 0;
}

.support-sender-label {
  display: block;
  margin: 0 0 6px 2px;
  color: #65758f;
  font-size: 0.82rem;
  font-weight: 800;
}

.support-bubble-row p {
  margin: 0;
  padding: 13px 16px;
  border-radius: 17px 17px 17px 4px;
  background: #fff;
  border: 1px solid #d8e2ef;
  color: #061b3c;
  font-size: 1.02rem;
  line-height: 1.25;
  box-shadow: 0 8px 18px rgba(20, 54, 98, 0.06);
}

.support-bubble-row.me p {
  border: 0;
  border-radius: 17px 17px 4px 17px;
  color: #fff;
  background: linear-gradient(135deg, #2385ff 0%, #0b56df 100%);
  box-shadow: 0 14px 25px rgba(21, 103, 238, 0.2);
}

.support-bubble-attachment {
  width: max-content;
  max-width: 100%;
  min-height: 34px;
  margin-top: 7px;
  padding: 0 11px;
  border-radius: 13px;
  border: 1px solid #c6d8ee;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #0b61eb;
  background: #f5f9ff;
}

.support-bubble-attachment svg {
  width: 17px;
  height: 17px;
}

.support-bubble-attachment small {
  min-width: 0;
  color: #17345b;
  font-size: 0.82rem;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.support-bubble-row time {
  display: block;
  margin-top: 5px;
  color: #7887a0;
  font-size: 0.82rem;
  font-weight: 650;
}

.support-bubble-row.me time {
  margin: -24px 12px 7px 0;
  color: rgba(255,255,255,0.76);
  text-align: right;
}

.support-context-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 4px;
}

.support-context-actions button {
  min-height: 40px;
  border-radius: 15px;
  border: 1px solid #aecdff;
  background: rgba(255,255,255,0.82);
  color: #0b61eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 0.92rem;
  font-weight: 800;
}

.support-context-actions svg {
  width: 20px;
  height: 20px;
}

.support-context-actions button[data-support-suggestion] svg {
  transform: rotate(180deg);
}

.support-empty-thread {
  margin: 0;
  min-height: 0;
  border: 1px dashed #c4d5eb;
  border-radius: 22px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: #64748c;
  text-align: center;
  padding: 28px;
}

.support-empty-thread span {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #0b61eb;
  background: #eef6ff;
}

.support-empty-thread svg {
  width: 30px;
  height: 30px;
}

.support-empty-thread strong {
  color: #071e42;
  font-size: 1.12rem;
}

.support-empty-thread p {
  margin: 0;
  max-width: 280px;
  font-size: 0.94rem;
  line-height: 1.35;
}

.native-command-overlay.messages .support-thread-composer {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 4;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 6px 8px;
  align-self: end;
  border-radius: 18px;
  border: 1px solid #d7e4f2;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 12px 26px rgba(20, 54, 98, 0.12);
}

.native-command-overlay.messages .support-thread-composer button {
  width: 42px;
  height: 42px;
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid #d9e5f2;
  background: #f4f8fd;
  color: #6b7b94;
}

.native-command-overlay.messages .support-thread-composer.has-attachment [data-support-attachment-trigger] {
  color: #0b61eb;
  border-color: #aecdff;
  background: #eaf3ff;
}

.native-command-overlay.messages .support-thread-composer .primary {
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #2d86ff 0%, #0e55e3 100%);
  box-shadow: 0 12px 24px rgba(21, 103, 238, 0.24);
}

.native-command-overlay.messages .support-thread-composer .primary:disabled {
  opacity: 0.45;
  filter: grayscale(0.25);
}

.native-command-overlay.messages .support-thread-composer textarea {
  min-width: 0;
  width: 100%;
  min-height: 34px;
  max-height: 84px;
  resize: none;
  overflow-y: auto;
  field-sizing: content;
  border: 0;
  padding: 7px 0;
  background: transparent;
  color: #071e42;
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1.32;
  outline: none;
  font-family: inherit;
}

.native-command-overlay.messages .support-thread-composer textarea::placeholder {
  color: #7b899d;
}

@media (max-width: 390px) {
  .support-thread-content {
    padding-inline: 12px;
  }

  .support-thread-hero {
    width: auto;
    max-width: none;
    margin-inline: -12px;
    padding-inline: 16px;
  }

  .support-thread-identity {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 12px;
    max-width: 100%;
  }

  .support-thread-avatar {
    width: 50px;
    height: 50px;
  }

  .support-thread-identity h2 {
    font-size: 1.32rem;
  }

  .support-thread-topics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .support-bubble-row {
    max-width: 88%;
  }

  .support-context-actions {
    margin-left: 0;
  }
}

/* Payments workspace V20: shared stationary finance navigation across all sections. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header {
  position: sticky !important;
  top: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  margin: 0 0 14px !important;
  padding: max(18px, env(safe-area-inset-top)) 8px 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
  background-size: 100% 100% !important;
  box-shadow: 0 24px 56px rgba(6, 25, 54, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.12) !important;
  animation: none !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 0.94 !important;
  filter: none !important;
  transform: none !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page {
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 16px 8px calc(112px + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  gap: 18px !important;
  align-content: start !important;
  justify-content: stretch !important;
  overflow-x: hidden !important;
  background: linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #edf3f8 100%) !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 66px !important;
  margin: 0 0 10px !important;
  padding: 8px !important;
  gap: 6px !important;
  border: 1px solid rgba(112, 171, 255, 0.28) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(4, 41, 118, 0.94), rgba(10, 91, 236, 0.9)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 16px) !important;
  box-shadow: 0 18px 42px rgba(4, 35, 89, 0.22) !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs::before {
  content: none !important;
  display: none !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 8px 3px !important;
  display: grid !important;
  grid-template-rows: 20px 16px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 4px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: rgba(235, 244, 255, 0.88) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active {
  color: #fff !important;
  border-color: rgba(140, 199, 255, 0.46) !important;
  background: linear-gradient(150deg, #1578ff, #0649d8) !important;
  box-shadow: 0 12px 24px rgba(0, 68, 196, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  transform: none !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs svg {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.1 !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: currentColor !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active span {
  font-weight: 760 !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 0 14px !important;
  padding: 8px !important;
  gap: 8px !important;
  border: 1px solid rgba(192, 211, 236, 0.66) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 16px 34px rgba(8, 35, 72, 0.08) !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs::before,
.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs::after {
  content: none !important;
  display: none !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  color: #5b6e89 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button.active {
  color: #fff !important;
  border-color: rgba(48, 94, 166, 0.12) !important;
  background: linear-gradient(135deg, #071b38, #1558ac) !important;
  box-shadow: 0 14px 26px rgba(10, 58, 129, 0.18), inset 0 1px 0 rgba(255,255,255,0.16) !important;
  font-weight: 800 !important;
  transform: none !important;
}

@media (max-width: 410px) {
  .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span {
    font-size: 12px !important;
  }
}

/* Payments workspace V21: beat older content-detected tab typography overrides. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 8px 3px !important;
  display: grid !important;
  grid-template-rows: 20px 16px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 4px !important;
  transform: none !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.1 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active span {
  font-weight: 760 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button.active {
  font-weight: 800 !important;
  transform: none !important;
}

/* Payments Tax Centre: compact vertical rhythm between primary tabs, mode switch and title. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) {
  padding-top: 12px !important;
  gap: 8px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs {
  margin-bottom: 0 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs {
  min-height: 58px !important;
  margin: 0 !important;
  padding: 7px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs button {
  height: 44px !important;
  min-height: 44px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header,
html.av-density-compact-phone .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header {
  margin: 2px 0 8px !important;
  padding: 0 2px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2,
html.av-density-compact-phone .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header h2 {
  margin-top: 5px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p,
html.av-density-compact-phone .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .tax-command-page-header p {
  margin-top: 6px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  margin-top: 2px !important;
}

/* Payments Tax Centre V22: keep Command Centre and Tax Tools from jumping between routes. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) {
  padding-top: 12px !important;
  gap: 8px !important;
  background: linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #edf3f8 100%) !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 66px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 8px !important;
  border-radius: 18px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 7px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs button {
  height: 44px !important;
  min-height: 44px !important;
}

/* Payments Tax Centre V23: remove the legacy blue tax band above the primary tabs. */
.content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
html.av-density-compact-phone .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
.content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
html.av-density-compact-phone .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
.content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty),
html.av-density-compact-phone .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) {
  background: linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #edf3f8 100%) !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .tax-command-page-header),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-command-hero.tools),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .tax-approved-card.live-empty),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .tax-command-page-header) > .main,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-command-hero.tools) > .main,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .tax-approved-card.live-empty) > .main {
  background: linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #edf3f8 100%) !important;
}

/* Payments Statements V24: calmer type and full primary tab labels. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs {
  padding: 7px !important;
  gap: 4px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 7px 1px !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span {
  width: max-content !important;
  max-width: none !important;
  justify-self: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 11.1px !important;
  line-height: 1.05 !important;
  font-weight: 570 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active span {
  font-weight: 650 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-intelligence-heading span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-intelligence-grid small,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-archive-heading span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-month-header small,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-week-row > b small,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payslip-filter-scroll button {
  font-weight: 590 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero h2,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-vault-hero h2,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-archive-heading h2 {
  font-weight: 620 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero p,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-vault-hero p,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-intelligence-grid em,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-month-header span p,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-week-row > span small,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-week-row p {
  font-weight: 520 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero aside strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-intelligence-heading strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .financial-intelligence-grid strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-search-note strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-month-header strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-week-row > span strong,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-week-row > b strong {
  font-weight: 610 !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-search-note,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero aside small,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-archive-hero) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .statement-search-note small {
  font-weight: 520 !important;
}

/* Payments workspace V25: one primary tab geometry across Payments, Passport, Payslips, Statements and Tax Centre. */
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) {
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  margin: 0 auto !important;
  padding: 16px 8px calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 18px !important;
  background: linear-gradient(180deg, #eef5fb 0%, #f7fbff 44%, #edf3f8 100%) !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 0 10px !important;
  padding: 7px !important;
  gap: 4px !important;
  border: 1px solid rgba(112, 171, 255, 0.28) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(4, 41, 118, 0.94), rgba(10, 91, 236, 0.9)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 16px) !important;
  box-shadow: 0 18px 42px rgba(4, 35, 89, 0.22) !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs button,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs button {
  min-width: 0 !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 7px 1px !important;
  display: grid !important;
  grid-template-rows: 20px 16px !important;
  align-content: center !important;
  align-items: stretch !important;
  justify-items: center !important;
  gap: 4px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: rgba(235, 244, 255, 0.88) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs button.active,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs button.active,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs button.active {
  color: #fff !important;
  border-color: rgba(140, 199, 255, 0.46) !important;
  background: linear-gradient(150deg, #1578ff, #0649d8) !important;
  box-shadow: 0 12px 24px rgba(0, 68, 196, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  transform: none !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs svg,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs svg,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs svg,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.1 !important;
  transform: none !important;
}

.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs button.active span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs button.active span,
.app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs button.active span {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  justify-self: center !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  color: currentColor !important;
  font-family: inherit !important;
  font-size: 11.1px !important;
  line-height: 1.05 !important;
  font-weight: 590 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

@media (max-width: 374px) {
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs {
    gap: 3px !important;
    padding: 6px !important;
  }

  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs span,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs span,
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs span {
    font-size: 10.6px !important;
  }
}

/* Candidate Profile header V2: one pinned header geometry for all four profile tabs. */
.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"],
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"],
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] {
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  margin: 0 -14px 14px !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  box-sizing: border-box !important;
}

.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-header-row,
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-header-row,
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) 50px !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar-button,
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar-button,
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar-button {
  justify-self: start !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar,
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar,
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .app-avatar {
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-group,
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-group,
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-group {
  justify-self: end !important;
  justify-content: flex-end !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  gap: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-button,
html.av-density-compact-phone body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-button,
html.native-android body .app-shell > .main > .app-header.agency-premium-header.candidate-header[data-active-page="workerProfile"] .header-icon-button {
  width: 39px !important;
  height: 39px !important;
  margin: 0 !important;
  transform: none !important;
}

/* Candidate Profile tab shell V3: legacy selectors kept flat so active tabs never regain a pill frame. */
.app-shell .main > .content.profile-page-content:has(.career-passport-page),
html.av-density-compact-phone body .app-shell .main > .content.profile-page-content:has(.career-passport-page),
html.native-android body .app-shell .main > .content.profile-page-content:has(.career-passport-page) {
  width: 100% !important;
  max-width: min(100%, var(--av-density-expanded-width, 430px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium:has(.career-passport-page),
html.av-density-compact-phone body .profile-page-content .worker-profile-premium:has(.career-passport-page),
html.native-android body .profile-page-content .worker-profile-premium:has(.career-passport-page) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
  order: -10 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 44, 78, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 64px !important;
  height: 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 4px 10px !important;
  color: #64738a !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active {
  color: #075cff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 760 !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:hover,
.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:active,
.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:focus,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:hover,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:active,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:focus {
  background: transparent !important;
  box-shadow: none !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after {
  left: 22% !important;
  right: 22% !important;
  bottom: 8px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after {
  background: linear-gradient(90deg, #1677e8, #4c6af0) !important;
}

/* Candidate Profile layout V4: one flat tab row and one 8px content rail for every tab. */
.app-shell > .main > .content.profile-page-content,
html.av-density-compact-phone body .app-shell > .main > .content.profile-page-content,
html.native-android body .app-shell > .main > .content.profile-page-content,
.app-shell .main > .content.profile-page-content:has(.career-passport-page),
html.av-density-compact-phone body .app-shell .main > .content.profile-page-content:has(.career-passport-page),
html.native-android body .app-shell .main > .content.profile-page-content:has(.career-passport-page) {
  width: 100% !important;
  max-width: min(100%, var(--av-density-expanded-width, 430px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: max(var(--agencyhub-page-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--agencyhub-page-gutter), env(safe-area-inset-right, 0px)) !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.profile-page-content .worker-profile-premium,
.profile-page-content .worker-profile-premium.app-card,
.profile-page-content .worker-profile-premium:has(.career-passport-page),
html.av-density-compact-phone body .profile-page-content .worker-profile-premium,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium:has(.career-passport-page),
html.native-android body .profile-page-content .worker-profile-premium,
html.native-android body .profile-page-content .worker-profile-premium:has(.career-passport-page) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top {
  order: -10 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 44, 78, 0.1) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 64px !important;
  height: 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 4px 10px !important;
  display: grid !important;
  place-items: center !important;
  color: #64738a !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"] {
  color: #075cff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 760 !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.av-density-compact-phone body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after,
html.native-android body .profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button::after {
  content: "" !important;
  position: absolute !important;
  left: 24% !important;
  right: 24% !important;
  bottom: 8px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.native-android body .profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after {
  background: linear-gradient(90deg, #1677e8, #5b57f2) !important;
}

.profile-page-content .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:focus-visible,
.profile-page-content:has(.career-passport-page) .worker-profile-premium > .profile-tabs.profile-tabs-fixed-top button:focus-visible {
  outline: 3px solid rgba(22, 119, 232, 0.26) !important;
  outline-offset: -4px !important;
}

.profile-page-content .worker-profile-premium > .worker-profile-hero,
.profile-page-content .worker-profile-premium > .worker-profile-prestige-grid,
.profile-page-content .worker-profile-premium > .agency-profile-action-row,
.profile-page-content .worker-profile-premium > .profile-tab-content,
.profile-page-content .profile-tab-content,
.profile-page-content .profile-tab-content > *,
.profile-page-content .worker-profile-hero,
.profile-page-content .profile-section-card,
.profile-page-content .professional-passport-hero,
.profile-page-content .professional-passport-panel,
.profile-page-content .identity-centre-hero,
.profile-page-content .workforce-passport-card,
.profile-page-content .premium-compliance-banner,
.profile-page-content .premium-compliance-pathways,
.profile-page-content .premium-route-panel,
.profile-page-content .candidate-compliance-summary {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.profile-page-content .profile-tab-content,
.profile-page-content:has(.career-passport-page) .profile-tab-content,
.profile-page-content .professional-passport-page,
.profile-page-content .identity-centre-page,
.profile-page-content .premium-worker-compliance {
  padding: 0 0 18px !important;
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  overflow: visible !important;
}

.profile-page-content .neutral-avatar,
.app-header .neutral-avatar,
.settings-page .neutral-avatar {
  color: #176cf2 !important;
}

.profile-page-content .neutral-avatar svg,
.app-header .neutral-avatar svg,
.settings-page .neutral-avatar svg {
  width: 58% !important;
  height: 58% !important;
  display: block !important;
  stroke-width: 2.1 !important;
}

.portrait-photo-placeholder {
  display: grid !important;
  place-items: center !important;
  color: rgba(33, 83, 144, 0.82) !important;
  background:
    linear-gradient(145deg, rgba(248, 253, 255, 0.96), rgba(220, 238, 252, 0.9)),
    repeating-linear-gradient(135deg, rgba(43, 119, 196, 0.08) 0 1px, transparent 1px 7px) !important;
  overflow: hidden !important;
}

.portrait-photo-placeholder svg {
  width: 58% !important;
  height: 62% !important;
  display: block !important;
  color: inherit !important;
  stroke: currentColor !important;
  stroke-width: 3.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transform: none !important;
}

.app-avatar.portrait-photo-placeholder,
.notification-luxury-avatar.portrait-photo-placeholder,
.account-details-photo-avatar.portrait-photo-placeholder {
  font-size: 0 !important;
}

.app-avatar.portrait-photo-placeholder svg,
.notification-luxury-avatar.portrait-photo-placeholder svg,
.account-details-photo-avatar.portrait-photo-placeholder svg {
  width: 54% !important;
  height: 58% !important;
  stroke-width: 3 !important;
}

.profile-page-content .worker-live-record-build-card {
  gap: 10px !important;
}

.profile-page-content .worker-live-record-build-card h3 {
  margin: 0 !important;
  color: #061936 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.profile-page-content .worker-live-record-build-card p {
  margin: 0 !important;
  color: #516987 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.profile-page-content .professional-passport-score.empty strong {
  min-width: 0 !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

/* Approved candidate Profile area redesign. */
.app-shell:has(.candidate-profile-approved-shell) {
  --candidate-profile-navy: #041632;
  --candidate-profile-blue: #1259ef;
  --candidate-profile-cyan: #58dfff;
  --candidate-profile-ink: #112543;
  --candidate-profile-muted: #526987;
  --candidate-profile-border: rgba(18, 89, 239, 0.18);
  --candidate-profile-pearl: #f8fbff;
  background: #eef6ff !important;
}

.app-shell:has(.candidate-profile-approved-shell),
.app-shell:has(.candidate-profile-approved-shell) * {
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

.app-shell:has(.candidate-profile-approved-shell) > .main {
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
}

.app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.candidate-header {
  width: min(100%, 430px) !important;
  margin: 0 auto !important;
  padding: max(22px, env(safe-area-inset-top, 0px)) 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 32%, rgba(255, 255, 255, 0.2), transparent 25%),
    radial-gradient(circle at 82% 12%, rgba(106, 118, 255, 0.32), transparent 25%),
    linear-gradient(132deg, #052050 0%, #0c47d2 54%, #075cff 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.16) !important;
  overflow: hidden !important;
}

.app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.candidate-header .app-header-row {
  min-height: 88px !important;
  padding: 14px 14px 17px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 58px !important;
  gap: 8px !important;
  align-items: center !important;
}

.app-shell:has(.candidate-profile-approved-shell) .app-avatar-button,
.app-shell:has(.candidate-profile-approved-shell) .app-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  margin: 0 !important;
}

.app-shell:has(.candidate-profile-approved-shell) .app-avatar {
  border: 2px solid rgba(255, 255, 255, 0.94) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 10px 22px rgba(2, 12, 48, 0.2) !important;
  overflow: hidden !important;
}

.app-shell:has(.candidate-profile-approved-shell) .app-greeting {
  text-align: center !important;
  min-width: 0 !important;
}

.app-shell:has(.candidate-profile-approved-shell) .app-greeting h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.candidate-profile-approved-shell) .app-greeting p {
  margin: 4px 0 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.candidate-profile-approved-shell) .header-icon-group {
  width: 52px !important;
  min-width: 52px !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

.app-shell:has(.candidate-profile-approved-shell) .header-icon-button {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.content.profile-page-content:has(.candidate-profile-approved-shell) {
  background: linear-gradient(180deg, #fbfdff 0%, #eef6ff 100%) !important;
  gap: 8px !important;
}

.profile-page-content .candidate-profile-approved-shell {
  gap: 8px !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top {
  order: -10 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 37, 67, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 2px 8px !important;
  color: #536783 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"] {
  color: var(--candidate-profile-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 720 !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button::after,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button::after {
  content: "" !important;
  position: absolute !important;
  left: 22% !important;
  right: 22% !important;
  bottom: 4px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  pointer-events: none !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active::after,
.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active::after,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"]::after {
  background: linear-gradient(90deg, #1677e8, #5b57f2) !important;
}

.profile-page-content .candidate-approved-profile-page,
.profile-page-content .candidate-approved-career-page,
.profile-page-content .candidate-approved-identity-page,
.profile-page-content .candidate-approved-compliance-page {
  gap: 8px !important;
  padding-bottom: 14px !important;
}

.candidate-approved-hero-card,
.candidate-approved-intro-card,
.candidate-approved-worker-id-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(88, 223, 255, 0.46) !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(28, 115, 255, 0.48), transparent 30%),
    radial-gradient(circle at 86% 74%, rgba(88, 223, 255, 0.14), transparent 28%),
    linear-gradient(132deg, #031331 0%, #062053 45%, #0849c2 78%, #041632 100%) !important;
  box-shadow: 0 12px 24px rgba(3, 22, 56, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.candidate-approved-hero-card {
  min-height: 240px !important;
  padding: 14px 14px 15px !important;
  display: grid !important;
  gap: 12px !important;
}

.candidate-approved-hero-card.is-compact {
  min-height: 188px !important;
  gap: 10px !important;
}

.candidate-approved-hero-card.is-passport {
  min-height: 208px !important;
}

.candidate-approved-network {
  position: absolute !important;
  right: -34px !important;
  top: -18px !important;
  width: 68% !important;
  height: 110% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.72 !important;
}

.candidate-approved-network path {
  fill: none !important;
  stroke: rgba(88, 223, 255, 0.46) !important;
  stroke-width: 1.05 !important;
}

.candidate-approved-network circle {
  fill: #58dfff !important;
  filter: drop-shadow(0 0 5px rgba(88, 223, 255, 0.85)) !important;
}

.candidate-approved-hero-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.candidate-approved-hero-top > span,
.candidate-approved-section-heading > span,
.candidate-check-group-heading > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(230, 241, 255, 0.9) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
}

.candidate-approved-section-heading > span svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  stroke-width: 2.2 !important;
}

.candidate-approved-hero-top button,
.candidate-approved-hero-top em {
  height: 34px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  font-size: 12px !important;
  font-weight: 740 !important;
  font-style: normal !important;
}

.candidate-approved-hero-top svg {
  width: 18px !important;
  height: 18px !important;
}

.candidate-approved-person {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
}

.candidate-approved-hero-card.is-compact .candidate-approved-person {
  grid-template-columns: 60px minmax(0, 1fr) !important;
}

.candidate-approved-photo {
  width: 74px !important;
  height: 74px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 4px solid rgba(255, 255, 255, 0.92) !important;
  color: #0b3b88 !important;
  background: #fff !important;
  box-shadow: 0 13px 25px rgba(2, 10, 38, 0.28) !important;
  overflow: hidden !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.candidate-approved-hero-card.is-compact .candidate-approved-photo {
  width: 60px !important;
  height: 60px !important;
  border-width: 3px !important;
}

.candidate-approved-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.candidate-approved-person-copy {
  min-width: 0 !important;
}

.candidate-approved-person-copy h2,
.candidate-approved-intro-card h2,
.candidate-approved-worker-id-card h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 23px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.candidate-approved-hero-card.is-compact .candidate-approved-person-copy h2 {
  font-size: 21px !important;
}

.candidate-approved-person-copy p,
.candidate-approved-person-copy small {
  display: block !important;
  margin: 3px 0 0 !important;
  color: rgba(235, 244, 255, 0.86) !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 620 !important;
}

.candidate-approved-person-copy small {
  font-weight: 500 !important;
}

.candidate-approved-status-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.candidate-approved-status-grid article,
.candidate-readiness-summary-grid article {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 10px 11px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(88, 223, 255, 0.36) !important;
  background: rgba(11, 65, 154, 0.4) !important;
}

.candidate-approved-status-grid i,
.candidate-readiness-summary-grid i,
.candidate-row-copy i {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  color: #66e7ff !important;
}

.candidate-approved-status-grid svg,
.candidate-readiness-summary-grid svg,
.candidate-row-copy svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2 !important;
}

.candidate-row-copy {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

.candidate-row-copy > i {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  color: var(--candidate-profile-blue) !important;
  background: #eef6ff !important;
}

.candidate-row-copy > i svg {
  width: 26px !important;
  height: 26px !important;
}

.candidate-row-copy strong,
.candidate-row-copy small {
  display: block !important;
  min-width: 0 !important;
}

.candidate-row-copy strong {
  color: #07183b !important;
  font-size: 15px !important;
  line-height: 1.14 !important;
  font-weight: 780 !important;
}

.candidate-row-copy small {
  margin-top: 4px !important;
  color: #526987 !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 520 !important;
}

.candidate-approved-status-grid article > i {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
}

.candidate-approved-status-grid article > span,
.candidate-approved-status-grid article > strong {
  grid-column: 2 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.candidate-approved-status-grid span,
.candidate-approved-status-grid strong,
.candidate-readiness-summary-grid small,
.candidate-readiness-summary-grid strong {
  display: block !important;
  min-width: 0 !important;
}

.candidate-approved-status-grid span,
.candidate-readiness-summary-grid small {
  color: rgba(229, 240, 255, 0.78) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
}

.candidate-approved-status-grid strong,
.candidate-readiness-summary-grid strong {
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.14 !important;
  font-weight: 760 !important;
}

.candidate-approved-sectors {
  padding-top: 10px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  border-top: 1px solid rgba(199, 230, 255, 0.22) !important;
}

.candidate-approved-sectors i {
  color: #d6ecff !important;
}

.candidate-approved-sectors small {
  display: block !important;
  color: rgba(229, 240, 255, 0.74) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
}

.candidate-approved-sectors strong {
  display: block !important;
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}

.candidate-approved-card,
.candidate-approved-action-row {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 16px !important;
  border: 1px solid var(--candidate-profile-border) !important;
  color: var(--candidate-profile-ink) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(18, 89, 239, 0.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, var(--candidate-profile-pearl) 100%) !important;
  box-shadow: 0 10px 22px rgba(11, 48, 92, 0.07) !important;
}

.candidate-approved-card {
  padding: 14px !important;
}

.candidate-approved-section-heading {
  display: grid !important;
  gap: 4px !important;
}

.candidate-approved-section-heading.inline {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.candidate-approved-section-heading > span {
  color: #566b8c !important;
}

.candidate-approved-section-heading h3,
.candidate-approved-card h3 {
  margin: 0 !important;
  color: #07183b !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
}

.candidate-approved-section-heading p,
.candidate-approved-card p {
  margin: 0 !important;
  color: var(--candidate-profile-muted) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.candidate-profile-completion-card {
  display: grid !important;
  gap: 12px !important;
}

.candidate-profile-completion-card .candidate-approved-section-heading strong {
  color: #07183b !important;
  font-size: 18px !important;
}

.candidate-approved-progress {
  height: 8px !important;
  border-radius: 999px !important;
  background: #d9e8f8 !important;
  overflow: hidden !important;
}

.candidate-approved-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #075cff, #2c74ff) !important;
}

.candidate-profile-completion-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.candidate-profile-completion-row p {
  min-width: 0 !important;
}

.candidate-profile-completion-row button,
.candidate-approved-primary-action,
.candidate-approved-button-row button {
  min-height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #075cff, #126cff) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.candidate-detail-list {
  display: grid !important;
}

.candidate-detail-row,
.candidate-approved-action-row {
  min-height: 64px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  color: var(--candidate-profile-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.candidate-approved-action-row {
  border: 1px solid var(--candidate-profile-border) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(18, 89, 239, 0.05), transparent 38%),
    linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
  box-shadow: 0 10px 22px rgba(11, 48, 92, 0.07) !important;
}

.candidate-approved-action-row.flush {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}

.candidate-detail-row + .candidate-detail-row {
  border-top: 1px solid rgba(82, 105, 135, 0.16) !important;
}

.candidate-detail-row > i,
.candidate-approved-action-row > i {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  color: #061b4d !important;
}

.candidate-detail-row > i svg,
.candidate-approved-action-row > i svg {
  width: 26px !important;
  height: 26px !important;
  stroke-width: 2.1 !important;
}

.candidate-detail-row small,
.candidate-approved-action-row small {
  display: block !important;
  color: #526987 !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 520 !important;
}

.candidate-detail-row strong,
.candidate-approved-action-row strong {
  display: block !important;
  margin-top: 2px !important;
  color: #07183b !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 760 !important;
}

.candidate-approved-action-row b {
  display: block !important;
  margin-top: 8px !important;
  color: var(--candidate-profile-blue) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
}

.candidate-detail-row em,
.candidate-approved-action-row em {
  color: #50658a !important;
  display: grid !important;
  place-items: center !important;
  font-style: normal !important;
}

.candidate-approved-action-row > em svg,
.candidate-approved-check-row > svg,
.candidate-approved-primary-action > svg,
.candidate-profile-completion-row button svg {
  transform: rotate(180deg) !important;
}

.candidate-approved-profile-page .candidate-details-card {
  padding: 13px 14px !important;
}

.candidate-approved-profile-page .candidate-details-card .candidate-approved-section-heading > span {
  color: #5f7392 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.candidate-approved-profile-page .candidate-detail-row {
  min-height: 58px !important;
  padding: 10px 2px !important;
  grid-template-columns: 32px minmax(0, 1fr) 26px !important;
  gap: 12px !important;
}

.candidate-approved-profile-page > .candidate-approved-action-row {
  min-height: 58px !important;
  padding: 10px 14px !important;
  grid-template-columns: 34px minmax(0, 1fr) 24px !important;
  gap: 12px !important;
  box-shadow: 0 8px 18px rgba(11, 48, 92, 0.055) !important;
}

.candidate-approved-profile-page .candidate-detail-row > i,
.candidate-approved-profile-page > .candidate-approved-action-row > i {
  color: #102653 !important;
}

.candidate-approved-profile-page .candidate-detail-row > i svg,
.candidate-approved-profile-page > .candidate-approved-action-row > i svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-profile-page .candidate-detail-row small,
.candidate-approved-profile-page > .candidate-approved-action-row small {
  color: #657895 !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 560 !important;
}

.candidate-approved-profile-page .candidate-detail-row strong,
.candidate-approved-profile-page > .candidate-approved-action-row strong {
  margin-top: 2px !important;
  color: #0d2148 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

.candidate-approved-profile-page > .candidate-approved-action-row small {
  margin-top: 2px !important;
}

.candidate-approved-profile-page .candidate-detail-row em,
.candidate-approved-profile-page > .candidate-approved-action-row em {
  color: #647694 !important;
}

.candidate-approved-profile-page .candidate-detail-row em svg,
.candidate-approved-profile-page > .candidate-approved-action-row em svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-career-page .candidate-approved-section-heading > span {
  color: #5f7392 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.candidate-approved-career-page .candidate-approved-action-row {
  min-height: 58px !important;
  padding: 10px 14px !important;
  grid-template-columns: 34px minmax(0, 1fr) 24px !important;
  gap: 12px !important;
  box-shadow: 0 8px 18px rgba(11, 48, 92, 0.055) !important;
}

.candidate-approved-career-page .candidate-approved-action-row.flush {
  min-height: 54px !important;
  padding: 8px 2px !important;
  border-radius: 12px !important;
}

.candidate-approved-career-page .candidate-approved-action-row > i,
.candidate-approved-career-page .candidate-row-copy > i {
  color: #102653 !important;
}

.candidate-approved-career-page .candidate-approved-action-row > i svg,
.candidate-approved-career-page .candidate-row-copy > i svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-career-page .candidate-approved-action-row small,
.candidate-approved-career-page .candidate-row-copy small {
  color: #657895 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 540 !important;
}

.candidate-approved-career-page .candidate-approved-action-row strong,
.candidate-approved-career-page .candidate-row-copy strong {
  margin-top: 2px !important;
  color: #0d2148 !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

.candidate-approved-career-page .candidate-approved-action-row b {
  margin-top: 6px !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.candidate-approved-career-page .candidate-approved-action-row em {
  color: #647694 !important;
}

.candidate-approved-career-page .candidate-approved-action-row em svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-career-page .career-work-overview {
  padding: 13px 14px !important;
}

.candidate-approved-career-page .career-work-grid article {
  min-height: 60px !important;
  padding: 9px 8px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 9px !important;
}

.candidate-approved-career-page .career-work-grid i {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  color: #102653 !important;
}

.candidate-approved-career-page .career-work-grid svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-career-page .career-work-grid small {
  color: #657895 !important;
  font-size: 11.5px !important;
  font-weight: 540 !important;
}

.candidate-approved-career-page .career-work-grid strong {
  color: #0d2148 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.candidate-approved-career-page .career-achievements-card {
  padding: 12px 14px !important;
}

.candidate-approved-career-page .career-share-card p {
  color: #526987 !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
}

.candidate-approved-career-page .career-share-card .candidate-approved-button-row {
  margin-top: 8px !important;
}

.career-work-grid,
.candidate-readiness-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

.career-work-grid article {
  min-height: 68px !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.career-work-grid article:nth-child(odd) {
  border-right: 1px solid rgba(82, 105, 135, 0.16) !important;
}

.career-work-grid article:nth-child(n + 3) {
  border-top: 1px solid rgba(82, 105, 135, 0.16) !important;
}

.career-work-grid i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  color: #061b4d !important;
  background: #eef6ff !important;
  border-radius: 10px !important;
}

.career-work-grid small {
  color: #526987 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.career-work-grid strong {
  display: block !important;
  margin-top: 3px !important;
  color: #07183b !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
}

.candidate-approved-button-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.candidate-approved-button-row.two button {
  color: #6d7fa0 !important;
  background: linear-gradient(180deg, #fff, #f3f8ff) !important;
  border: 1px solid rgba(18, 89, 239, 0.18) !important;
}

.candidate-approved-button-row button:disabled {
  opacity: 0.62 !important;
}

.candidate-approved-button-row svg {
  width: 20px !important;
  height: 20px !important;
}

.candidate-approved-intro-card,
.candidate-approved-worker-id-card {
  padding: 22px 18px !important;
  display: grid !important;
  gap: 12px !important;
}

.candidate-approved-intro-card {
  min-height: 124px !important;
}

.candidate-approved-intro-card > span,
.candidate-approved-worker-id-card > span {
  color: rgba(230, 241, 255, 0.9) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.candidate-approved-intro-card p {
  margin: 0 !important;
  color: rgba(235, 244, 255, 0.86) !important;
  font-size: 15px !important;
}

.candidate-worker-id-person {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

.candidate-worker-id-person em {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 8px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.candidate-worker-id-grid {
  margin-top: 8px !important;
  padding-top: 16px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
  border-top: 1px solid rgba(199, 230, 255, 0.24) !important;
}

.candidate-worker-id-grid small {
  display: block !important;
  color: rgba(235, 244, 255, 0.78) !important;
  font-size: 13px !important;
}

.candidate-worker-id-grid strong {
  display: block !important;
  margin-top: 5px !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.nexus-worker-id-card {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  aspect-ratio: 1000 / 521 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(10px, 2.9vw, 16px) !important;
  color: #f6faff !important;
  background: #001534 !important;
  box-shadow:
    0 0 0 1px rgba(78, 213, 255, 0.92) inset,
    0 0 0 2px rgba(9, 154, 255, 0.18),
    0 0 18px rgba(56, 191, 255, 0.42),
    0 18px 34px rgba(0, 14, 44, 0.2) !important;
  contain: layout paint !important;
}

.nexus-worker-id-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(217, 252, 255, 0.54),
    inset 0 0 18px rgba(52, 190, 255, 0.18) !important;
  z-index: 2 !important;
}

.nexus-worker-id-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0, 12, 32, 0) 48%, rgba(0, 11, 33, 0.34) 69%, rgba(0, 9, 28, 0.7) 100%),
    linear-gradient(90deg, rgba(0, 10, 29, 0.22), transparent 54%),
    radial-gradient(circle at 97% 43%, rgba(255, 255, 255, 0.5), transparent 8%),
    radial-gradient(circle at 82% 59%, rgba(56, 191, 255, 0.12), transparent 32%) !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

.nexus-horizon-artwork {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.nexus-horizon-artwork .network-sweep,
.nexus-horizon-artwork .surface-link,
.nexus-horizon-artwork .globe-horizon,
.nexus-horizon-artwork .globe-grid {
  fill: none !important;
  vector-effect: non-scaling-stroke !important;
}

.nexus-horizon-artwork .network-sweep {
  stroke: url(#nexus-line-fade) !important;
  stroke-width: 1.05 !important;
  opacity: 0.74 !important;
}

.nexus-horizon-artwork .network-sweep.fine,
.nexus-horizon-artwork .globe-grid {
  stroke: rgba(70, 198, 255, 0.34) !important;
  stroke-width: 0.75 !important;
}

.nexus-horizon-artwork .network-sweep.bright {
  stroke-width: 1.35 !important;
  opacity: 0.92 !important;
}

.nexus-horizon-artwork .surface-link {
  stroke: rgba(113, 230, 255, 0.46) !important;
  stroke-width: 0.85 !important;
}

.nexus-horizon-artwork .globe-horizon {
  stroke: rgba(75, 207, 255, 0.58) !important;
  stroke-width: 1.3 !important;
}

.nexus-horizon-artwork .globe-horizon.strong {
  stroke: rgba(201, 250, 255, 0.88) !important;
  stroke-width: 1.6 !important;
  filter: drop-shadow(0 0 5px rgba(56, 191, 255, 0.76)) !important;
}

.nexus-horizon-artwork .globe-horizon.fine {
  stroke: rgba(56, 191, 255, 0.32) !important;
  stroke-width: 0.75 !important;
}

.nexus-horizon-artwork circle {
  fill: #d9fcff !important;
  filter: url(#nexus-node-glow) !important;
}

.nexus-horizon-artwork circle.small,
.nexus-horizon-artwork .surface-sparks circle {
  fill: #6ddaff !important;
  opacity: 0.82 !important;
}

.nexus-worker-id-wordmark,
.nexus-worker-id-status-block,
.nexus-worker-id-portrait,
.nexus-worker-id-person,
.nexus-worker-id-divider,
.nexus-worker-id-bottom {
  position: absolute !important;
  z-index: 3 !important;
}

.nexus-worker-id-wordmark {
  left: 4.1% !important;
  top: 6.2% !important;
  color: #f8fbff !important;
  font-size: clamp(14px, 4vw, 17px) !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  letter-spacing: 0.24em !important;
  text-shadow: 0 1px 12px rgba(255, 255, 255, 0.18) !important;
}

.nexus-worker-id-status-block {
  top: 5.9% !important;
  right: 4.2% !important;
  width: 36% !important;
  display: grid !important;
  justify-items: end !important;
  gap: 5px !important;
}

.nexus-worker-id-status-block > span {
  color: #acd7f1 !important;
  font-size: clamp(8px, 2.4vw, 11px) !important;
  line-height: 1 !important;
  font-weight: 620 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.nexus-worker-id-badge {
  min-width: 34% !important;
  min-height: clamp(21px, 6.8vw, 27px) !important;
  height: auto !important;
  padding: clamp(3px, 1vw, 5px) clamp(8px, 2.5vw, 12px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34, 236, 157, 0.92) !important;
  color: #ffffff !important;
  background: rgba(3, 64, 55, 0.52) !important;
  font-size: clamp(9px, 2.75vw, 13px) !important;
  line-height: 1.12 !important;
  font-style: normal !important;
  font-weight: 660 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 0 14px rgba(34, 236, 157, 0.14), 0 0 10px rgba(34, 236, 157, 0.18) !important;
}

.nexus-worker-id-badge i {
  width: clamp(7px, 2.6vw, 10px) !important;
  height: clamp(7px, 2.6vw, 10px) !important;
  border-radius: 999px !important;
  background: #58f08f !important;
  box-shadow: 0 0 8px rgba(88, 240, 143, 0.86) !important;
}

.nexus-worker-id-badge.expiring {
  border-color: rgba(255, 183, 77, 0.92) !important;
  background: rgba(93, 57, 2, 0.52) !important;
}

.nexus-worker-id-badge.expiring i {
  background: #ffbf5a !important;
  box-shadow: 0 0 8px rgba(255, 191, 90, 0.78) !important;
}

.nexus-worker-id-badge.expired,
.nexus-worker-id-badge.suspended {
  border-color: rgba(255, 91, 112, 0.9) !important;
  background: rgba(86, 12, 24, 0.52) !important;
}

.nexus-worker-id-badge.expired i,
.nexus-worker-id-badge.suspended i {
  background: #ff5b70 !important;
  box-shadow: 0 0 8px rgba(255, 91, 112, 0.72) !important;
}

.nexus-worker-id-badge.not-issued,
.nexus-worker-id-badge.unavailable {
  border-color: rgba(172, 215, 241, 0.5) !important;
  color: #d9eaff !important;
  background: rgba(31, 57, 86, 0.52) !important;
  box-shadow: inset 0 0 12px rgba(172, 215, 241, 0.1) !important;
}

.nexus-worker-id-badge.not-issued i,
.nexus-worker-id-badge.unavailable i {
  background: #9db4ce !important;
  box-shadow: 0 0 7px rgba(157, 180, 206, 0.54) !important;
}

.nexus-worker-id-portrait {
  left: 3.9% !important;
  top: 20.4% !important;
  width: 20.5% !important;
  height: 44.8% !important;
}

.nexus-worker-id-photo {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10% !important;
  border: 2px solid rgba(172, 235, 255, 0.96) !important;
  color: #0b3b88 !important;
  background: linear-gradient(145deg, #f5fbff, #cfe9ff) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.34) inset, 0 0 13px rgba(122, 230, 255, 0.42) !important;
  overflow: hidden !important;
  font-size: clamp(15px, 5vw, 23px) !important;
  font-weight: 720 !important;
}

.nexus-worker-id-photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 44% !important;
}

.nexus-worker-id-photo.neutral-avatar svg {
  width: 58% !important;
  height: 62% !important;
  stroke: rgba(61, 97, 143, 0.82) !important;
  stroke-width: 3.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.nexus-worker-id-photo.worker-id-photo-prompt {
  gap: 4px !important;
  align-content: center !important;
  color: rgba(27, 71, 126, 0.82) !important;
  background:
    linear-gradient(145deg, rgba(247, 252, 255, 0.94), rgba(215, 235, 251, 0.88)),
    repeating-linear-gradient(135deg, rgba(43, 119, 196, 0.08) 0 1px, transparent 1px 7px) !important;
}

.nexus-worker-id-photo.worker-id-photo-prompt span {
  display: block !important;
  color: rgba(33, 77, 132, 0.68) !important;
  font-size: clamp(6.5px, 2vw, 8px) !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.nexus-worker-id-person {
  left: 26% !important;
  top: 34.2% !important;
  width: 50% !important;
  min-width: 0 !important;
}

.nexus-worker-id-person h2 {
  max-width: 100% !important;
  margin: 0 !important;
  color: #f9fbff !important;
  font-size: clamp(19px, 6.35vw, 25px) !important;
  line-height: 1.14 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 8px 18px rgba(0, 7, 26, 0.42) !important;
}

.nexus-worker-id-person h2.long-name {
  font-size: clamp(15px, 5.2vw, 21px) !important;
  line-height: 1.14 !important;
}

.nexus-worker-id-person p {
  margin: clamp(5px, 1.5vw, 8px) 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: clamp(7px, 2.6vw, 10px) !important;
  color: #acd7f1 !important;
  font-size: clamp(11px, 3.55vw, 14px) !important;
  line-height: 1.18 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
}

.nexus-worker-id-person p.pending {
  color: #b8cce1 !important;
}

.nexus-worker-id-check {
  width: clamp(18px, 5.8vw, 23px) !important;
  height: clamp(18px, 5.8vw, 23px) !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid rgba(172, 229, 255, 0.96) !important;
  border-radius: 50% !important;
  color: #acdfff !important;
  background: rgba(4, 33, 68, 0.24) !important;
}

.nexus-worker-id-check svg {
  width: 58% !important;
  height: 58% !important;
  stroke-width: 2.6 !important;
}

.nexus-worker-id-divider {
  left: 4% !important;
  right: 4% !important;
  top: 70.5% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(184, 232, 255, 0.72), rgba(184, 232, 255, 0.34), rgba(184, 232, 255, 0)) !important;
}

.nexus-worker-id-bottom {
  left: 4% !important;
  right: 4% !important;
  bottom: 5.8% !important;
  top: auto !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.74fr) minmax(76px, 0.52fr) !important;
  align-items: end !important;
  gap: clamp(7px, 2.2vw, 12px) !important;
}

.nexus-worker-id-field {
  min-width: 0 !important;
  display: grid !important;
  align-content: end !important;
  gap: 4px !important;
}

.nexus-worker-id-field--expiry {
  padding-left: clamp(8px, 2.4vw, 12px) !important;
  border-left: 1px solid rgba(172, 215, 241, 0.52) !important;
}

.nexus-worker-id-bottom small {
  display: block !important;
  color: #acd7f1 !important;
  font-size: clamp(9px, 2.65vw, 11px) !important;
  line-height: 1.18 !important;
  font-weight: 540 !important;
  letter-spacing: 0 !important;
}

.nexus-worker-id-bottom strong {
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(11px, 3.35vw, 14px) !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  font-variant-numeric: tabular-nums !important;
}

.nexus-worker-id-field--expiry strong {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

.nexus-worker-id-qr-wrap {
  min-width: 0 !important;
  position: static !important;
  width: auto !important;
  display: grid !important;
  align-content: end !important;
  justify-items: center !important;
  gap: 5px !important;
  color: rgba(255, 255, 255, 0.86) !important;
  text-align: center !important;
}

.nexus-worker-id-qr {
  width: clamp(30px, 8.8vw, 39px) !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 6px !important;
  background: rgba(247, 251, 255, 0.95) !important;
  color: #113760 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.56) !important;
}

.nexus-worker-id-qr svg {
  width: 52% !important;
  height: 52% !important;
}

.nexus-worker-id-qr-wrap > span {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  max-width: 86px !important;
  color: rgba(246, 250, 255, 0.86) !important;
  font-size: clamp(8px, 2.35vw, 10px) !important;
  line-height: 1.14 !important;
  font-weight: 540 !important;
  letter-spacing: 0 !important;
}

.nexus-worker-id-qr-wrap b {
  display: block !important;
  font: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 370px) {
  .nexus-worker-id-person h2 {
    font-size: 18px !important;
  }

  .nexus-worker-id-person h2.long-name {
    font-size: 15px !important;
  }

  .nexus-worker-id-bottom strong {
    font-size: 10.5px !important;
  }

  .nexus-worker-id-badge {
    max-width: 100% !important;
    font-size: 8px !important;
  }

  .nexus-worker-id-bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) minmax(68px, 0.46fr) !important;
    gap: 6px !important;
  }

  .nexus-worker-id-qr-wrap > span {
    font-size: 8px !important;
  }
}

.candidate-id-support-card {
  min-height: 202px !important;
  display: grid !important;
  gap: 18px !important;
}

.candidate-id-support-card small,
.career-share-card small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #405a82 !important;
  font-size: 13px !important;
  text-align: center !important;
}

.candidate-id-support-card small svg,
.career-share-card small svg,
.candidate-compliance-info-strip svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}

.candidate-verification-ready-card {
  display: grid !important;
  gap: 14px !important;
}

.candidate-verification-ready-card .candidate-approved-section-heading > span {
  color: #566b8c !important;
}

.candidate-readiness-summary-grid {
  gap: 8px !important;
}

.candidate-readiness-summary-grid article {
  border-color: rgba(18, 89, 239, 0.18) !important;
  background: linear-gradient(180deg, #fff, #f5f9ff) !important;
}

.candidate-readiness-summary-grid i {
  color: var(--candidate-profile-blue) !important;
}

.candidate-readiness-summary-grid small {
  color: #526987 !important;
}

.candidate-readiness-summary-grid strong {
  color: #07183b !important;
  font-size: 15px !important;
}

.candidate-approved-compliance-page .candidate-approved-section-heading > span,
.candidate-approved-compliance-page .candidate-check-group-heading > span {
  color: #5f7392 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.candidate-approved-compliance-page .candidate-verification-ready-card {
  padding: 13px 14px !important;
  gap: 12px !important;
}

.candidate-approved-compliance-page .candidate-verification-ready-card h3 {
  font-size: 20px !important;
  line-height: 1.12 !important;
  font-weight: 690 !important;
}

.candidate-approved-compliance-page .candidate-verification-ready-card p {
  color: #526987 !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
}

.candidate-approved-compliance-page .candidate-readiness-summary-grid article {
  min-height: 56px !important;
  padding: 9px 10px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 9px !important;
}

.candidate-approved-compliance-page .candidate-readiness-summary-grid i {
  width: 30px !important;
  height: 30px !important;
}

.candidate-approved-compliance-page .candidate-readiness-summary-grid svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-compliance-page .candidate-readiness-summary-grid small {
  color: #657895 !important;
  font-size: 11.5px !important;
  font-weight: 540 !important;
  text-transform: none !important;
}

.candidate-approved-compliance-page .candidate-readiness-summary-grid strong {
  color: #0d2148 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.candidate-approved-compliance-page .candidate-check-group {
  padding: 12px 14px !important;
}

.candidate-approved-compliance-page .candidate-check-group-heading {
  padding: 0 0 9px !important;
}

.candidate-approved-compliance-page .candidate-check-group-heading small {
  color: #657895 !important;
  font-size: 12px !important;
  font-weight: 620 !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row {
  min-height: 60px !important;
  padding: 9px 0 !important;
  grid-template-columns: 38px minmax(0, 1fr) auto 20px !important;
  gap: 9px !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row > i {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row > i svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 1.95 !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row strong {
  color: #0d2148 !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row small {
  color: #657895 !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row > em {
  min-width: 78px !important;
  padding: 6px 9px !important;
  font-size: 11.5px !important;
  font-weight: 680 !important;
}

.candidate-approved-compliance-page .candidate-approved-check-row > svg {
  width: 19px !important;
  height: 19px !important;
  color: #647694 !important;
}

.candidate-check-group {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.candidate-check-group-heading {
  padding: 0 2px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(82, 105, 135, 0.14) !important;
}

.candidate-check-group-heading > span,
.candidate-check-group-heading small {
  color: #566b8c !important;
}

.candidate-check-group-heading small {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.candidate-approved-check-list {
  display: grid !important;
}

.candidate-approved-check-row {
  min-height: 66px !important;
  padding: 10px 0 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto 22px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(82, 105, 135, 0.14) !important;
  background: transparent !important;
  color: var(--candidate-profile-ink) !important;
  text-align: left !important;
}

.candidate-approved-check-row:last-child {
  border-bottom: 0 !important;
}

.candidate-approved-check-row > i {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: var(--candidate-profile-blue) !important;
  background: #eef6ff !important;
}

.candidate-approved-check-row > i svg {
  width: 25px !important;
  height: 25px !important;
}

.candidate-approved-check-row strong,
.candidate-approved-check-row small {
  display: block !important;
}

.candidate-approved-check-row strong {
  color: #07183b !important;
  font-size: 15px !important;
  line-height: 1.16 !important;
}

.candidate-approved-check-row small {
  margin-top: 3px !important;
  color: #526987 !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
}

.candidate-approved-check-row > em {
  min-width: 86px !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 999px !important;
  color: #4e5f7b !important;
  background: #eef3fa !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

.candidate-approved-check-row > em b {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #7485a2 !important;
}

.candidate-approved-check-row > em.valid {
  color: #086b3a !important;
  background: #dff8eb !important;
}

.candidate-approved-check-row > em.valid b {
  background: #0fad61 !important;
}

.candidate-approved-check-row > em.review,
.candidate-approved-check-row > em.pending,
.candidate-approved-check-row > em.conditional {
  color: #065cd6 !important;
  background: #e6f0ff !important;
}

.candidate-approved-check-row > em.review b,
.candidate-approved-check-row > em.pending b,
.candidate-approved-check-row > em.conditional b {
  background: #1259ef !important;
}

.candidate-approved-check-row > svg {
  width: 20px !important;
  height: 20px !important;
  color: #4d6384 !important;
}

.candidate-approved-primary-action {
  width: 100% !important;
}

.candidate-approved-primary-action svg {
  width: 20px !important;
  height: 20px !important;
}

@media (max-width: 374px) {
  .profile-page-content .candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button {
    font-size: 11px !important;
  }

  .candidate-approved-person,
  .candidate-worker-id-person {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .candidate-approved-photo,
  .candidate-worker-id-person .candidate-approved-photo {
    width: 58px !important;
    height: 58px !important;
  }

  .candidate-approved-status-grid,
  .candidate-readiness-summary-grid,
  .candidate-worker-id-grid,
  .career-work-grid {
    grid-template-columns: 1fr !important;
  }

  .career-work-grid article {
    border-right: 0 !important;
  }

  .career-work-grid article:nth-child(n + 2) {
    border-top: 1px solid rgba(82, 105, 135, 0.16) !important;
  }

  .candidate-approved-check-row {
    grid-template-columns: 42px minmax(0, 1fr) 20px !important;
  }

  .candidate-approved-check-row > em {
    grid-column: 2 / 4 !important;
    justify-self: start !important;
    margin-top: 6px !important;
  }
}

/* Candidate Home Nexus Network rebuild. */
.app-shell:has(.worker-home-page) {
  --bottom-nav-height: 56px;
  --worker-home-edge: 8px;
  --worker-home-ink: #071337;
  --worker-home-muted: #536787;
  --worker-home-blue: #075cff;
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
  background: #f4f9ff !important;
}

#app:has(.worker-home-page),
html.av-density-compact-phone #app:has(.worker-home-page),
html.av-density-compact-phone .app-shell:has(.worker-home-page) {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.app-shell:has(.worker-home-page),
.app-shell:has(.worker-home-page) * {
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

.app-shell:has(.worker-home-page) > .main {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #edf5fc 0%, #fbfdff 44%, #edf6ff 100%) !important;
  overflow-x: hidden !important;
}

.app-shell:has(.worker-home-page) > .main > .app-header.candidate-header {
  width: min(100%, 430px) !important;
  max-width: 100vw !important;
  margin: 0 auto 8px !important;
  padding: max(22px, env(safe-area-inset-top)) 8px 0 !important;
  border: 0 !important;
  border-radius: 0 0 26px 26px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 15% 28%, rgba(255, 255, 255, 0.22), transparent 24%),
    radial-gradient(circle at 72% 12%, rgba(116, 94, 255, 0.34), transparent 26%),
    radial-gradient(ellipse at 52% 100%, rgba(27, 216, 255, 0.22), transparent 36%),
    linear-gradient(132deg, #051a45 0%, #073dbd 48%, #0758ff 100%) !important;
  box-shadow: 0 16px 34px rgba(4, 44, 135, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.18) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.app-shell:has(.worker-home-page) > .main > .app-header.candidate-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, 0.14), transparent 28%, rgba(255, 255, 255, 0.05) 70%, transparent),
    radial-gradient(ellipse at 0% 100%, rgba(255, 255, 255, 0.18), transparent 35%) !important;
}

.app-shell:has(.worker-home-page) > .main > .app-header.candidate-header .app-header-row {
  width: 100% !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 14px 12px 17px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 118px !important;
  align-items: center !important;
  gap: 8px !important;
}

.app-shell:has(.worker-home-page) .app-avatar-button {
  width: 50px !important;
  height: 50px !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-shell:has(.worker-home-page) .app-avatar {
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #05266a !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 14px 26px rgba(2, 15, 56, 0.24), inset 0 1px 0 #fff !important;
  font-size: 0 !important;
  overflow: hidden !important;
}

.app-shell:has(.worker-home-page) .app-avatar.has-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.app-shell:has(.worker-home-page) .app-avatar svg {
  width: 27px !important;
  height: 27px !important;
  stroke-width: 2.25 !important;
}

.app-shell:has(.worker-home-page) .app-greeting {
  min-width: 0 !important;
  text-align: center !important;
}

.app-shell:has(.worker-home-page) .app-greeting h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 25px !important;
  line-height: 1.02 !important;
  font-weight: 790 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.worker-home-page) .app-greeting p {
  margin: 4px 0 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.worker-home-page) .header-icon-group {
  width: 118px !important;
  min-width: 118px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 6px !important;
}

.app-shell:has(.worker-home-page) .header-icon-button {
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.13) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 10px 18px rgba(2, 15, 56, 0.18) !important;
}

.app-shell:has(.worker-home-page) .header-icon-button svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2.15 !important;
}

.app-shell:has(.worker-home-page) .notification-badge {
  position: absolute !important;
  top: -7px !important;
  right: -4px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  background: #ff4040 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.content.worker-premium-page.worker-home-page {
  width: min(100%, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 var(--worker-home-edge) calc(var(--bottom-nav-height, 56px) + 8px + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  overflow-x: hidden !important;
  color: var(--worker-home-ink) !important;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 44%, #eff7ff 100%) !important;
}

.content.worker-premium-page.worker-home-page > * {
  min-width: 0 !important;
}

.worker-home-final-stack {
  display: grid !important;
  gap: 10px !important;
}

.worker-first-login-dashboard {
  position: relative !important;
  isolation: isolate !important;
  min-height: 312px !important;
  display: grid !important;
  gap: 8px !important;
  padding: 14px 13px 13px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  border: 1px solid rgba(72, 217, 255, 0.68) !important;
  color: #fff !important;
  background:
    radial-gradient(ellipse at 82% 10%, rgba(11, 105, 255, 0.74), transparent 34%),
    radial-gradient(circle at 82% 40%, rgba(34, 217, 255, 0.2), transparent 18%),
    radial-gradient(ellipse at 100% 70%, rgba(7, 88, 219, 0.34), transparent 44%),
    radial-gradient(ellipse at 8% 10%, rgba(25, 82, 178, 0.28), transparent 30%),
    linear-gradient(132deg, #031339 0%, #061c55 38%, #073fae 68%, #04143d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -28px 58px rgba(0, 7, 34, 0.48),
    inset 0 0 24px rgba(34, 217, 255, 0.12),
    0 0 0 1px rgba(7, 92, 255, 0.18),
    0 0 16px rgba(34, 217, 255, 0.28),
    0 14px 24px rgba(4, 28, 78, 0.18) !important;
}

.worker-first-login-dashboard::before,
.worker-first-login-dashboard::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}

.worker-first-login-dashboard::before {
  z-index: 0 !important;
  background:
    radial-gradient(circle at 72% 35%, rgba(169, 247, 255, 0.16), transparent 16%),
    radial-gradient(circle at 98% 55%, rgba(34, 217, 255, 0.12), transparent 25%),
    linear-gradient(98deg, rgba(255, 255, 255, 0.055), transparent 36%, rgba(255, 255, 255, 0.03) 72%, transparent) !important;
}

.worker-first-login-dashboard::after {
  z-index: 2 !important;
  inset: 1px !important;
  border: 1px solid rgba(161, 238, 255, 0.44) !important;
  box-shadow: inset 0 0 18px rgba(22, 216, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.worker-first-login-dashboard > :not(.worker-home-nexus-visual) {
  position: relative !important;
  z-index: 3 !important;
}

.worker-home-nexus-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

.worker-home-nexus-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 76% 34%, rgba(34, 217, 255, 0.18), transparent 16%),
    radial-gradient(circle at 92% 70%, rgba(7, 88, 219, 0.22), transparent 28%),
    linear-gradient(90deg, rgba(0, 5, 30, 0.16), transparent 55%) !important;
}

.worker-home-nexus-network {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 0.92 !important;
  transform: translateY(-1px) !important;
  transform-origin: center !important;
}

.worker-first-login-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

.worker-first-login-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.worker-first-login-topline > span {
  min-width: 0 !important;
  color: rgba(240, 248, 255, 0.9) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.worker-first-login-chip {
  min-height: 23px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(22, 216, 255, 0.46) !important;
  color: #fff !important;
  background: rgba(8, 80, 207, 0.36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 8px rgba(22, 216, 255, 0.14) !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.worker-first-login-chip i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #f6bd28 !important;
  box-shadow: 0 0 0 3px rgba(246, 189, 40, 0.14) !important;
}

.worker-first-login-chip span {
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.worker-first-login-title {
  min-width: 0 !important;
  width: 100% !important;
}

.worker-first-login-head h2 {
  max-width: min(100%, 300px) !important;
  margin: 7px 0 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
}

.worker-first-login-head p {
  max-width: 268px !important;
  margin: 6px 0 0 !important;
  color: #bad8ff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 560 !important;
}

.worker-first-login-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 3px !important;
}

.worker-setup-status {
  min-width: 0 !important;
  min-height: 47px !important;
  padding: 7px 9px !important;
  display: grid !important;
  grid-template-columns: 29px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(34, 217, 255, 0.58) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(4, 33, 106, 0.78) 0%, rgba(7, 62, 174, 0.5) 58%, rgba(3, 18, 57, 0.66) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(174, 239, 255, 0.2), inset 0 -12px 22px rgba(0, 7, 34, 0.22), 0 5px 12px rgba(0, 12, 45, 0.12) !important;
  backdrop-filter: blur(8px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.18) !important;
}

.worker-setup-status-icon {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
}

.worker-setup-status svg {
  width: 22px !important;
  height: 22px !important;
  color: #63f0ff !important;
  stroke-width: 2.15 !important;
}

.worker-setup-status small {
  display: block !important;
  margin: 0 0 2px !important;
  color: #d9f5ff !important;
  font-size: 9px !important;
  line-height: 1.02 !important;
  font-weight: 790 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.worker-setup-status strong {
  display: block !important;
  min-width: 0 !important;
  color: #ffffff !important;
  font-size: 13.2px !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
  overflow-wrap: anywhere !important;
}

.worker-home-score-note {
  max-width: 315px !important;
  margin: 1px 0 2px !important;
  color: #bad8ff !important;
  font-size: 13px !important;
  line-height: 1.27 !important;
  font-weight: 540 !important;
}

.worker-home-command-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  gap: 8px !important;
}

.worker-home-command-actions button {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 730 !important;
  white-space: nowrap !important;
}

.worker-home-command-actions svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
  stroke-width: 2.2 !important;
}

.worker-home-primary-cta {
  border: 1px solid rgba(218, 236, 255, 0.95) !important;
  color: #06115c !important;
  background: linear-gradient(145deg, #ffffff 0%, #f6fbff 58%, #dfeeff 100%) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 18px rgba(2, 18, 79, 0.28) !important;
}

.worker-home-primary-cta svg,
.worker-home-action-copy em svg,
.worker-home-next-row button svg,
.worker-home-explore svg {
  transform: rotate(180deg) !important;
}

.worker-home-secondary-cta {
  border: 1px solid rgba(22, 216, 255, 0.86) !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(1, 17, 65, 0.86), rgba(5, 34, 94, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 0 14px rgba(22, 216, 255, 0.14) !important;
}

.worker-home-work-way {
  display: grid !important;
  gap: 9px !important;
}

.worker-home-work-way h2 {
  margin: 1px 2px 0 !important;
  color: var(--worker-home-ink) !important;
  font-size: 22px !important;
  line-height: 1.13 !important;
  font-weight: 800 !important;
}

.worker-home-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.worker-home-action-card,
.worker-home-next-row,
.worker-home-discover-card {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid rgba(177, 213, 255, 0.95) !important;
  color: var(--worker-home-ink) !important;
  background:
    radial-gradient(circle at 91% 6%, rgba(159, 218, 255, 0.22), transparent 20%),
    linear-gradient(146deg, #ffffff 0%, #fdffff 50%, #eff8ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -18px 34px rgba(41, 128, 220, 0.035), 0 10px 22px rgba(19, 57, 107, 0.075) !important;
}

.worker-home-action-card {
  min-height: 158px !important;
  padding: 13px 12px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 7px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  text-align: left !important;
}

.worker-home-action-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 42px !important;
}

.worker-home-action-icon,
.worker-home-next-icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #096dff !important;
  background: radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.28) 42%, transparent 70%), linear-gradient(180deg, #edf6ff 0%, #e3f0ff 100%) !important;
}

.worker-home-action-icon svg,
.worker-home-next-icon svg {
  width: 23px !important;
  height: 23px !important;
  stroke-width: 2.1 !important;
}

.worker-home-availability-pill {
  --availability-pill-color: #64748b;
  --availability-pill-bg: #f1f5f9;
  --availability-pill-border: #dbe5ef;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid var(--availability-pill-border) !important;
  border-radius: 999px !important;
  color: var(--availability-pill-color) !important;
  background: var(--availability-pill-bg) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 730 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.worker-home-availability-pill i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: var(--availability-pill-color) !important;
}

.worker-home-availability-pill span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.worker-home-availability-pill[data-availability-tone="available"] {
  --availability-pill-color: #15803d;
  --availability-pill-bg: #f0fdf4;
  --availability-pill-border: #bbf7d0;
}

.worker-home-availability-pill[data-availability-tone="scheduled"] {
  --availability-pill-color: #1d4ed8;
  --availability-pill-bg: #eff6ff;
  --availability-pill-border: #bfdbfe;
}

.worker-home-availability-pill[data-availability-tone="unavailable"] {
  --availability-pill-color: #b91c1c;
  --availability-pill-bg: #fef2f2;
  --availability-pill-border: #fecaca;
}

.worker-home-availability-pill[data-availability-tone="loading"] {
  --availability-pill-color: #475569;
  --availability-pill-bg: #f8fafc;
  --availability-pill-border: #dbe5ef;
}

.worker-home-action-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.worker-home-action-copy strong,
.worker-home-next-row strong {
  color: var(--worker-home-ink) !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 780 !important;
}

.worker-home-action-copy small,
.worker-home-next-row small {
  color: var(--worker-home-muted) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

.worker-home-action-copy em {
  margin-top: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #0866ed !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-style: normal !important;
  font-weight: 720 !important;
}

.worker-home-action-copy em svg,
.worker-home-next-row button svg,
.worker-home-explore svg {
  width: 18px !important;
  height: 18px !important;
}

.worker-home-next-row {
  min-height: 62px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 16px !important;
}

.worker-home-next-row > span:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.worker-home-next-row button {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 2px 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0866ed !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 740 !important;
  white-space: nowrap !important;
}

.worker-home-discover-card {
  position: relative !important;
  min-height: 176px !important;
  padding: 15px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(118px, 150px) !important;
  align-items: end !important;
  gap: 8px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

.worker-home-discover-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  align-content: end !important;
}

.worker-home-discover-copy h2 {
  max-width: 210px !important;
  margin: 0 !important;
  color: var(--worker-home-ink) !important;
  font-size: 18px !important;
  line-height: 1.16 !important;
  font-weight: 720 !important;
}

.worker-home-discover-copy p {
  max-width: 230px !important;
  margin: 0 !important;
  color: var(--worker-home-muted) !important;
  font-size: 14px !important;
  line-height: 1.24 !important;
  font-weight: 500 !important;
}

.worker-home-sector-chips {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

.worker-home-sector-chips button {
  min-height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid #c8ddf9 !important;
  color: #184476 !important;
  background: #eef6ff !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 660 !important;
}

.worker-home-explore {
  width: min(204px, 100%) !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #096cff 0%, #4f35ed 100%) !important;
  box-shadow: 0 14px 26px rgba(21, 103, 238, 0.22) !important;
  font-size: 15px !important;
  font-weight: 740 !important;
}

.worker-home-city-illustration {
  min-height: 126px !important;
  display: flex !important;
  align-items: end !important;
  justify-content: end !important;
  align-self: end !important;
}

.worker-home-city-scene {
  width: 100% !important;
  max-width: 148px !important;
  height: auto !important;
  display: block !important;
}

.worker-home-help-launcher {
  position: absolute !important;
  top: 34px !important;
  right: 12px !important;
  z-index: 3 !important;
  width: max-content !important;
  min-width: 84px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0c6cff 0%, #064dcc 100%) !important;
  box-shadow: 0 12px 24px rgba(11, 96, 235, 0.24) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.worker-home-help-launcher svg {
  width: 20px !important;
  height: 20px !important;
}

.worker-home-help-scrim {
  position: fixed !important;
  inset: 0 !important;
  z-index: 85 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(5, 18, 42, 0.32) !important;
  backdrop-filter: blur(8px) !important;
}

.worker-home-help-dialog {
  position: fixed !important;
  left: max(10px, calc((100vw - min(100vw, 430px)) / 2 + 10px), env(safe-area-inset-left)) !important;
  right: max(10px, calc((100vw - min(100vw, 430px)) / 2 + 10px), env(safe-area-inset-right)) !important;
  bottom: calc(var(--bottom-nav-height, 56px) + 62px + env(safe-area-inset-bottom)) !important;
  z-index: 90 !important;
  width: auto !important;
  max-height: min(540px, calc(100vh - var(--bottom-nav-height, 56px) - 170px)) !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  border: 1px solid #d3e3f5 !important;
  color: var(--worker-home-ink) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 24px 58px rgba(5, 23, 55, 0.24) !important;
  outline: none !important;
}

.worker-home-help-head {
  display: contents !important;
}

.worker-home-help-head > span {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #0b67ed !important;
  background: #edf6ff !important;
}

.worker-home-help-head > button {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid #d4e3f5 !important;
  background: #f7fbff !important;
  color: #142846 !important;
}

.worker-home-help-head svg {
  width: 22px !important;
  height: 22px !important;
}

.worker-home-help-dialog h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  margin: 0 !important;
  color: var(--worker-home-ink) !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

.worker-home-help-dialog p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  color: var(--worker-home-muted) !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 500 !important;
}

.worker-home-help-back,
.worker-home-help-topic-list,
.worker-home-help-footer {
  grid-column: 1 / -1 !important;
}

.worker-home-help-back {
  justify-self: start !important;
  min-height: 38px !important;
  margin-top: 10px !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #d4e3f5 !important;
  border-radius: 999px !important;
  color: #142846 !important;
  background: #f7fbff !important;
  font-size: 14px !important;
  font-weight: 720 !important;
}

.worker-home-help-topic-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.worker-home-help-topic-list button {
  min-height: 60px !important;
  padding: 9px 11px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  gap: 11px !important;
  border: 1px solid #d5e4f5 !important;
  border-radius: 15px !important;
  color: var(--worker-home-ink) !important;
  background: #fff !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.worker-home-help-topic-list button > span:first-child {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #0b67ed !important;
  background: #edf6ff !important;
}

.worker-home-help-topic-list svg {
  width: 22px !important;
  height: 22px !important;
}

.worker-home-help-topic-list button > svg:last-child {
  width: 19px !important;
  height: 19px !important;
  color: #0b67ed !important;
  transform: rotate(180deg) !important;
}

.worker-home-help-topic-list strong {
  display: block !important;
  color: var(--worker-home-ink) !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 740 !important;
}

.worker-home-help-topic-list small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--worker-home-muted) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 520 !important;
}

.worker-home-help-footer {
  min-height: 50px !important;
  margin-top: 10px !important;
  padding: 0 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0b6cff, #5943e8) !important;
  box-shadow: 0 14px 26px rgba(11, 96, 235, 0.2) !important;
  font-size: 16px !important;
  font-weight: 760 !important;
}

.worker-home-help-footer span {
  flex: 1 1 auto !important;
  text-align: left !important;
}

.worker-home-help-footer svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
}

.worker-home-help-footer svg:last-child {
  transform: rotate(180deg) !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  padding: 4px 6px calc(4px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(104, 172, 255, 0.22) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0a2b60 0%, #031638 42%, #00112c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(159, 207, 255, 0.13) !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button {
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 4px 1px 3px !important;
  display: grid !important;
  grid-template-rows: 22px 14px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 1px !important;
  border-radius: 13px !important;
  color: rgba(218, 231, 249, 0.78) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 690 !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button::before {
  top: 0 !important;
  width: min(66px, calc(100% - 8px)) !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #1680ff 0%, #075cff 54%, #293eef 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 14px rgba(0, 61, 175, 0.24) !important;
  opacity: 0 !important;
  transform: translateX(-50%) !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button.active {
  color: #ffffff !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button.active::before {
  opacity: 1 !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button.active::after {
  content: none !important;
  display: none !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button svg {
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  stroke-width: 2.15 !important;
  filter: none !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button span {
  color: currentColor !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 690 !important;
}

.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button.active svg,
.app-shell:has(.nav-button[data-view="workerProfile"]) > .nav .nav-button.active span {
  color: #ffffff !important;
}

.native-command-overlay.messages .message-overlay-nav {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  padding: 4px 6px calc(4px + env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-top: 1px solid rgba(104, 172, 255, 0.22) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0a2b60 0%, #031638 42%, #00112c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(159, 207, 255, 0.13) !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button {
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 4px 1px 3px !important;
  display: grid !important;
  grid-template-rows: 22px 14px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 1px !important;
  border-radius: 13px !important;
  color: rgba(218, 231, 249, 0.78) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 690 !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button::before {
  top: 0 !important;
  width: min(66px, calc(100% - 8px)) !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #1680ff 0%, #075cff 54%, #293eef 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 14px rgba(0, 61, 175, 0.24) !important;
  opacity: 0 !important;
  transform: translateX(-50%) !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button.active {
  color: #ffffff !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button.active::before {
  opacity: 1 !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button.active::after {
  content: none !important;
  display: none !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button svg {
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  stroke-width: 2.15 !important;
  filter: none !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button span {
  color: currentColor !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 690 !important;
}

.native-command-overlay.messages .message-overlay-nav .nav-button.active svg,
.native-command-overlay.messages .message-overlay-nav .nav-button.active span {
  color: #ffffff !important;
}

@media (max-width: 390px) {
  .worker-first-login-dashboard {
    min-height: 314px !important;
    padding: 13px 12px 12px !important;
    gap: 7px !important;
  }

  .worker-home-nexus-network {
    opacity: 0.9 !important;
  }

  .worker-first-login-head h2 {
    max-width: min(100%, 286px) !important;
    font-size: 23px !important;
  }

  .worker-first-login-head p {
    max-width: 252px !important;
    font-size: 13.5px !important;
  }

  .worker-setup-status {
    min-height: 46px !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;
    padding: 7px 8px !important;
  }

  .worker-setup-status small {
    font-size: 8.8px !important;
  }

  .worker-setup-status strong {
    font-size: 13px !important;
  }

  .worker-home-action-card {
    min-height: 154px !important;
    padding: 12px !important;
  }
}

@media (max-width: 360px) {
  .app-shell:has(.worker-home-page) > .main > .app-header.candidate-header .app-header-row {
    grid-template-columns: 52px minmax(0, 1fr) 106px !important;
    padding-inline: 10px !important;
  }

  .app-shell:has(.worker-home-page) .header-icon-group {
    width: 106px !important;
    min-width: 106px !important;
    gap: 4px !important;
  }

  .app-shell:has(.worker-home-page) .header-icon-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .worker-home-nexus-network {
    opacity: 0.86 !important;
    transform: translateX(5px) translateY(-1px) !important;
  }

  .worker-first-login-head h2 {
    max-width: min(100%, 266px) !important;
    font-size: 22px !important;
  }

  .worker-home-action-card {
    min-height: 146px !important;
  }
}

@media (max-width: 340px) {
  .worker-home-command-actions,
  .worker-home-action-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-height: 720px) {
  .worker-home-help-dialog {
    max-height: min(440px, calc(100vh - var(--bottom-nav-height, 56px) - 138px)) !important;
  }
}
/* Candidate work situation feature */
.work-situation-mini-card,
.availability-work-situation-shortcut {
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(22, 104, 255, 0.32);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 247, 255, 0.92));
  box-shadow: 0 12px 30px rgba(4, 34, 86, 0.08);
}

.work-situation-mini-card {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  gap: 10px;
}

.work-situation-mini-card.saved {
  grid-template-columns: 1fr auto;
}

.work-situation-mini-icon,
.work-situation-status-icon,
.availability-work-situation-shortcut svg {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #075cff;
  background: #eaf3ff;
}

.work-situation-mini-icon svg,
.work-situation-status-icon svg {
  width: 21px;
  height: 21px;
}

.work-situation-mini-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.work-situation-mini-copy > span,
.work-situation-mini-copy small,
.availability-work-situation-shortcut small {
  color: #456080;
  font-size: 13px;
  font-weight: 650;
}

.work-situation-mini-copy strong,
.availability-work-situation-shortcut strong {
  color: #071943;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 760;
}

.work-situation-mini-copy small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.work-situation-mini-copy small i,
.work-situation-offers-card p i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #17a768;
}

.work-situation-mini-copy small.paused i,
.work-situation-offers-card p i.paused {
  background: #f04455;
}

.work-situation-mini-card button,
.availability-work-situation-shortcut button,
.work-situation-status-card > button {
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  padding: 0 16px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #2c69ff);
  font-weight: 760;
}

.availability-work-situation-shortcut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.availability-work-situation-shortcut > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.availability-work-situation-shortcut > div > span {
  display: grid;
  gap: 2px;
}

.worker-work-situation-page {
  padding-bottom: calc(var(--candidate-nav-total-height, 92px) + 18px);
}

.work-situation-hero {
  position: relative;
  isolation: isolate;
  margin: 0 0 14px;
  min-height: 108px;
  padding: 15px 16px;
  border: 1px solid rgba(91, 171, 255, 0.34);
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 28%, rgba(57, 147, 255, 0.38), transparent 35%),
    linear-gradient(135deg, #05162f 0%, #082851 48%, #1247a3 100%);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  overflow: hidden;
  box-shadow:
    0 14px 28px rgba(5, 22, 47, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(61, 169, 255, 0.24);
}

.work-situation-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(91, 217, 255, 0.18), rgba(91, 217, 255, 0.7), rgba(91, 217, 255, 0.16));
  pointer-events: none;
}

.work-situation-hero-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.work-situation-hero-art::before,
.work-situation-hero-art::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  transform: rotate(-32deg);
}

.work-situation-hero-art::before {
  right: -58px;
  top: -58px;
  width: 238px;
  height: 152px;
  border: 1px solid rgba(158, 207, 255, 0.23);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 62%);
}

.work-situation-hero-art::after {
  right: -34px;
  bottom: -80px;
  width: 258px;
  height: 168px;
  border-top: 1px solid rgba(151, 210, 255, 0.22);
  box-shadow: -44px -30px 0 -43px rgba(123, 200, 255, 0.42);
}

.work-situation-hero-art span {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
  color: rgba(199, 225, 255, 0.22);
}

.work-situation-hero-art svg {
  width: 100%;
  height: 100%;
}

.work-situation-back {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid rgba(216, 235, 255, 0.16);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.work-situation-back svg {
  width: 20px;
  height: 20px;
}

.work-situation-hero-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
  max-width: calc(100% - 42px);
}

.work-situation-hero-copy > span {
  color: #c4d6f1;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 660;
  letter-spacing: 0.18em;
}

.work-situation-hero h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.06;
  letter-spacing: 0;
  font-weight: 700;
}

.work-situation-hero p {
  margin: 0;
  color: #c4d6f1;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 560;
}

.work-situation-flow-card,
.work-situation-manage-stack > section,
.work-situation-outline-action {
  border: 1px solid rgba(180, 205, 236, 0.78);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 0.94));
  box-shadow: 0 16px 34px rgba(4, 34, 86, 0.08);
}

.work-situation-flow-card {
  padding: 16px;
}

.work-situation-progress {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 16px;
}

.work-situation-progress span {
  height: 4px;
  border-radius: 999px;
  background: #d8e4f4;
}

.work-situation-progress span.active {
  background: linear-gradient(90deg, #075cff, #47a2ff);
}

.work-situation-step {
  display: grid;
  gap: 14px;
}

.work-situation-eyebrow {
  color: #607591;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.work-situation-step h2,
.work-situation-confirmation h2,
.work-situation-offers-card h2 {
  margin: 0;
  color: #071943;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: 0;
}

.work-situation-step p,
.work-situation-confirmation p,
.work-situation-offers-card span {
  margin: 0;
  color: #506785;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
}

.work-situation-choice-stack,
.workplace-choice-panel {
  display: grid;
  gap: 10px;
}

.work-situation-choice-stack button,
.workplace-choice-panel > button,
.work-situation-placement-list button {
  min-height: 64px;
  border: 1px solid rgba(180, 205, 236, 0.86);
  border-radius: 13px;
  padding: 11px;
  background: rgba(255, 255, 255, 0.9);
  color: #071943;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: center;
  text-align: left;
}

.work-situation-choice-stack.compact button {
  min-height: 58px;
}

.work-situation-choice-stack button.active,
.workplace-choice-panel > button.active,
.work-situation-placement-list button.active {
  border-color: #075cff;
  background: linear-gradient(135deg, rgba(239, 247, 255, 0.98), rgba(255, 255, 255, 0.96));
  box-shadow: inset 0 0 0 1px rgba(7, 92, 255, 0.18);
}

.work-situation-choice-stack i,
.workplace-choice-panel > button > svg {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  padding: 7px;
  color: #075cff;
  background: #eaf3ff;
}

.work-situation-choice-stack span,
.workplace-choice-panel span,
.work-situation-placement-list span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.work-situation-choice-stack strong,
.workplace-choice-panel strong,
.work-situation-placement-list strong {
  font-size: 15px;
  line-height: 1.18;
  color: #071943;
  font-weight: 760;
}

.work-situation-choice-stack small,
.workplace-choice-panel small,
.work-situation-placement-list small {
  color: #536987;
  font-size: 13px;
  font-weight: 620;
}

.work-situation-placement-list {
  display: grid;
  gap: 8px;
  padding: 4px 0 2px 44px;
}

.work-situation-placement-list button {
  grid-template-columns: 1fr auto;
  min-height: 58px;
}

.work-situation-placement-list em {
  color: #075cff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.work-situation-placement-list article {
  padding: 12px;
  border-radius: 12px;
  background: #f2f7fc;
  color: #506785;
}

.work-situation-inline-fields,
.work-situation-date-field {
  display: grid;
  gap: 10px;
  padding-left: 44px;
}

.work-situation-inline-fields label,
.work-situation-date-field {
  color: #506785;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.work-situation-inline-fields input,
.work-situation-date-field input {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(180, 205, 236, 0.86);
  border-radius: 12px;
  padding: 0 12px;
  color: #071943;
  background: #fff;
  font: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.work-situation-segmented {
  display: grid;
  gap: 8px;
}

.work-situation-segmented button {
  min-height: 42px;
  border: 1px solid rgba(180, 205, 236, 0.9);
  border-radius: 999px;
  background: #fff;
  color: #415a79;
  font-weight: 760;
}

.work-situation-segmented button.active {
  color: #fff;
  border-color: #075cff;
  background: #075cff;
}

.work-situation-review-box {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(180, 205, 236, 0.78);
  border-radius: 13px;
  background: #f7fbff;
}

.work-situation-review-box div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.work-situation-review-box span {
  color: #607591;
  font-size: 12px;
  font-weight: 800;
}

.work-situation-review-box strong {
  color: #071943;
  font-size: 14px;
  font-weight: 760;
  text-align: right;
}

.work-situation-disclosure {
  padding: 10px 12px;
  border-left: 3px solid #6fe7ff;
  border-radius: 10px;
  background: rgba(235, 248, 255, 0.8);
}

.work-situation-error {
  color: #b42336 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.work-situation-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
}

.work-situation-actions.vertical {
  grid-template-columns: 1fr;
}

.work-situation-actions button {
  min-height: 46px;
  border-radius: 12px;
}

.work-situation-confirmation {
  display: grid;
  gap: 14px;
  text-align: center;
}

.work-situation-success-mark {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #14b86b, #0b914f);
  box-shadow: 0 14px 30px rgba(20, 184, 107, 0.26);
}

.work-situation-success-mark svg {
  width: 30px;
  height: 30px;
}

.work-situation-manage-stack {
  display: grid;
  gap: 12px;
}

.work-situation-status-card {
  padding: 14px;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 12px;
  align-items: center;
}

.work-situation-status-card > div:nth-child(2) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.work-situation-status-card strong {
  color: #071943;
  font-size: 18px;
  line-height: 1.15;
}

.work-situation-status-card span,
.work-situation-status-card small {
  color: #506785;
  font-size: 14px;
  font-weight: 650;
}

.work-situation-offers-card {
  padding: 16px;
  display: grid;
  gap: 14px;
}

.work-situation-offers-card p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  color: #071943;
  font-weight: 760;
}

.work-situation-outline-action,
.work-situation-link-action {
  min-height: 48px;
  width: 100%;
  border: 1px solid rgba(7, 92, 255, 0.48);
  border-radius: 13px;
  color: #075cff;
  background: rgba(255, 255, 255, 0.9);
  font-weight: 760;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.work-situation-link-action {
  border-color: transparent;
  background: transparent;
  color: #075cff;
}

.work-situation-link-action svg,
.work-situation-outline-action svg {
  width: 19px;
  height: 19px;
}

@media (max-width: 374px) {
  .work-situation-mini-card {
    grid-template-columns: 38px 1fr;
  }

  .work-situation-mini-card button {
    grid-column: 1 / -1;
  }

  .work-situation-status-card {
    grid-template-columns: 42px 1fr;
  }

  .work-situation-status-card > button {
    grid-column: 1 / -1;
  }

  .work-situation-actions {
    grid-template-columns: 1fr;
  }
}

/* Option A - Royal Satin candidate Jobs and Offers */
.app-shell:has(.royal-satin-jobs) > .main {
  padding-inline: 0 !important;
  padding-bottom: 0 !important;
  background:
    linear-gradient(180deg, #f7fbff 0%, #f2f7fd 45%, #f8fbff 100%) !important;
}

.app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"],
html.av-density-compact-phone .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"],
html.native-android .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"] {
  z-index: 30 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: max(18px, env(safe-area-inset-top)) 16px 38px !important;
  border: 0 !important;
  border-radius: 0 0 22px 22px !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(37, 113, 255, 0.34), transparent 31%),
    linear-gradient(142deg, #061a3d 0%, #0b3f9f 52%, #1558f5 100%) !important;
  box-shadow: 0 18px 36px rgba(7, 26, 60, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
  animation: none !important;
}

.app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"]::before {
  width: 170px !important;
  height: 170px !important;
  top: -44px !important;
  right: -42px !important;
  border: 1px solid rgba(140, 190, 255, 0.22) !important;
  background: transparent !important;
  filter: none !important;
}

.app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"]::after {
  width: 120px !important;
  height: 120px !important;
  top: 24px !important;
  right: -16px !important;
  left: auto !important;
  bottom: auto !important;
  border: 1px solid rgba(143, 196, 255, 0.16) !important;
  background: transparent !important;
  transform: rotate(18deg) !important;
  filter: none !important;
}

.app-shell:has(.royal-satin-jobs) .app-header-row {
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.app-shell:has(.royal-satin-jobs) .app-greeting {
  text-align: left !important;
}

.app-shell:has(.royal-satin-jobs) .app-greeting::before {
  content: "AVyntro";
  display: block;
  margin: 0 0 3px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  line-height: 1;
  font-weight: 720;
  letter-spacing: 0;
}

.app-shell:has(.royal-satin-jobs) .app-greeting h1 {
  font-size: 28px !important;
  font-weight: 820 !important;
  line-height: 1.02 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.app-shell:has(.royal-satin-jobs) .app-greeting p {
  margin-top: 5px !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  color: rgba(235, 244, 255, 0.9) !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.app-shell:has(.royal-satin-jobs) .app-avatar,
.app-shell:has(.royal-satin-jobs) .app-avatar-button {
  width: 48px !important;
  height: 48px !important;
}

.app-shell:has(.royal-satin-jobs) .header-icon-group {
  gap: 7px !important;
}

.app-shell:has(.royal-satin-jobs) .header-icon-button {
  width: 38px !important;
  height: 38px !important;
  border-color: rgba(215, 232, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs {
  position: relative !important;
  width: 100% !important;
  max-width: 430px !important;
  margin: -15px auto 0 !important;
  padding: 0 16px calc(var(--candidate-nav-total-height, 92px) + 18px) !important;
  display: grid !important;
  gap: 13px !important;
  overflow-x: visible !important;
  background:
    linear-gradient(180deg, #f7fbff 0%, #f2f7fd 45%, #f8fbff 100%) !important;
}

.royal-satin-jobs,
.royal-satin-jobs * {
  box-sizing: border-box;
}

.royal-satin-jobs > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.royal-satin-jobs .work-situation-mini-card {
  position: relative !important;
  z-index: 40 !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  align-items: center !important;
  border: 1px solid rgba(190, 216, 250, 0.92) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.97)) !important;
  box-shadow:
    0 10px 22px rgba(14, 50, 96, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.royal-satin-jobs .work-situation-mini-card.saved {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
}

.royal-satin-jobs .work-situation-mini-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  color: #1558f5 !important;
  background: linear-gradient(180deg, #eef6ff, #e5f0ff) !important;
}

.royal-satin-jobs .work-situation-mini-icon svg {
  width: 19px !important;
  height: 19px !important;
}

.royal-satin-jobs .work-situation-mini-copy {
  gap: 2px !important;
}

.royal-satin-jobs .work-situation-mini-copy > span:first-child,
.royal-satin-jobs .work-situation-mini-copy small {
  color: #526786 !important;
  font-size: 12.5px !important;
  font-weight: 570 !important;
  line-height: 1.12 !important;
}

.royal-satin-jobs .work-situation-mini-copy > span:not(:first-child),
.royal-satin-jobs .work-situation-mini-copy strong {
  color: #102448 !important;
  font-size: 14.5px !important;
  line-height: 1.12 !important;
  font-weight: 690 !important;
}

.royal-satin-jobs .work-situation-mini-card button {
  min-width: 78px !important;
  min-height: 44px !important;
  border: 1px solid rgba(21, 88, 245, 0.24) !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  color: #1558f5 !important;
  background: linear-gradient(180deg, #f8fbff, #edf5ff) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs .worker-job-tabs {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e4f6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs .worker-job-tabs button {
  position: relative !important;
  min-height: 48px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #526786 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 680 !important;
  line-height: 1.1 !important;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs .worker-job-tabs button::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: transparent;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs .worker-job-tabs button.active {
  color: #075cff !important;
  background: transparent !important;
}

.content.worker-jobs-page.worker-premium-page.royal-satin-jobs .worker-job-tabs button.active::after {
  background: #1558f5;
}

.royal-jobs-panel,
.royal-offers-panel {
  display: grid !important;
  gap: 16px !important;
}

.royal-jobs-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(96px, 104px);
  gap: 10px;
  align-items: center;
}

.royal-jobs-search-card {
  min-width: 0;
  padding: 12px;
  display: grid;
  gap: 11px;
  border: 1px solid #dce7f7;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 14px 28px rgba(16, 36, 72, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.royal-jobs-field-group {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.royal-jobs-field-group.location {
  gap: 4px;
  margin-bottom: 10px;
}

.royal-jobs-field-group > label {
  color: #637493;
  font-size: 12px;
  line-height: 16px;
  font-weight: 680;
}

.royal-jobs-input-control,
.royal-jobs-location-control {
  min-width: 0;
  min-height: 48px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.royal-jobs-input-control {
  padding: 0 12px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 28px;
  gap: 10px;
  align-items: center;
}

.royal-jobs-location-control {
  height: 54px;
  min-height: 54px;
  max-height: 54px;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(96px, 108px);
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 252, 255, 0.96));
}

.royal-jobs-location-control.empty {
  padding: 0;
  color: inherit;
  text-align: left;
}

.royal-jobs-location-input {
  min-width: 0;
  position: relative;
  height: 54px;
  min-height: 54px;
  padding: 0 6px 0 11px;
  display: block;
}

.royal-jobs-input-control > svg,
.royal-jobs-location-input > svg {
  width: 19px;
  height: 19px;
  color: #06143a;
  stroke-width: 2.05;
}

.royal-jobs-location-input > svg {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.royal-jobs-input-control input,
.royal-jobs-location-input input {
  min-width: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  color: #071633;
  background: transparent;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 590;
}

.royal-jobs-input-control input::-webkit-search-cancel-button,
.royal-jobs-location-input input::-webkit-search-cancel-button {
  display: none;
  appearance: none;
  -webkit-appearance: none;
}

.royal-jobs-location-input input {
  position: absolute;
  left: 39px;
  right: 6px;
  top: 50%;
  z-index: 2;
  height: 22px;
  line-height: 22px;
  width: auto;
  transform: translateY(-50%);
}

.royal-jobs-location-placeholder {
  position: absolute;
  left: 39px;
  right: 6px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  overflow: hidden;
  color: #637493;
  font-size: 14px;
  line-height: 22px;
  font-weight: 590;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.82;
  pointer-events: none;
}

.royal-jobs-location-placeholder.hidden {
  opacity: 0;
}

.royal-jobs-input-control input::placeholder,
.royal-jobs-location-input input::placeholder {
  color: #637493;
  opacity: 0.82;
}

.royal-jobs-clear-control {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #637493;
  background: transparent;
  opacity: 0;
  pointer-events: none;
}

.royal-jobs-input-control:focus-within .royal-jobs-clear-control,
.royal-jobs-location-control:focus-within .royal-jobs-clear-control {
  opacity: 1;
  pointer-events: auto;
}

.royal-jobs-clear-control svg {
  width: 16px;
  height: 16px;
}

.royal-jobs-distance-select {
  min-width: 0;
  height: 54px;
  position: relative;
  display: grid;
  align-items: center;
  border-left: 1px solid #dce7f7;
}

.royal-jobs-distance-select select {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  padding: 0 27px 0 11px;
  color: #071633;
  background: transparent;
  font: inherit;
  font-size: 13px;
  line-height: 20px;
  font-weight: 760;
  opacity: 0;
}

.royal-jobs-distance-select select:disabled {
  color: #8b9ab2;
}

.royal-jobs-distance-select select:focus-visible + .royal-jobs-distance-value {
  color: #0c63ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.royal-jobs-distance-value {
  position: absolute;
  left: 11px;
  right: 27px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  overflow: hidden;
  color: #071633;
  font-size: 13px;
  line-height: 20px;
  font-weight: 760;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.royal-jobs-location-control.empty .royal-jobs-distance-value {
  color: #8b9ab2;
}

.royal-jobs-location-control.empty.radius-pending .royal-jobs-distance-value {
  color: #071633;
}

.royal-jobs-distance-select > svg {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: #1261f3;
  pointer-events: none;
}

.royal-jobs-location-error,
.royal-jobs-location-helper {
  margin: 0;
  font-size: 11px;
  line-height: 15px;
  font-weight: 650;
}

.royal-jobs-location-error {
  color: #a64418;
}

.royal-jobs-location-helper {
  color: #526786;
}

.royal-jobs-location-helper[hidden] {
  display: none;
}

.royal-jobs-action-row {
  display: grid;
  grid-template-columns: minmax(100px, 112px) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.royal-jobs-search-card .royal-jobs-filter-button,
.royal-jobs-find-button {
  min-width: 0;
  min-height: 44px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 760;
}

.royal-jobs-search-card .royal-jobs-filter-button {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #bdd2f5;
  color: #071633;
  background: #fff;
  box-shadow: none;
}

.royal-jobs-search-card .royal-jobs-filter-button svg {
  width: 20px;
  height: 20px;
  color: #071633;
}

.royal-jobs-find-button {
  border: 0;
  color: #fff;
  background: linear-gradient(180deg, #2378ff, #075cff);
  box-shadow: 0 12px 22px rgba(18, 97, 243, 0.2);
}

.royal-jobs-search-box,
.royal-jobs-filter-button {
  min-width: 0;
  min-height: 52px;
  border: 1px solid #d8e4f6;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 22px rgba(16, 36, 72, 0.055);
}

.royal-jobs-search-box {
  padding: 0 12px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 32px;
  gap: 10px;
  align-items: center;
  color: #526786;
}

.royal-jobs-search-box svg,
.royal-jobs-filter-button svg {
  width: 21px;
  height: 21px;
  color: #143b76;
}

.royal-jobs-search-box input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #102448;
  background: transparent;
  font: inherit;
  font-size: 15px;
  font-weight: 500;
}

.royal-jobs-search-box input::placeholder {
  color: #526786;
  opacity: 0.9;
}

.royal-jobs-search-box button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #526786;
  background: #eef5ff;
}

.royal-jobs-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  color: #143b76;
  font-size: 15px;
  font-weight: 680;
}

.royal-jobs-filter-button.active {
  border-color: rgba(21, 88, 245, 0.32);
  color: #075cff;
  background: linear-gradient(180deg, #f8fbff, #e7f1ff);
}

.royal-preference-reminder,
.royal-saved-search-row {
  min-height: 64px;
  border: 1px solid #d8e4f6;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 22px rgba(16, 36, 72, 0.052);
}

.royal-preference-reminder {
  padding: 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.royal-preference-reminder > span {
  color: #1558f5;
}

.royal-preference-reminder svg {
  width: 22px;
  height: 22px;
}

.royal-preference-reminder strong,
.royal-preference-reminder small {
  display: block;
  min-width: 0;
}

.royal-preference-reminder strong {
  color: #102448;
  font-size: 14px;
  font-weight: 720;
}

.royal-preference-reminder small {
  margin-top: 2px;
  color: #526786;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
}

.royal-preference-reminder button {
  min-height: 40px;
  border: 1px solid rgba(21, 88, 245, 0.24);
  border-radius: 10px;
  padding: 0 12px;
  color: #075cff;
  background: #eef5ff;
  font-weight: 720;
}

.royal-jobs-empty-state {
  min-height: 306px;
  padding: 28px 22px !important;
  border: 1px solid #d8e4f6 !important;
  border-radius: 16px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 14px !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(21, 88, 245, 0.08), transparent 36%),
    rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 14px 28px rgba(16, 36, 72, 0.06) !important;
}

.royal-jobs-empty-state h3,
.premium-offer-empty-state h3 {
  margin: 0 !important;
  color: #071943 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.royal-jobs-empty-state p,
.premium-offer-empty-state p {
  max-width: 270px !important;
  margin: 0 !important;
  color: #526786 !important;
  font-size: 15px !important;
  line-height: 1.36 !important;
  font-weight: 500 !important;
}

.royal-jobs-empty-state button,
.premium-offer-empty-state > button {
  min-width: min(100%, 244px);
  min-height: 50px;
  border: 0;
  border-radius: 12px;
  padding: 0 18px;
  color: #fff;
  background: linear-gradient(180deg, #236fff, #075cff);
  box-shadow: 0 14px 24px rgba(21, 88, 245, 0.2);
  font-size: 16px;
  font-weight: 720;
}

.royal-jobs-empty-state small {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #526786;
  font-size: 13px;
  font-weight: 520;
}

.royal-jobs-empty-state small::before,
.royal-jobs-empty-state small::after {
  content: "";
  width: 36px;
  height: 1px;
  background: #d8e4f6;
}

.royal-empty-illustration {
  position: relative;
  width: 150px;
  height: 112px;
  display: grid;
  place-items: center;
  color: #1558f5;
}

.royal-empty-illustration::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 16px;
  height: 54px;
  border-radius: 999px 999px 18px 18px;
  background: #edf5ff;
}

.royal-empty-illustration span {
  position: relative;
  z-index: 1;
  width: 92px;
  height: 62px;
  display: grid;
  place-items: center;
}

.royal-empty-illustration span svg {
  width: 86px;
  height: 60px;
  stroke-width: 1.55;
}

.royal-empty-illustration i {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 12px;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #0c2a58;
  background: #fff;
  box-shadow: 0 8px 18px rgba(21, 88, 245, 0.14);
}

.royal-empty-illustration i svg {
  width: 27px;
  height: 27px;
}

.royal-empty-illustration em,
.royal-empty-illustration b {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: #cfe1ff;
}

.royal-empty-illustration em {
  left: 20px;
  bottom: 34px;
  width: 42px;
  height: 18px;
}

.royal-empty-illustration b {
  right: 20px;
  top: 28px;
  width: 18px;
  height: 18px;
}

.royal-saved-search-row {
  padding: 0 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 22px;
  align-items: center;
  gap: 10px;
  color: #071943;
  text-align: left;
}

.royal-saved-search-row i {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #1558f5;
  background: #eef5ff;
}

.royal-saved-search-row i svg,
.royal-saved-search-row > svg {
  width: 21px;
  height: 21px;
}

.royal-saved-search-row > svg,
.royal-saved-search-list > button > svg {
  transform: rotate(180deg);
}

.royal-saved-search-row span {
  font-size: 16px;
  font-weight: 720;
}

.royal-saved-search-row em {
  min-width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #526786;
  background: #edf3fb;
  font-style: normal;
  font-weight: 720;
}

.royal-offer-mode-tabs {
  padding: 3px;
  border: 1px solid #c8dcfb;
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: rgba(255, 255, 255, 0.75);
}

.royal-offer-mode-tabs button {
  min-height: 44px;
  border: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #526786;
  background: transparent;
  font-size: 15px;
  font-weight: 680;
}

.royal-offer-mode-tabs button.active {
  color: #075cff;
  background: linear-gradient(180deg, #edf5ff, #dbeaff);
  box-shadow: inset 0 0 0 1px rgba(21, 88, 245, 0.08);
}

.royal-offer-mode-tabs em {
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: inherit;
  background: rgba(21, 88, 245, 0.1);
  font-style: normal;
  font-size: 13px;
}

.royal-satin-jobs .premium-offer-empty-state {
  min-height: 304px !important;
  padding: 28px 22px !important;
  border: 1px solid #d8e4f6 !important;
  border-radius: 16px !important;
  gap: 14px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(21, 88, 245, 0.07), transparent 38%),
    rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 14px 28px rgba(16, 36, 72, 0.06) !important;
}

.royal-satin-jobs .premium-offer-empty-state > svg {
  display: none !important;
}

.royal-satin-jobs .offer-marketplace-list,
.royal-satin-jobs .premium-job-marketplace-list {
  display: grid !important;
  gap: 14px !important;
}

.royal-satin-jobs .premium-marketplace-job-card,
.royal-satin-jobs .marketplace-offer-card {
  border: 1px solid #d8e4f6 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 12px 26px rgba(16, 36, 72, 0.06) !important;
}

.royal-satin-jobs .offer-matching-insights {
  display: none !important;
}

.royal-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 12px calc(12px + env(safe-area-inset-bottom));
  background: rgba(5, 17, 40, 0.42);
  backdrop-filter: blur(12px);
}

.royal-filter-sheet {
  width: min(430px, 100%);
  max-height: min(78dvh, 720px);
  border: 1px solid rgba(216, 228, 246, 0.9);
  border-radius: 22px 22px 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f8fbff;
  box-shadow: 0 -24px 80px rgba(4, 18, 40, 0.26);
}

.royal-filter-sheet header,
.royal-filter-sheet footer {
  padding: 16px;
  background: rgba(255, 255, 255, 0.96);
}

.royal-filter-sheet header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid #d8e4f6;
}

.royal-filter-sheet header span {
  color: #526786;
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.royal-filter-sheet header h2 {
  margin: 3px 0 0;
  color: #102448;
  font-size: 22px;
  line-height: 1.08;
  font-weight: 760;
}

.royal-filter-sheet header p {
  margin: 5px 0 0;
  color: #526786;
  font-size: 14px;
  line-height: 1.34;
}

.royal-filter-sheet header button {
  width: 42px;
  height: 42px;
  border: 1px solid #d8e4f6;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #102448;
  background: #fff;
}

.royal-filter-sheet header button svg {
  width: 21px;
  height: 21px;
}

.royal-filter-summary {
  margin: 14px 16px 0;
  padding: 12px;
  border: 1px solid #d8e4f6;
  border-radius: 14px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #1558f5;
  background: #fff;
}

.royal-filter-summary strong,
.royal-filter-summary small {
  display: block;
}

.royal-filter-summary strong {
  color: #102448;
  font-size: 14px;
  font-weight: 720;
}

.royal-filter-summary small {
  margin-top: 2px;
  color: #526786;
  font-size: 12px;
}

.royal-filter-context {
  margin: 8px 16px 0;
  color: #526786;
  font-size: 12px;
  line-height: 16px;
  font-weight: 650;
}

.royal-filter-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 16px 16px;
  display: grid;
  gap: 12px;
}

.royal-filter-scroll .worker-filter-stack {
  gap: 12px !important;
}

.royal-filter-scroll .discovery-filter-card {
  border-radius: 15px !important;
}

.royal-filter-scroll.offer {
  grid-template-columns: 1fr;
}

.royal-filter-field {
  min-height: 58px;
  padding: 8px 12px;
  border: 1px solid #d8e4f6;
  border-radius: 14px;
  display: grid;
  align-content: center;
  gap: 4px;
  background: #fff;
}

.royal-filter-field span {
  color: #526786;
  font-size: 12px;
  font-weight: 680;
}

.royal-filter-field select {
  min-width: 0;
  border: 0;
  outline: 0;
  color: #102448;
  background: transparent;
  font-size: 15px;
  font-weight: 680;
}

.royal-filter-sheet footer {
  border-top: 1px solid #d8e4f6;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 12px;
}

.royal-filter-sheet footer button {
  min-height: 48px;
  border: 1px solid #d8e4f6;
  border-radius: 13px;
  color: #102448;
  background: #fff;
  font-size: 15px;
  font-weight: 720;
}

.royal-filter-sheet footer button.primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(180deg, #236fff, #075cff);
}

.royal-saved-search-sheet .royal-saved-search-list {
  min-height: 0;
  overflow-y: auto;
  padding: 14px 16px;
  display: grid;
  gap: 10px;
}

.royal-saved-search-list > button,
.royal-saved-search-list > article {
  min-height: 64px;
  border: 1px solid #d8e4f6;
  border-radius: 15px;
  padding: 12px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
  color: #102448;
  background: #fff;
  text-align: left;
}

.royal-saved-search-list > article {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}

.royal-saved-search-list i {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #1558f5;
  background: #eef5ff;
}

.royal-saved-search-list strong,
.royal-saved-search-list small {
  display: block;
}

.royal-saved-search-list strong {
  color: #102448;
  font-size: 15px;
  font-weight: 720;
}

.royal-saved-search-list small,
.royal-saved-search-list p {
  margin: 3px 0 0;
  color: #526786;
  font-size: 13px;
  line-height: 1.34;
}

@media (max-width: 374px) {
  .work-situation-hero {
    min-height: 104px;
    padding: 14px;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .work-situation-hero-copy {
    max-width: 100%;
  }

  .work-situation-hero-art span {
    display: none;
  }

  .royal-jobs-search-row {
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 9px;
  }

  .royal-jobs-filter-button span {
    font-size: 13px;
  }

  .royal-satin-jobs .work-situation-mini-card,
  .royal-satin-jobs .work-situation-mini-card.saved {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding-inline: 10px !important;
  }

  .royal-satin-jobs .work-situation-mini-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .royal-satin-jobs .work-situation-mini-copy > span:not(:first-child),
  .royal-satin-jobs .work-situation-mini-copy strong {
    font-size: 14px !important;
  }

  .royal-satin-jobs .work-situation-mini-card button {
    grid-column: auto !important;
    width: auto !important;
    min-width: 72px !important;
    padding-inline: 10px !important;
  }
}

/* Winning-layer contract for the five primary candidate headers. */
html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html.av-density-compact-phone body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html.native-android body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: center !important;
  width: calc(100% + 28px) !important;
  max-width: calc(100% + 28px) !important;
  min-height: calc(96px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 -14px 12px !important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 14px 18px !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 15% 26%, rgba(255, 255, 255, 0.2), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(111, 122, 255, 0.36), transparent 28%),
    radial-gradient(ellipse at 78% 100%, rgba(28, 199, 255, 0.18), transparent 34%),
    linear-gradient(142deg, #051938 0%, #08398f 46%, #115df2 100%) !important;
  background-size: 140% 140% !important;
  box-shadow: 0 16px 34px rgba(5, 31, 83, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
  animation: none !important;
  box-sizing: border-box !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html body .app-shell:has(.royal-satin-jobs) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html body .app-shell:has(.profile-page-content) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  display: grid !important;
  align-content: center !important;
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  margin: 0 auto 12px !important;
  min-height: calc(96px + env(safe-area-inset-top, 0px)) !important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 14px 18px !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
  background:
    radial-gradient(circle at 15% 26%, rgba(255, 255, 255, 0.2), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(111, 122, 255, 0.36), transparent 28%),
    radial-gradient(ellipse at 78% 100%, rgba(28, 199, 255, 0.18), transparent 34%),
    linear-gradient(142deg, #051938 0%, #08398f 46%, #115df2 100%) !important;
  background-size: 140% 140% !important;
  box-shadow: 0 16px 34px rgba(5, 31, 83, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
  animation: none !important;
  box-sizing: border-box !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 180px !important;
  height: 180px !important;
  inset: auto -44px -46px auto !important;
  border: 1px solid rgba(139, 194, 255, 0.18) !important;
  border-radius: 999px !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 128px !important;
  height: 128px !important;
  inset: 18px -18px auto auto !important;
  border: 1px solid rgba(154, 205, 255, 0.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02)) !important;
  filter: none !important;
  transform: rotate(18deg) !important;
  opacity: 1 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"]::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 180px !important;
  height: 180px !important;
  inset: auto -44px -46px auto !important;
  border: 1px solid rgba(139, 194, 255, 0.18) !important;
  border-radius: 999px !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"]::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  width: 128px !important;
  height: 128px !important;
  inset: 18px -18px auto auto !important;
  border: 1px solid rgba(154, 205, 255, 0.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.02)) !important;
  filter: none !important;
  transform: rotate(18deg) !important;
  opacity: 1 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar-button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: start !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  transform: none !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  justify-self: start !important;
  border-radius: 50% !important;
  color: #072057 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 2px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 24px rgba(3, 18, 58, 0.22), inset 0 1px 0 #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar svg {
  width: 23px !important;
  height: 23px !important;
  stroke-width: 2.15 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
  align-content: center !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting::before {
  content: none !important;
  display: none !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting h1,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting h1,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting h1 {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 24px !important;
  line-height: 29px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting p,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting p,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-greeting p {
  margin: 0 !important;
  color: rgba(225, 238, 255, 0.9) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group {
  width: auto !important;
  min-width: 44px !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
  transform: none !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(225, 239, 255, 0.28) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 22px rgba(2, 17, 52, 0.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transform: none !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.05 !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .notification-badge {
  top: -4px !important;
  right: -3px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-width: 2px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

@media (max-width: 374px) {
  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar-button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group {
    gap: 5px !important;
  }

  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

/* AVyntro candidate Home approved redesign. */
html body .app-shell:has(.worker-home-page) {
  --bottom-nav-height: 56px;
  --worker-home-edge: 8px;
  --worker-home-page: #F3F7FC;
  --worker-home-card: #FFFFFF;
  --worker-home-card-soft: #F6FAFF;
  --worker-home-ink: #0A2144;
  --worker-home-muted: #607797;
  --worker-home-blue: #1260F5;
  --worker-home-border: #CCDEF8;
  --worker-home-navy: #061B3D;
  --worker-home-sapphire: #1559E9;
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  background: var(--worker-home-page) !important;
}

html body .app-shell:has(.worker-home-page) > .main {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: var(--worker-home-page) !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home {
  position: relative !important;
  top: auto !important;
  z-index: 30 !important;
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: auto !important;
  margin: 0 auto 10px !important;
  padding: calc(env(safe-area-inset-top, 0px) + 14px) 18px 16px !important;
  display: grid !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  gap: 14px !important;
  align-content: start !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
  color: #FFFFFF !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 13% 18%, rgba(116, 196, 255, 0.16), transparent 25%),
    radial-gradient(circle at 94% 7%, rgba(84, 204, 255, 0.18), transparent 25%),
    linear-gradient(135deg, #061733 0%, #072E74 43%, #1559E9 100%) !important;
  box-shadow: 0 12px 22px rgba(9, 45, 109, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.2) !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home.candidate-header {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: auto !important;
  padding: calc(env(safe-area-inset-top, 0px) + 14px) 18px 16px !important;
  display: grid !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: auto !important;
  margin: 0 auto 10px !important;
  padding: calc(env(safe-area-inset-top, 0px) + 14px) 18px 16px !important;
  display: grid !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home::before,
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home::after {
  content: none !important;
}

.candidate-home-header-orbit {
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border: 1px solid rgba(192, 222, 255, 0.16) !important;
  border-radius: 50% !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home .candidate-home-header-orbit {
  position: absolute !important;
  z-index: 0 !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home .candidate-home-brand-row,
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home .candidate-home-welcome-row {
  position: relative !important;
  z-index: 2 !important;
}

.candidate-home-header-orbit.orbit-one {
  width: 228px !important;
  height: 228px !important;
  right: -86px !important;
  top: 30px !important;
}

.candidate-home-header-orbit.orbit-two {
  width: 332px !important;
  height: 332px !important;
  right: -206px !important;
  top: 96px !important;
}

.candidate-home-brand-row {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(130px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.candidate-home-wordmark {
  position: relative !important;
  width: 134px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  aspect-ratio: 1688 / 190 !important;
  object-fit: contain !important;
  object-position: left center !important;
  overflow: visible !important;
  background: none !important;
  filter: drop-shadow(0 7px 12px rgba(2, 15, 56, 0.18)) !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-group {
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(221, 238, 255, 0.34) !important;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 8px 18px rgba(4, 20, 58, 0.14) !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 2.2 !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row.app-header-row {
  min-height: 50px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home.candidate-header .candidate-home-welcome-row.app-header-row {
  width: 100% !important;
  min-height: 50px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-avatar-button,
html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-avatar {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-avatar {
  border: 2px solid rgba(255, 255, 255, 0.88) !important;
  background: #EDF5FF !important;
  color: #1559E9 !important;
  box-shadow: 0 8px 20px rgba(3, 17, 49, 0.2) !important;
  overflow: hidden !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-greeting {
  min-width: 0 !important;
  justify-self: stretch !important;
  align-self: center !important;
  text-align: left !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-greeting h1 {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
  line-height: 29px !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-greeting p {
  margin: 3px 0 0 !important;
  color: rgba(229, 241, 255, 0.88) !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 500 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html.av-density-compact-phone body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting,
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting {
  justify-self: stretch !important;
  text-align: left !important;
}

html.av-density-compact-phone body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting h1,
html.av-density-compact-phone body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting p,
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting h1,
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting p {
  text-align: left !important;
}

html body .content.worker-premium-page.worker-home-page {
  width: min(100%, 430px) !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 var(--worker-home-edge) calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px) + 14px) !important;
  display: block !important;
  color: var(--worker-home-ink) !important;
  background: var(--worker-home-page) !important;
  overflow-x: hidden !important;
}

.worker-home-final-stack {
  display: grid !important;
  gap: 8px !important;
}

.worker-home-next-step.worker-first-login-dashboard {
  position: relative !important;
  min-height: 164px !important;
  padding: 15px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  gap: 8px !important;
  align-content: start !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(84, 204, 255, 0.58) !important;
  color: #FFFFFF !important;
  background:
    radial-gradient(circle at 89% 28%, rgba(84, 204, 255, 0.18), transparent 25%),
    linear-gradient(130deg, #061B3D 0%, #06285F 48%, #1559E9 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -16px 34px rgba(0, 10, 42, 0.26), 0 8px 18px rgba(13, 42, 86, 0.1) !important;
}

.worker-home-next-step > :not(.worker-home-nexus-visual) {
  position: relative !important;
  z-index: 2 !important;
}

.worker-home-next-step .worker-home-nexus-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

.worker-home-next-step .worker-home-nexus-visual::after {
  background: linear-gradient(90deg, rgba(6, 27, 61, 0.82) 0%, rgba(6, 27, 61, 0.46) 36%, rgba(6, 27, 61, 0.02) 72%) !important;
}

.worker-home-next-step .worker-home-nexus-network {
  position: absolute !important;
  width: 68% !important;
  height: 122% !important;
  top: -10% !important;
  right: -3% !important;
  left: auto !important;
  opacity: 0.72 !important;
  transform: none !important;
}

.worker-home-next-step-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.worker-home-next-step-top > span {
  min-width: 0 !important;
  color: rgba(245, 250, 255, 0.9) !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.worker-home-next-badge {
  min-height: 24px !important;
  padding: 3px 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(84, 204, 255, 0.62) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  background: rgba(6, 55, 138, 0.42) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

.worker-home-next-badge i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: #F7B928 !important;
  box-shadow: 0 0 0 3px rgba(247, 185, 40, 0.16) !important;
}

.worker-home-next-badge.blue i {
  background: #54CCFF !important;
  box-shadow: 0 0 0 3px rgba(84, 204, 255, 0.18) !important;
}

.worker-home-next-step-copy h2 {
  max-width: 300px !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 22px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.worker-home-next-step-copy p {
  max-width: 320px !important;
  margin: 6px 0 0 !important;
  color: #C6DBF8 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

.worker-home-next-step-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-self: end !important;
  margin-top: 2px !important;
}

.worker-home-next-step-actions button {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
  white-space: normal !important;
  text-align: center !important;
}

.worker-home-next-step-actions button span {
  min-width: 0 !important;
}

.worker-home-next-step-actions svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
}

.worker-home-next-step-actions .worker-home-primary-cta {
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  color: #071A52 !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%) !important;
  box-shadow: 0 8px 16px rgba(3, 16, 48, 0.16), inset 0 1px 0 #FFFFFF !important;
}

.worker-home-next-step-actions .worker-home-secondary-cta {
  border: 1px solid rgba(84, 204, 255, 0.76) !important;
  color: #FFFFFF !important;
  background: rgba(4, 21, 61, 0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.worker-home-section-head {
  min-height: 31px !important;
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.worker-home-section-head h2 {
  margin: 0 0 2px 2px !important;
  color: var(--worker-home-ink) !important;
  font-size: 21px !important;
  line-height: 26px !important;
  font-weight: 700 !important;
}

.worker-home-manage-menu {
  position: relative !important;
  z-index: 5 !important;
}

.worker-home-manage-menu summary {
  min-height: 31px !important;
  padding: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--worker-home-blue) !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
  list-style: none !important;
  cursor: pointer !important;
}

.worker-home-manage-menu summary::-webkit-details-marker {
  display: none !important;
}

.worker-home-manage-menu > div {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  min-width: 186px !important;
  padding: 6px !important;
  display: grid !important;
  gap: 4px !important;
  border: 1px solid var(--worker-home-border) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0 14px 28px rgba(13, 42, 86, 0.14) !important;
}

.worker-home-manage-menu:not([open]) > div {
  display: none !important;
}

.worker-home-manage-menu button {
  min-height: 40px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--worker-home-ink) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.worker-home-manage-menu button:hover,
.worker-home-manage-menu button:focus-visible {
  background: #EDF5FF !important;
}

.worker-home-manage-menu svg {
  width: 18px !important;
  height: 18px !important;
  color: var(--worker-home-blue) !important;
}

.worker-home-work-way {
  display: grid !important;
  gap: 8px !important;
}

.worker-home-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.worker-home-action-card,
.worker-home-next-row,
.worker-home-discover-card,
.worker-home-id-row {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid var(--worker-home-border) !important;
  color: var(--worker-home-ink) !important;
  background: linear-gradient(145deg, #FFFFFF 0%, #FFFFFF 52%, #F6FAFF 100%) !important;
  box-shadow: 0 6px 18px rgba(13, 42, 86, 0.05) !important;
}

.worker-home-action-card {
  min-height: 128px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-rows: 40px minmax(0, 1fr) !important;
  gap: 5px !important;
  align-content: stretch !important;
  border-radius: 16px !important;
  text-align: left !important;
}

.worker-home-action-topline {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.worker-home-action-icon,
.worker-home-next-icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 15px !important;
  color: var(--worker-home-blue) !important;
  background: #EDF5FF !important;
}

.worker-home-action-icon svg,
.worker-home-next-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2.15 !important;
}

.worker-home-action-copy {
  min-width: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: auto minmax(24px, 1fr) auto !important;
  gap: 5px !important;
  align-content: stretch !important;
}

.worker-home-action-copy strong,
.worker-home-next-row strong,
.worker-home-id-row strong {
  color: var(--worker-home-ink) !important;
  font-size: 17px !important;
  line-height: 21px !important;
  font-weight: 700 !important;
}

.worker-home-action-copy small,
.worker-home-next-row small,
.worker-home-id-row small {
  color: var(--worker-home-muted) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

.worker-home-availability-pill {
  width: 100% !important;
  min-height: 24px !important;
  padding: 3px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid #D9E4F0 !important;
  border-radius: 999px !important;
  color: #607797 !important;
  background: #F6FAFF !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
}

.worker-home-availability-pill i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

.worker-home-availability-pill[data-availability-tone="available"] {
  color: #11743F !important;
  border-color: #BDEAD1 !important;
  background: #F0FDF6 !important;
}

.worker-home-availability-pill[data-availability-tone="scheduled"] {
  color: #1260F5 !important;
  border-color: #C7DBFF !important;
  background: #F2F7FF !important;
}

.worker-home-availability-pill[data-availability-tone="loading"] {
  color: #607797 !important;
}

.worker-home-action-copy em {
  margin-top: 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--worker-home-blue) !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  align-self: end !important;
}

.worker-home-action-copy em svg,
.worker-home-next-row button svg,
.worker-home-explore svg,
.worker-home-id-row em svg {
  width: 18px !important;
  height: 18px !important;
  transform: rotate(180deg) !important;
}

.worker-home-next-row,
.worker-home-id-row {
  min-height: 66px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 16px !important;
  text-align: left !important;
}

.worker-home-next-row > span:nth-child(2),
.worker-home-id-row > span:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 1px !important;
}

.worker-home-next-row button,
.worker-home-id-row em {
  min-height: 40px !important;
  padding: 0 0 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  border: 0 !important;
  color: var(--worker-home-blue) !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.worker-home-id-row {
  border: 1px solid var(--worker-home-border) !important;
  appearance: none !important;
}

.worker-home-discover-card {
  position: relative !important;
  min-height: 96px !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 84% 58%, rgba(18, 96, 245, 0.1), transparent 42%),
    linear-gradient(135deg, #FFFFFF 0%, #F6FAFF 100%) !important;
}

.worker-home-discover-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
  align-content: center !important;
}

.worker-home-discover-copy h2 {
  max-width: none !important;
  margin: 0 !important;
  color: var(--worker-home-ink) !important;
  font-size: 18px !important;
  line-height: 23px !important;
  font-weight: 700 !important;
}

.worker-home-discover-copy p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--worker-home-muted) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

.worker-home-explore {
  width: max-content !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--worker-home-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
}

.worker-home-city-illustration {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: center !important;
  opacity: 0.86 !important;
}

.worker-home-city-scene {
  width: 112px !important;
  max-width: 112px !important;
  height: auto !important;
  display: block !important;
}

.worker-home-support-link {
  min-height: 38px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  color: var(--worker-home-muted) !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

.worker-home-support-link svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--worker-home-muted) !important;
}

.worker-home-support-link strong {
  color: var(--worker-home-blue) !important;
  font-weight: 700 !important;
}

html body .app-shell:has(.worker-home-page) button:focus-visible,
html body .app-shell:has(.worker-home-page) summary:focus-visible {
  outline: 3px solid rgba(84, 204, 255, 0.8) !important;
  outline-offset: 2px !important;
}

@media (max-width: 390px) {
  html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-home {
    padding: calc(env(safe-area-inset-top, 0px) + 13px) 18px 15px !important;
  }

  .candidate-home-wordmark {
    width: 130px !important;
  }

  html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-group {
    gap: 6px !important;
  }

  html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  .worker-home-next-step.worker-first-login-dashboard {
    min-height: 164px !important;
    padding: 15px !important;
  }

  .worker-home-next-step-copy h2 {
    font-size: 21px !important;
    line-height: 26px !important;
  }
}

@media (max-width: 360px) {
  .worker-home-final-stack {
    gap: 6px !important;
  }

  .candidate-home-wordmark {
    width: 118px !important;
  }

  html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row.app-header-row {
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }

  html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-avatar-button,
  html body .app-shell:has(.worker-home-page) .candidate-home-welcome-row .app-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }

  .worker-home-next-step-actions {
    gap: 8px !important;
  }

  .worker-home-next-step-actions button {
    padding: 0 9px !important;
    gap: 6px !important;
  }

  .worker-home-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .worker-home-action-card {
    padding: 12px !important;
  }

  .worker-home-discover-card {
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }

  .worker-home-city-scene {
    width: 104px !important;
  }
}

/* AVyntro account-selection welcome edit. */
html body .app-shell.entry-shell:has(.account-select-screen) {
  background:
    radial-gradient(circle at 76% 18%, rgba(203, 226, 255, 0.72), transparent 18rem),
    radial-gradient(circle at 50% 32%, rgba(224, 241, 255, 0.72), transparent 16rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #f7fbff 100%) !important;
}

html:has(.account-select-screen),
body:has(.account-select-screen),
#app:has(.account-select-screen) {
  min-height: 100%;
  background:
    radial-gradient(circle at 76% 18%, rgba(203, 226, 255, 0.62), transparent 18rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 55%, #f7fbff 100%) !important;
}

html body .app-shell.entry-shell:has(.account-select-screen) .main {
  min-height: 100svh !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 82% 22%, rgba(205, 228, 255, 0.64), transparent 15rem),
    radial-gradient(circle at 42% 16%, rgba(255, 255, 255, 0.96), transparent 17rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 55%, #f7fbff 100%) !important;
}

html body .app-shell.entry-shell:has(.account-select-screen) .nav,
html body .app-shell.entry-shell:has(.account-select-screen) .sidebar-card {
  display: none !important;
}

.account-select-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
  min-height: 100svh;
  margin: 0 auto;
  padding: max(14px, env(safe-area-inset-top)) 0 calc(22px + env(safe-area-inset-bottom)) !important;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  gap: 0;
  color: #071443;
  background:
    radial-gradient(circle at 82% 17%, rgba(212, 232, 255, 0.74), transparent 15rem),
    radial-gradient(circle at 28% 31%, rgba(255, 255, 255, 0.98), transparent 13rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 58%, #f7fbff 100%);
  overflow-x: clip;
}

html.preview-shell-top-inset .account-select-screen {
  padding-top: calc(var(--preview-shell-top-inset) + 36px) !important;
}

.account-select-toolbar {
  position: relative;
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 0 24px;
}

.account-select-back {
  position: absolute;
  left: 10px;
  top: 0;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  padding: 0;
  display: grid;
  place-items: center;
  color: #071443;
  background: transparent;
  box-shadow: none;
  transition: background 140ms ease, color 140ms ease;
}

.account-select-back svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.45;
}

.account-select-back:hover,
.account-select-back:active {
  background: rgba(7, 92, 255, 0.07);
}

.account-select-back:focus-visible,
.account-select-row:focus-visible,
.account-select-footer button:focus-visible,
.account-select-footer a:focus-visible {
  outline: 3px solid rgba(7, 92, 255, 0.34);
  outline-offset: 3px;
}

.account-select-logo {
  display: block;
  width: 116px;
  height: auto;
  max-height: 22px;
  object-fit: contain;
  object-position: center;
  filter: brightness(0) saturate(100%) invert(7%) sepia(54%) saturate(1944%) hue-rotate(214deg) brightness(83%) contrast(98%);
}

.account-select-art {
  height: 202px;
  margin: 12px 0 0;
  display: grid;
  place-items: start center;
  overflow: visible;
  pointer-events: none;
}

.account-select-art img {
  display: block;
  width: min(358px, 100%);
  height: 205px;
  object-fit: contain;
}

.account-select-copy {
  padding: 14px 24px 0;
}

.account-select-copy h1 {
  margin: 0;
  color: #071443;
  font-family: Didot, "Bodoni 72", "Hoefler Text", Baskerville, Garamond, Georgia, serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: 0;
  font-feature-settings: "kern" 1, "liga" 1;
}

.account-select-copy h1 span {
  display: block;
}

.account-select-copy p {
  margin: 8px 0 0;
  color: #637394;
  font-size: 15px;
  line-height: 21px;
  font-weight: 450;
}

.account-select-panel {
  width: calc(100% - 32px);
  max-width: 398px;
  align-self: center;
  margin: 18px auto 0;
  border: 1px solid #c4d8ff;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 16px 34px rgba(28, 78, 150, 0.08);
  overflow: hidden;
}

.account-select-row {
  appearance: none;
  width: 100%;
  min-height: 106px;
  border: 0;
  border-radius: 0;
  padding: 18px 18px;
  background: transparent;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 17px;
  color: #071443;
  text-align: left;
  transition: background 150ms ease;
}

.account-select-row + .account-select-row {
  border-top: 1px solid #d7e5ff;
}

.account-select-row:hover {
  background: rgba(234, 243, 255, 0.58);
}

.account-select-row:active {
  background: rgba(216, 234, 255, 0.72);
}

.account-select-row-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #1a66df;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.98), transparent 50%),
    linear-gradient(145deg, #f5faff 0%, #e7f1ff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 22px rgba(28, 100, 216, 0.08);
}

.account-select-row-icon--candidate {
  color: #1f63db;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.98), transparent 52%),
    linear-gradient(145deg, #f8fbff 0%, #edf5ff 100%);
}

.account-select-row-icon--agency {
  color: #234da8;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.98), transparent 52%),
    linear-gradient(145deg, #f9fbff 0%, #eef3ff 100%);
}

.account-select-row-icon svg {
  width: 29px;
  height: 29px;
}

.account-select-row-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.account-select-role-badge {
  width: max-content;
  max-width: 100%;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #53698d;
  background: transparent;
  font-size: 12px;
  line-height: 15px;
  font-weight: 620;
  white-space: nowrap;
}

.account-select-role-badge--agency {
  color: #52658a;
  background: transparent;
}

.account-select-row-copy strong {
  color: #071443;
  font-size: 19px;
  line-height: 24px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.account-select-row-copy small {
  color: #637394;
  font-size: 14px;
  line-height: 19px;
  font-weight: 450;
  overflow-wrap: anywhere;
}

.account-select-chevron {
  justify-self: end;
  color: #075cff;
  display: grid;
  place-items: center;
}

.account-select-chevron svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.6;
  transform: rotate(180deg);
}

.account-select-note {
  margin: 16px 24px 0;
  color: #637394;
  font-size: 12px;
  line-height: 16px;
  font-weight: 450;
  text-align: center;
}

.account-select-footer {
  margin-top: 30px;
  display: grid;
  justify-items: center;
  gap: 17px;
  color: #44577a;
}

.account-select-footer-rule {
  width: 166px;
  height: 1px;
  background: #d7e2f3;
}

.account-select-footer p {
  margin: 0;
  min-height: 22px;
  color: #44577a;
  font-size: 14px;
  line-height: 20px;
  font-weight: 450;
  text-align: center;
}

.account-select-footer button,
.account-select-footer a {
  border: 0;
  padding: 0;
  color: #075cff;
  background: transparent;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
}

.account-select-footer a {
  min-height: 32px;
  display: inline-grid;
  place-items: center;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 360px) {
  .account-select-screen {
    padding-top: max(12px, env(safe-area-inset-top)) !important;
  }

  .account-select-art {
    height: 194px;
    margin-top: 10px;
  }

  .account-select-art img {
    height: 198px;
  }

  .account-select-copy {
    padding-inline: 22px;
  }

  .account-select-panel {
    width: calc(100% - 28px);
  }

  .account-select-row {
    grid-template-columns: 58px minmax(0, 1fr) 22px;
    gap: 14px;
    padding-inline: 16px;
  }

  .account-select-row-icon {
    width: 58px;
    height: 58px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-select-back,
  .account-select-row {
    transition: none;
  }
}

/* AVyntro Signature Current onboarding. */
html body .app-shell.entry-shell:has(.signature-onboarding) {
  background:
    radial-gradient(circle at 50% 15%, rgba(35, 137, 255, 0.2), transparent 16rem),
    linear-gradient(180deg, #07172f 0%, #102b54 44%, #f7fbff 100%) !important;
}

html body .app-shell.entry-shell:has(.signature-onboarding) .main {
  min-height: 100svh !important;
  padding: 0 !important;
  background: transparent !important;
}

html:has(.signature-onboarding),
body:has(.signature-onboarding),
#app:has(.signature-onboarding) {
  min-height: 100%;
  background:
    radial-gradient(circle at 50% 10%, rgba(35, 137, 255, 0.18), transparent 18rem),
    linear-gradient(180deg, #07172f 0%, #102b54 44%, #f7fbff 100%) !important;
}

.signature-onboarding {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
  min-height: 100svh;
  margin: 0 auto;
  padding: max(18px, env(safe-area-inset-top)) 0 calc(22px + env(safe-area-inset-bottom)) !important;
  display: grid;
  grid-template-rows: auto 326px auto minmax(156px, 1fr);
  align-content: stretch;
  color: #0b1748;
  background:
    radial-gradient(circle at 50% 24%, rgba(190, 226, 255, 0.28), transparent 15rem),
    radial-gradient(circle at 50% 42%, rgba(247, 251, 255, 0.96), transparent 12rem),
    linear-gradient(180deg, #07172f 0%, #0b2348 30%, #cfe7fb 52%, #f7fbff 63%, #f7fbff 100%);
  overflow-x: clip;
}

html.preview-shell-top-inset .signature-onboarding {
  padding-top: calc(var(--preview-shell-top-inset) + 18px) !important;
}

.signature-onboarding-topbar {
  position: relative;
  z-index: 2;
  min-height: 44px;
  margin: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.signature-onboarding-logo {
  min-width: 0;
  width: 152px;
  max-width: 52vw;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.signature-onboarding-logo-mark {
  width: 30px;
  height: 30px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.signature-onboarding-logo-word {
  width: 110px;
  height: auto;
  max-height: 14px;
  display: block;
  object-fit: contain;
  object-position: left center;
  flex: 0 1 auto;
}

.signature-onboarding-skip {
  min-width: 68px;
  min-height: 44px;
  height: 40px;
  padding: 0 17px;
  border: 1px solid rgba(221, 238, 255, 0.38);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.95);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.07)),
    rgba(165, 203, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  font-size: 14px;
  line-height: 18px;
  font-weight: 650;
}

.signature-onboarding-art {
  position: relative;
  z-index: 1;
  height: 326px;
  margin-top: 4px;
  display: grid;
  align-items: stretch;
  overflow: visible;
  pointer-events: none;
}

.signature-onboarding-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
}

.signature-onboarding-copy {
  position: relative;
  z-index: 2;
  padding: 0 31px;
  display: grid;
  gap: 0;
}

.signature-onboarding-label {
  margin: 0 0 32px;
  color: #075cff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}

.signature-onboarding-copy h1 {
  min-height: 78px;
  margin: 0;
  color: #0b1748;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 300;
  letter-spacing: 0;
}

.signature-onboarding-copy h1 span,
.signature-onboarding-description span {
  display: block;
}

.signature-onboarding-description {
  min-height: 52px;
  margin: 17px 0 0;
  color: #425777;
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0;
}

.signature-onboarding-footer {
  align-self: end;
  padding: 0 31px;
  display: grid;
  gap: 20px;
}

.signature-onboarding-progress {
  height: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
}

.signature-onboarding-progress span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #c0d0ea;
}

.signature-onboarding-progress span.active {
  width: 20px;
  background: #075cff;
}

.signature-onboarding-actions {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.signature-onboarding-back-slot {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
}

.signature-onboarding-back {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border: 1px solid #d7e5f6;
  border-radius: 999px;
  color: #0b1748;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 10px 22px rgba(12, 48, 92, 0.06);
  display: grid;
  place-items: center;
}

.signature-onboarding-back svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.25;
}

.signature-onboarding-primary {
  width: 100%;
  min-width: 0;
  min-height: 58px;
  height: 58px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #071f55 0%, #075cff 70%, #2389ff 100%);
  box-shadow: 0 16px 30px rgba(7, 92, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 650;
  text-align: center;
}

.signature-onboarding-primary span {
  justify-self: center;
  min-width: 0;
  white-space: nowrap;
}

.signature-onboarding-primary svg {
  justify-self: end;
  width: 22px;
  height: 22px;
  stroke-width: 2.1;
}

.signature-onboarding-signin {
  margin: 0;
  min-height: 30px;
  color: #425777;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}

.signature-onboarding-signin button {
  min-height: 30px;
  border: 0;
  padding: 0;
  color: #075cff;
  background: transparent;
  font: inherit;
  font-weight: 650;
}

.signature-onboarding button {
  -webkit-tap-highlight-color: transparent;
}

.signature-onboarding button:disabled {
  pointer-events: none;
  opacity: 0.82;
}

.signature-onboarding button:focus-visible {
  outline: 3px solid rgba(7, 92, 255, 0.32);
  outline-offset: 3px;
}

.signature-onboarding-skip:focus-visible {
  outline-color: rgba(190, 226, 255, 0.78);
}

.signature-onboarding-primary:active,
.signature-onboarding-back:active,
.signature-onboarding-skip:active {
  transform: translateY(1px);
}

@media (max-width: 374px) {
  .signature-onboarding {
    grid-template-rows: auto 304px auto minmax(148px, 1fr);
  }

  .signature-onboarding-topbar {
    margin-inline: 24px;
  }

  .signature-onboarding-logo {
    width: 140px;
  }

  .signature-onboarding-logo-mark {
    width: 28px;
    height: 28px;
  }

  .signature-onboarding-logo-word {
    width: 101px;
  }

  .signature-onboarding-skip {
    min-width: 64px;
    padding-inline: 15px;
  }

  .signature-onboarding-art {
    height: 304px;
  }

  .signature-onboarding-copy,
  .signature-onboarding-footer {
    padding-inline: 28px;
  }

  .signature-onboarding-copy h1 {
    min-height: 74px;
    font-size: 30px;
    line-height: 36px;
  }

  .signature-onboarding-description {
    font-size: 16px;
    line-height: 24px;
  }

  .signature-onboarding-actions {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 18px;
  }

  .signature-onboarding-back-slot,
  .signature-onboarding-back {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
  }
}

@media (max-height: 740px) {
  .signature-onboarding {
    grid-template-rows: auto 262px auto minmax(138px, 1fr);
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  }

  html.preview-shell-top-inset .signature-onboarding {
    padding-top: calc(var(--preview-shell-top-inset) + 10px) !important;
  }

  .signature-onboarding-art {
    height: 262px;
    margin-top: 0;
  }

  .signature-onboarding-label {
    margin-bottom: 18px;
  }

  .signature-onboarding-copy h1 {
    min-height: 68px;
    font-size: 28px;
    line-height: 34px;
  }

  .signature-onboarding-description {
    min-height: 46px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .signature-onboarding-footer {
    gap: 14px;
  }

  .signature-onboarding-primary {
    height: 54px;
    min-height: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signature-onboarding *,
  .signature-onboarding *::before,
  .signature-onboarding *::after {
    animation: none !important;
    transition: none !important;
  }
}

.auth-form-fieldset {
  display: contents;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.auth-entry-screen form[aria-busy="true"] button,
.nexus-login-form[aria-busy="true"] button {
  cursor: wait;
}

.auth-entry-screen form[aria-busy="true"] input,
.auth-entry-screen form[aria-busy="true"] select,
.nexus-login-form[aria-busy="true"] input {
  opacity: 0.78;
}

/* AVyntro agency shared navigation and mobile surfaces. */
.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) {
  --bottom-nav-height: 56px;
  --agency-ink: #07143a;
  --agency-muted: #52698d;
  --agency-line: #c7ddfb;
  --agency-blue: #075cff;
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  margin-inline: auto !important;
  background: #eef6ff !important;
  overflow-x: hidden !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .main {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  padding: 0 0 calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom) + 10px) !important;
  background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 46%, #eef6ff 100%) !important;
  overflow-x: hidden !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav {
  width: min(100vw, 430px) !important;
  min-height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 4px 6px calc(4px + env(safe-area-inset-bottom)) !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(104, 172, 255, 0.22) !important;
  background: linear-gradient(180deg, #0a2b60 0%, #031638 44%, #00112c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(159, 207, 255, 0.13) !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 4px 1px 3px !important;
  display: grid !important;
  grid-template-rows: 22px 14px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 1px !important;
  border-radius: 13px !important;
  color: rgba(218, 231, 249, 0.78) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 690 !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button::before {
  top: 0 !important;
  width: min(68px, calc(100% - 6px)) !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, #1680ff 0%, #075cff 54%, #293eef 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 14px rgba(0, 61, 175, 0.24) !important;
  opacity: 0 !important;
  transform: translateX(-50%) !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button.active {
  color: #fff !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button.active::before {
  opacity: 1 !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button.active::after {
  content: none !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button svg {
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  stroke-width: 2.15 !important;
  filter: none !important;
}

.app-shell:has(.nav-button[data-view="agencyCertificationVault"]) > .nav .nav-button span {
  color: currentColor !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 690 !important;
}

.app-shell:has(.agency-home-page) .app-header,
.app-shell:has(.agency-jobs-root-page) .app-header,
.app-shell:has(.agency-workforce-page) .app-header,
.app-shell:has(.agency-offers-page) .app-header {
  margin: 0 !important;
  padding: max(22px, env(safe-area-inset-top)) 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: linear-gradient(132deg, #0645c9 0%, #075cff 64%, #04358d 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 14px 28px rgba(4, 45, 128, 0.18) !important;
}

.app-shell:has(.agency-home-page) .app-header-row,
.app-shell:has(.agency-jobs-root-page) .app-header-row,
.app-shell:has(.agency-workforce-page) .app-header-row,
.app-shell:has(.agency-offers-page) .app-header-row {
  min-height: 66px !important;
  padding: 9px 12px 8px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 92px !important;
  align-items: center !important;
  gap: 8px !important;
}

.app-shell:has(.agency-home-page) .app-avatar-button,
.app-shell:has(.agency-jobs-root-page) .app-avatar-button,
.app-shell:has(.agency-workforce-page) .app-avatar-button,
.app-shell:has(.agency-offers-page) .app-avatar-button {
  width: 42px !important;
  height: 42px !important;
}

.app-shell:has(.agency-home-page) .app-avatar,
.app-shell:has(.agency-jobs-root-page) .app-avatar,
.app-shell:has(.agency-workforce-page) .app-avatar,
.app-shell:has(.agency-offers-page) .app-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #06165a !important;
  box-shadow: 0 10px 18px rgba(2, 15, 56, 0.2) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.app-shell:has(.agency-home-page) .app-greeting,
.app-shell:has(.agency-jobs-root-page) .app-greeting,
.app-shell:has(.agency-workforce-page) .app-greeting,
.app-shell:has(.agency-offers-page) .app-greeting {
  min-width: 0 !important;
  text-align: center !important;
}

.app-shell:has(.agency-home-page) .app-greeting h1,
.app-shell:has(.agency-jobs-root-page) .app-greeting h1,
.app-shell:has(.agency-workforce-page) .app-greeting h1,
.app-shell:has(.agency-offers-page) .app-greeting h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.agency-home-page) .app-greeting p,
.app-shell:has(.agency-jobs-root-page) .app-greeting p,
.app-shell:has(.agency-workforce-page) .app-greeting p,
.app-shell:has(.agency-offers-page) .app-greeting p {
  margin: 3px 0 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 650 !important;
}

.app-shell:has(.agency-home-page) .header-icon-group,
.app-shell:has(.agency-jobs-root-page) .header-icon-group,
.app-shell:has(.agency-workforce-page) .header-icon-group,
.app-shell:has(.agency-offers-page) .header-icon-group {
  width: 92px !important;
  min-width: 92px !important;
  gap: 5px !important;
}

.app-shell:has(.agency-home-page) .header-icon-button,
.app-shell:has(.agency-jobs-root-page) .header-icon-button,
.app-shell:has(.agency-workforce-page) .header-icon-button,
.app-shell:has(.agency-offers-page) .header-icon-button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.13) !important;
}

.app-shell:has(.agency-home-page) .header-tools,
.app-shell:has(.agency-jobs-root-page) .header-tools,
.app-shell:has(.agency-workforce-page) .header-tools,
.app-shell:has(.agency-offers-page) .header-tools {
  padding: 0 8px 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
}

.app-shell:has(.agency-home-page) .header-search,
.app-shell:has(.agency-jobs-root-page) .header-search,
.app-shell:has(.agency-workforce-page) .header-search,
.app-shell:has(.agency-offers-page) .header-search {
  min-height: 40px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.agency-home-page,
.agency-jobs-root-page,
.agency-workforce-page,
.agency-offers-page {
  width: min(100%, 430px) !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  padding: 0 8px calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom) + 10px) !important;
  display: grid !important;
  gap: 8px !important;
  color: var(--agency-ink) !important;
  background: transparent !important;
}

.agency-root-tabs,
.agency-section-tabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 -8px 0 !important;
  padding: 0 8px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 0 rgba(151, 180, 220, 0.32), 0 8px 18px rgba(28, 67, 118, 0.05) !important;
  overflow: hidden !important;
}

.agency-root-tabs button,
.agency-section-tabs button {
  position: relative !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4e5f87 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

.agency-root-tabs button::after,
.agency-section-tabs button::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #075cff !important;
  opacity: 0 !important;
}

.agency-root-tabs button.active,
.agency-section-tabs button.active {
  color: #075cff !important;
}

.agency-root-tabs button.active::after,
.agency-section-tabs button.active::after {
  opacity: 1 !important;
}

.agency-section-tabs em {
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #075cff;
  background: #eaf3ff;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 800;
}

.agency-overview-tools {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 7px 0 2px !important;
}

.agency-overview-search {
  min-width: 0 !important;
  min-height: 44px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(136, 166, 214, 0.42) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(6, 35, 86, 0.07) !important;
}

.agency-overview-search input {
  color: var(--agency-ink) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
}

.agency-overview-filter {
  min-width: 112px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(7, 92, 255, 0.42) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0a62ff 0%, #0748cc 100%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 10px 22px rgba(7, 73, 190, 0.22) !important;
}

.agency-overview-filter svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.2 !important;
}

.content.people-page.agency-workforce-page > .agency-section-tabs,
.app-shell:has(.agency-workforce-page) .content.people-page.agency-workforce-page > .agency-section-tabs {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  align-self: start !important;
  overflow: hidden !important;
}

.content.people-page.agency-workforce-page > .agency-section-tabs button,
.app-shell:has(.agency-workforce-page) .content.people-page.agency-workforce-page > .agency-section-tabs button {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  align-self: stretch !important;
}

.agency-overview-stack,
.agency-operations-stack,
.agency-organisation-stack,
.agency-compliance-root,
.workforce-compliance-stack {
  display: grid !important;
  gap: 8px !important;
}

.agency-shared-command-card,
.agency-organisation-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: 180px !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 10px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(21, 130, 255, 0.58), transparent 32%),
    linear-gradient(132deg, #03143a 0%, #062866 48%, #0747c3 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px rgba(3, 31, 80, .16) !important;
}

.agency-card-network {
  position: absolute;
  inset: 0 0 0 44%;
  z-index: -1;
  opacity: .52;
  background:
    radial-gradient(circle at 72% 26%, rgba(82, 220, 255, .9) 0 2px, transparent 3px),
    radial-gradient(circle at 44% 50%, rgba(82, 220, 255, .8) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 64%, rgba(82, 220, 255, .72) 0 2px, transparent 3px),
    linear-gradient(135deg, transparent 22%, rgba(82, 220, 255, .28) 22% 23%, transparent 24%),
    linear-gradient(31deg, transparent 42%, rgba(82, 220, 255, .24) 42% 43%, transparent 44%);
}

.agency-command-topline {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.agency-command-topline > span {
  min-width: 0;
  color: rgba(255,255,255,.86);
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-command-topline em,
.agency-command-topline button {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(95, 210, 255, .55);
  color: #fff;
  background: rgba(8, 62, 157, .48);
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
}

.agency-command-topline em i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f6bd28;
}

.agency-command-topline em.green i {
  background: #3de08c;
}

.agency-command-welcome {
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.agency-shared-avatar {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #06165a;
  background: #fff;
  box-shadow: 0 12px 24px rgba(0, 8, 34, .22);
  font-size: 18px;
  font-weight: 850;
}

.agency-command-welcome h2,
.agency-organisation-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 790;
}

.agency-command-welcome p {
  margin: 3px 0 0;
  color: rgba(223, 238, 255, .88);
  font-size: 12px;
  line-height: 1.18;
  font-weight: 600;
}

.agency-command-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(132, 207, 255, .16);
}

.agency-command-metric-grid button {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 8px;
  padding: 8px;
  border: 0;
  border-right: 1px solid rgba(132, 207, 255, .16);
  border-bottom: 1px solid rgba(132, 207, 255, .16);
  color: #fff;
  background: rgba(255,255,255,.055);
  text-align: left;
}

.agency-command-metric-grid button:nth-child(2n) {
  border-right: 0;
}

.agency-command-metric-grid span {
  grid-row: 1 / 3;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(255,255,255,.11);
}

.agency-command-metric-grid svg {
  width: 17px;
  height: 17px;
}

.agency-command-metric-grid small {
  color: rgba(223, 238, 255, .72);
  font-size: 10px;
  font-weight: 630;
}

.agency-command-metric-grid strong {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 820;
}

.agency-primary-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.agency-primary-actions button {
  min-height: 46px;
  border-radius: 9px;
  border: 1px solid #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  background: #075cff;
  font-size: 13px;
  font-weight: 760;
}

.agency-primary-actions button svg {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  stroke-width: 2.05 !important;
}

.agency-primary-actions button span {
  min-width: 0 !important;
  white-space: nowrap !important;
}

.agency-primary-actions button + button {
  color: #075cff;
  background: #fff;
}

.agency-mobile-card {
  min-width: 0;
  border: 1px solid var(--agency-line) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 7px 18px rgba(31, 78, 137, .06) !important;
}

.agency-section-title,
.agency-page-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px 7px;
}

.agency-section-title h3,
.agency-page-heading-row h2 {
  margin: 0;
  color: var(--agency-ink);
  font-size: 18px;
  line-height: 1.12;
  font-weight: 800;
}

.agency-page-heading-row p,
.agency-section-title button,
.agency-section-title span {
  margin: 0;
  color: var(--agency-muted);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 650;
}

.agency-section-title button,
.agency-page-heading-row button {
  border: 0;
  background: transparent;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.agency-section-title button svg {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}

.agency-attention-rows,
.agency-recent-rows,
.agency-applicant-job-list,
.workforce-compliance-list,
.workforce-training-list {
  display: grid;
  gap: 0;
  padding: 0 10px 10px;
}

.agency-attention-rows button,
.agency-recent-rows button,
.agency-applicant-job-list button,
.agency-organisation-details button,
.agency-doc-checks-card button {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 0;
  border-top: 1px solid rgba(156, 185, 224, .28);
  background: transparent;
  color: var(--agency-ink);
  text-align: left;
}

.agency-attention-rows button {
  grid-template-columns: 38px auto minmax(0, 1fr) 16px;
}

.agency-attention-rows button > b {
  min-width: 0;
}

.agency-attention-rows button > b:empty {
  display: none;
}

.agency-attention-rows button:first-child,
.agency-recent-rows button:first-child,
.agency-applicant-job-list button:first-child,
.agency-organisation-details button:first-of-type,
.agency-doc-checks-card button:first-of-type {
  border-top: 0;
}

.agency-attention-rows button > span,
.agency-recent-rows button > span,
.agency-applicant-job-list button > span,
.agency-organisation-details button > span,
.agency-doc-checks-card button > span,
.agency-next-shift-row > span,
.agency-insight-row > span,
.workforce-compliance-summary > span,
.workforce-training-note > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #075cff;
  background: #edf6ff;
}

.agency-attention-rows strong,
.agency-recent-rows strong,
.agency-applicant-job-list strong,
.agency-organisation-details strong,
.agency-doc-checks-card strong {
  display: block;
  color: var(--agency-ink);
  font-size: 13.5px;
  line-height: 1.15;
  font-weight: 760;
}

.agency-attention-rows small,
.agency-recent-rows small,
.agency-applicant-job-list small,
.agency-organisation-details small,
.agency-doc-checks-card small {
  display: block;
  margin-top: 3px;
  color: var(--agency-muted);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 560;
}

.agency-attention-rows svg:last-child,
.agency-recent-rows svg:last-child,
.agency-applicant-job-list svg:last-child,
.agency-organisation-links > button > svg:last-child,
.agency-doc-checks-card > button > svg:last-child,
.agency-next-shift-row > svg:last-child,
.agency-insight-row > svg:last-child,
.agency-quick-grid svg:last-child {
  width: 18px;
  height: 18px;
  color: #075cff;
  transform: rotate(180deg);
}

.agency-next-shift-row,
.agency-insight-row,
.workforce-compliance-summary,
.workforce-training-note {
  min-height: 70px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--agency-line);
  color: var(--agency-ink);
  text-align: left;
}

.agency-next-shift-row strong,
.agency-insight-row strong,
.workforce-compliance-summary strong,
.workforce-training-note strong {
  display: block;
  color: var(--agency-ink);
  font-size: 14px;
  line-height: 1.18;
}

.agency-next-shift-row small,
.agency-insight-row small,
.agency-next-shift-row em,
.agency-insight-row em,
.workforce-compliance-summary small,
.workforce-training-note small {
  display: block;
  margin-top: 2px;
  color: var(--agency-muted);
  font-size: 11.5px;
  line-height: 1.2;
  font-style: normal;
}

.agency-performance-card {
  padding-bottom: 10px;
}

.agency-performance-bars {
  display: grid;
  gap: 8px;
  padding: 0 12px;
}

.agency-performance-bars div {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(80px, 1fr) 34px;
  gap: 8px;
  align-items: center;
}

.agency-performance-bars span,
.agency-performance-bars small {
  color: var(--agency-muted);
  font-size: 11px;
  font-weight: 650;
}

.agency-performance-bars i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e1edfc;
}

.agency-performance-bars b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #075cff;
}

.agency-performance-bars strong {
  color: var(--agency-ink);
  font-size: 11px;
  text-align: right;
}

.agency-performance-bars small {
  grid-column: 1 / -1;
  margin-top: -3px;
}

.agency-quick-grid {
  padding: 0 10px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.agency-quick-grid button {
  min-height: 42px;
  border: 1px solid #d3e4fb;
  border-radius: 9px;
  background: #fff;
  color: var(--agency-ink);
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 720;
  text-align: left;
}

.agency-organisation-hero {
  min-height: 146px !important;
}

.agency-organisation-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.agency-organisation-status-grid span {
  min-height: 52px;
  padding: 8px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  border-radius: 9px;
  border: 1px solid rgba(132, 207, 255, .16);
  background: rgba(255,255,255,.07);
}

.agency-organisation-status-grid svg {
  grid-row: 1 / 3;
  width: 20px;
  height: 20px;
}

.agency-organisation-status-grid small {
  color: rgba(223,238,255,.72);
  font-size: 10px;
  line-height: 1;
}

.agency-organisation-status-grid strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.1;
}

.agency-organisation-details {
  padding: 10px 12px;
}

.agency-organisation-details h3,
.agency-doc-checks-card h3 {
  margin: 0 0 4px;
  color: var(--agency-ink);
  font-size: 15px;
  line-height: 1.1;
}

.agency-organisation-links {
  display: grid;
  gap: 8px;
}

.agency-organisation-links > button {
  min-height: 58px;
  padding: 9px 12px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  color: var(--agency-ink);
  text-align: left;
}

.agency-organisation-links strong {
  display: block;
  font-size: 13.5px;
}

.agency-organisation-links small {
  display: block;
  margin-top: 2px;
  color: var(--agency-muted);
  font-size: 11px;
}

.agency-content-heading {
  padding: 12px 4px 2px;
}

.agency-content-heading h2 {
  margin: 0;
  color: var(--agency-ink);
  font-size: 21px;
  line-height: 1.1;
  font-weight: 800;
}

.agency-content-heading p {
  margin: 3px 0 0;
  color: var(--agency-muted);
  font-size: 12px;
  line-height: 1.25;
}

.agency-compliance-summary {
  min-height: 116px !important;
}

.agency-doc-checks-card {
  padding: 12px;
}

.agency-doc-checks-card button {
  grid-template-columns: 38px minmax(0, 1fr) auto 16px;
}

.agency-doc-checks-card em,
.workforce-compliance-row em,
.workforce-training-row em {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  color: #0b65d8;
  background: #eaf3ff;
  font-size: 10.5px;
  line-height: 1;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.agency-doc-checks-card em.green,
.workforce-compliance-row em.green {
  color: #067044;
  background: #e4f8ef;
}

.agency-doc-checks-card em.yellow,
.workforce-compliance-row em.yellow,
.workforce-compliance-summary.amber {
  color: #a55d00;
  background: #fff5df !important;
}

.agency-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.agency-search-row label {
  min-height: 42px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--agency-line);
  border-radius: 10px;
  background: #fff;
  color: #6680a6;
}

.agency-search-row input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--agency-ink);
  background: transparent;
  font-size: 13px;
  font-weight: 650;
}

.agency-search-row button {
  min-height: 42px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--agency-line);
  border-radius: 10px;
  color: #075cff;
  background: #fff;
  font-size: 12px;
  font-weight: 760;
}

.workforce-compliance-row,
.workforce-training-row {
  min-width: 0;
  min-height: 78px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid rgba(156, 185, 224, .28);
}

.workforce-compliance-row > span,
.workforce-training-row > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #075cff;
  background: #edf6ff;
  font-size: 13px;
  font-weight: 800;
}

.workforce-compliance-row strong,
.workforce-training-row strong {
  display: block;
  color: var(--agency-ink);
  font-size: 14px;
  line-height: 1.15;
}

.workforce-compliance-row small,
.workforce-training-row small {
  display: block;
  margin-top: 3px;
  color: var(--agency-muted);
  font-size: 11px;
  line-height: 1.2;
}

.workforce-compliance-row button,
.workforce-training-row button {
  margin-top: 8px;
  padding: 0;
  border: 0;
  color: #075cff;
  background: transparent;
  font-size: 12px;
  font-weight: 760;
}

.workforce-training-row {
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.workforce-training-row > i {
  grid-column: 2 / 4;
  height: 1px;
  background: rgba(156, 185, 224, .28);
}

.workforce-training-row > small,
.workforce-training-row > button {
  grid-column: 2;
}

.agency-offers-nested-shell,
.agency-applicants-root-panel {
  display: grid;
  gap: 8px;
}

.agency-live-offers-empty {
  min-height: 190px;
  padding: 18px 16px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 12px;
  text-align: center;
}

.agency-live-offers-empty > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #075cff;
  background: #edf6ff;
}

.agency-live-offers-empty > span svg {
  width: 22px;
  height: 22px;
}

.agency-live-offers-empty h3 {
  margin: 0;
  color: var(--agency-ink);
  font-size: 18px;
  line-height: 1.15;
  font-weight: 800;
}

.agency-live-offers-empty p {
  max-width: 280px;
  margin: 5px auto 0;
  color: var(--agency-muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
}

.agency-live-offers-empty-actions {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.agency-live-offers-empty-actions button {
  min-height: 42px;
  border: 1px solid #075cff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #075cff;
  background: #fff;
  font-size: 12px;
  font-weight: 760;
}

.agency-live-offers-empty-actions button:first-child {
  color: #fff;
  background: #075cff;
}

.agency-live-offers-empty-actions svg {
  width: 17px;
  height: 17px;
}

.agency-offers-nested-shell .lightning-panel {
  border-radius: 10px !important;
  box-shadow: 0 7px 18px rgba(31, 78, 137, .06) !important;
}

.agency-empty-line {
  min-height: 52px;
  display: grid;
  place-items: center start;
  padding: 12px;
  color: var(--agency-muted);
  font-size: 12px;
  line-height: 1.28;
  font-weight: 620;
}

.app-shell:has(.agency-workforce-page) .content.people-page.agency-workforce-page {
  align-content: start !important;
  grid-auto-rows: auto !important;
  gap: 8px !important;
  padding-top: 0 !important;
}

.app-shell:has(.agency-workforce-page) .content.people-page.agency-workforce-page > .workforce-compliance-stack {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
  align-self: start !important;
}

.app-shell:has(.agency-workforce-page) .content.people-page.agency-workforce-page > .workforce-compliance-stack .agency-content-heading {
  padding-top: 8px !important;
}

/* Workforce Network final overrides: must sit after legacy people-page rules. */
.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page {
  gap: 8px !important;
  padding-top: 0 !important;
}

.app-shell:has(.workforce-network-page) .shortlist-workspace.workforce-network-page {
  padding-bottom: 96px !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector {
  margin: 10px 12px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  padding: 0 !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector button {
  min-height: 44px !important;
  border-radius: 14px !important;
  padding: 0 8px !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector strong {
  font-size: 12px !important;
  line-height: 16px !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-tabs {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-tabs button {
  grid-column: span 2 !important;
  min-height: 38px !important;
  width: auto !important;
  padding: 0 8px !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-tabs button:nth-child(4),
.app-shell:has(.workforce-network-page) .workforce-network-tabs button:nth-child(5) {
  grid-column: span 3 !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-tabs button.active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #075cff, #127cff) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(7, 92, 255, 0.2) !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-tabs button span {
  font-size: 12px !important;
  line-height: 15px !important;
  white-space: nowrap !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-copy {
  max-width: 310px !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-copy h2 {
  font-size: 22px !important;
  line-height: 28px !important;
  white-space: nowrap;
}

.app-shell:has(.workforce-network-page) .preferred-network-controls {
  grid-template-columns: minmax(0, 1fr) 44px !important;
}

/* Advanced Search final overrides: scoped to Workforce > Workers > Advanced search. */
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page,
.app-shell:has(.advanced-preview-page) .content.people-page.agency-workforce-page {
  gap: 8px !important;
  padding-top: 0 !important;
  align-content: start !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(221, 239, 255, .88), transparent 32%),
    linear-gradient(180deg, #f8fcff 0%, #eef7ff 100%) !important;
}

.advanced-search-page,
.advanced-refine-workspace,
.advanced-preview-workspace {
  display: grid;
  gap: 10px;
  padding: 10px 12px 100px;
}

.app-shell:has(.advanced-search-page) .workforce-mode-selector,
.app-shell:has(.advanced-refine-page) .workforce-mode-selector {
  margin: 10px 12px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.app-shell:has(.advanced-preview-page) .workforce-mode-selector {
  display: none !important;
}

.advanced-search-banner {
  position: relative;
  min-height: 66px;
  overflow: hidden;
  border-radius: 10px;
  padding: 15px 18px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 8%, rgba(37, 211, 255, .76), transparent 14%),
    radial-gradient(circle at 88% 68%, rgba(13, 107, 255, .42), transparent 34%),
    linear-gradient(135deg, #03122d 0%, #043a91 100%);
  box-shadow: 0 14px 26px rgba(9, 45, 107, .16);
}

.advanced-search-banner .agency-card-network {
  position: absolute;
  inset: 0;
  opacity: .64;
  pointer-events: none;
}

.advanced-search-banner h2,
.advanced-search-banner p {
  position: relative;
  z-index: 1;
  margin: 0;
}

.advanced-search-banner h2 {
  max-width: 220px;
  font-size: 21px;
  line-height: 25px;
  font-weight: 860;
  letter-spacing: 0;
}

.advanced-search-banner p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 650;
  color: rgba(255, 255, 255, .92);
}

.advanced-search-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  gap: 8px;
}

.advanced-search-input,
.advanced-filter-button,
.advanced-results-header label,
.advanced-refine-field > div,
.advanced-filter-chips button,
.advanced-save-search-panel,
.advanced-candidate-card,
.advanced-preview-card,
.advanced-search-empty {
  border: 1px solid rgba(151, 189, 240, .56);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 10px 24px rgba(29, 76, 132, .06);
}

.advanced-search-input {
  min-height: 44px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 9px;
  border-radius: 12px;
  padding: 0 12px;
  color: #0b63ff;
}

.advanced-search-input input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071a45;
  font-size: 14px;
  font-weight: 650;
}

.advanced-search-input input::placeholder {
  color: #7082a5;
}

.advanced-search-input svg,
.advanced-filter-button svg {
  width: 20px;
  height: 20px;
}

.advanced-search-input button {
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #0b63ff;
}

.advanced-filter-button {
  position: relative;
  min-height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #075cff;
}

.advanced-filter-button em {
  position: absolute;
  top: -6px;
  right: -5px;
  min-width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #ff7a00;
  font-size: 11px;
  font-style: normal;
  font-weight: 840;
}

.advanced-filter-chips {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 0 1px 2px;
  scrollbar-width: none;
}

.advanced-filter-chips::-webkit-scrollbar {
  display: none;
}

.advanced-filter-chips button {
  flex: 0 0 auto;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 0 10px;
  color: #0a2d73;
  font-size: 12px;
  font-weight: 760;
}

.advanced-filter-chips button.more {
  color: #075cff;
  background: #eef6ff;
}

.advanced-filter-chips svg {
  width: 14px;
  height: 14px;
  color: #075cff;
}

.advanced-search-utility-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 3px;
}

.advanced-search-utility-row button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: #075cff;
  font-size: 12px;
  font-weight: 740;
}

.advanced-search-utility-row svg {
  width: 16px;
  height: 16px;
}

.advanced-save-search-panel {
  display: grid;
  gap: 10px;
  border-radius: 12px;
  padding: 12px;
}

.advanced-save-search-panel label {
  display: grid;
  gap: 6px;
  color: #526686;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
}

.advanced-save-search-panel input {
  min-height: 40px;
  border: 1px solid rgba(151, 189, 240, .56);
  border-radius: 10px;
  padding: 0 12px;
  color: #071a45;
  font-size: 14px;
  font-weight: 700;
}

.advanced-save-search-panel > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.advanced-save-search-panel button {
  min-height: 38px;
  border: 1px solid rgba(151, 189, 240, .7);
  border-radius: 10px;
  color: #075cff;
  background: #fff;
  font-weight: 760;
}

.advanced-save-search-panel button:last-child {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #075cff, #1685ff);
}

.advanced-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #071a45;
}

.advanced-results-header strong {
  font-size: 18px;
  line-height: 22px;
  font-weight: 860;
}

.advanced-results-header label {
  position: relative;
  min-width: 96px;
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  border-radius: 10px;
  padding: 0 10px;
  color: #075cff;
}

.advanced-results-header select {
  min-width: 0;
  appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #0a2d73;
  font-size: 12px;
  font-weight: 760;
}

.advanced-results-header svg {
  width: 14px;
  height: 14px;
  transform: rotate(-90deg);
}

.advanced-results-list {
  display: grid;
  gap: 9px;
}

.advanced-candidate-card {
  border-radius: 12px;
  padding: 12px;
}

.advanced-candidate-top {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 30px;
  gap: 10px;
  align-items: start;
}

.advanced-candidate-avatar,
.advanced-preview-avatar {
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #2768ff, #0f55de);
  font-size: 16px;
  font-weight: 860;
}

.advanced-candidate-avatar {
  width: 56px;
  height: 56px;
}

.advanced-candidate-avatar img,
.advanced-preview-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advanced-candidate-main {
  min-width: 0;
}

.advanced-candidate-main strong {
  display: block;
  color: #071a45;
  font-size: 16px;
  line-height: 19px;
  font-weight: 860;
}

.advanced-candidate-main small {
  display: block;
  margin-top: 2px;
  color: #53668b;
  font-size: 12px;
  line-height: 15px;
  font-weight: 650;
}

.advanced-candidate-main > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.advanced-candidate-main em,
.advanced-candidate-main span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 0 8px;
  color: #095e2b;
  background: #e5faef;
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
}

.advanced-candidate-main span {
  color: #425679;
  background: #f1f7ff;
}

.advanced-candidate-main svg {
  width: 13px;
  height: 13px;
}

.advanced-bookmark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(151, 189, 240, .7);
  border-radius: 9px;
  color: #32507b;
  background: #fff;
}

.advanced-bookmark.saved {
  color: #075cff;
  background: #e9f3ff;
}

.advanced-bookmark svg {
  width: 17px;
  height: 17px;
}

.advanced-candidate-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(154, 184, 222, .32);
}

.advanced-candidate-metrics span,
.advanced-preview-metrics span,
.advanced-preview-performance span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 2px;
  color: #071a45;
}

.advanced-candidate-metrics span + span,
.advanced-preview-metrics span + span,
.advanced-preview-performance span + span {
  border-left: 1px solid rgba(154, 184, 222, .45);
}

.advanced-candidate-metrics strong,
.advanced-preview-metrics strong,
.advanced-preview-performance strong {
  font-size: 15px;
  line-height: 18px;
  font-weight: 860;
}

.advanced-candidate-metrics small,
.advanced-preview-metrics small,
.advanced-preview-performance small {
  color: #637596;
  font-size: 10px;
  font-weight: 650;
}

.advanced-candidate-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid rgba(154, 184, 222, .32);
}

.advanced-candidate-footer span,
.advanced-candidate-footer button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #075cff;
  font-size: 12px;
  font-weight: 760;
}

.advanced-candidate-footer span {
  color: #075cff;
  white-space: nowrap;
}

.advanced-candidate-footer svg {
  width: 15px;
  height: 15px;
}

.advanced-candidate-footer button svg {
  transform: rotate(180deg);
}

.advanced-search-empty {
  min-height: 180px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 9px;
  border-radius: 12px;
  padding: 18px;
  text-align: center;
}

.advanced-search-empty > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #075cff;
  background: #edf6ff;
}

.advanced-search-empty h3,
.advanced-search-empty p {
  margin: 0;
}

.advanced-search-empty h3 {
  color: #071a45;
  font-size: 17px;
  line-height: 21px;
  font-weight: 840;
}

.advanced-search-empty p {
  color: #53668b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 620;
}

.advanced-search-empty div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
}

.advanced-search-empty button {
  min-height: 38px;
  border: 1px solid #075cff;
  border-radius: 10px;
  color: #075cff;
  background: #fff;
  font-size: 12px;
  font-weight: 760;
}

.advanced-search-empty button:first-child {
  color: #fff;
  background: #075cff;
}

.advanced-back-link {
  width: max-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: #071a45;
  font-size: 13px;
  font-weight: 720;
}

.advanced-back-link svg {
  width: 16px;
  height: 16px;
}

.advanced-refine-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.advanced-refine-heading h2 {
  margin: 0;
  color: #071a45;
  font-size: 21px;
  line-height: 25px;
  font-weight: 860;
}

.advanced-refine-heading button {
  border: 0;
  background: transparent;
  color: #075cff;
  font-size: 12px;
  font-weight: 760;
}

.advanced-refine-form {
  display: grid;
  gap: 10px;
}

.advanced-refine-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.advanced-refine-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.advanced-refine-field.full {
  grid-column: 1 / -1;
}

.advanced-refine-field > span,
.advanced-refine-segment legend,
.advanced-required-checks legend {
  color: #071a45;
  font-size: 12px;
  line-height: 15px;
  font-weight: 820;
}

.advanced-refine-field > div {
  min-height: 42px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  padding: 0 10px;
  color: #075cff;
}

.advanced-refine-field select {
  min-width: 0;
  appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071a45;
  font-size: 13px;
  font-weight: 720;
}

.advanced-refine-field small {
  color: #7688a8;
  font-size: 12px;
  font-weight: 720;
}

.advanced-refine-field svg {
  width: 18px;
  height: 18px;
}

.advanced-refine-field > div > svg:last-child {
  transform: rotate(-90deg);
}

.advanced-refine-segment,
.advanced-required-checks {
  display: grid;
  gap: 8px;
  margin: 0;
  border: 0;
  padding: 0;
}

.advanced-refine-segment > div,
.advanced-required-checks > div {
  display: grid;
  gap: 7px;
}

.advanced-refine-segment > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.advanced-refine-segment button {
  min-height: 36px;
  border: 1px solid rgba(151, 189, 240, .7);
  border-radius: 10px;
  color: #071a45;
  background: #fff;
  font-size: 12px;
  font-weight: 720;
}

.advanced-refine-segment button.active {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #1685ff);
}

.advanced-required-checks > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.advanced-required-checks label {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(151, 189, 240, .7);
  border-radius: 10px;
  color: #071a45;
  background: #fff;
  font-size: 12px;
  font-weight: 720;
}

.advanced-required-checks input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advanced-required-checks label:has(input:checked) {
  color: #075cff;
  background: #edf6ff;
  border-color: #9fc3ff;
}

.advanced-required-checks label span {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: #075cff;
}

.advanced-required-checks label:not(:has(input:checked)) span {
  color: #075cff;
  background: #eef6ff;
}

.advanced-required-checks svg {
  width: 13px;
  height: 13px;
}

.advanced-refine-count {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 11px;
  padding: 0 12px;
  color: #075cff;
  background: linear-gradient(135deg, #eaf4ff, #ddeeff);
  font-size: 13px;
}

.advanced-refine-count svg {
  width: 21px;
  height: 21px;
}

.advanced-refine-submit {
  min-height: 47px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #1685ff);
  box-shadow: 0 16px 26px rgba(7, 92, 255, .22);
  font-size: 15px;
  font-weight: 850;
}

.advanced-preview-workspace {
  padding-top: 10px;
}

.advanced-preview-card {
  display: grid;
  gap: 11px;
  border-radius: 14px;
  padding: 12px;
}

.advanced-preview-hero {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 30px;
  gap: 11px;
  align-items: start;
}

.advanced-preview-avatar {
  width: 62px;
  height: 62px;
  border-radius: 18px;
}

.advanced-preview-hero h2,
.advanced-preview-hero p {
  margin: 0;
}

.advanced-preview-hero h2 {
  color: #071a45;
  font-size: 18px;
  line-height: 22px;
  font-weight: 860;
}

.advanced-preview-hero p {
  margin-top: 2px;
  color: #53668b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 650;
}

.advanced-preview-hero em {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  margin-top: 7px;
  border-radius: 999px;
  padding: 5px 9px;
  color: #095e2b;
  background: #dff8eb;
  font-size: 11px;
  font-style: normal;
  font-weight: 780;
}

.advanced-preview-status {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.advanced-preview-status span {
  min-height: 43px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  border-radius: 10px;
  padding: 7px 10px;
  color: #075cff;
  background: #f1f7ff;
}

.advanced-preview-status span.available {
  color: #09622c;
  background: #e7f8ed;
}

.advanced-preview-status svg {
  grid-row: span 2;
  width: 20px;
  height: 20px;
}

.advanced-preview-status strong {
  color: #071a45;
  font-size: 12px;
  line-height: 15px;
  font-weight: 780;
}

.advanced-preview-status small {
  color: #53668b;
  font-size: 10px;
  font-weight: 650;
}

.advanced-preview-metrics,
.advanced-preview-performance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 8px 0;
}

.advanced-match-panel,
.advanced-preview-checks,
.advanced-preview-skills {
  display: grid;
  gap: 8px;
}

.advanced-match-panel,
.advanced-preview-checks {
  border-radius: 11px;
  padding: 11px;
  background: #f1f7ff;
}

.advanced-match-panel h3,
.advanced-preview-checks h3,
.advanced-preview-skills h3 {
  margin: 0;
  color: #071a45;
  font-size: 14px;
  line-height: 17px;
  font-weight: 850;
}

.advanced-match-panel ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.advanced-match-panel li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #0a2d73;
  font-size: 12px;
  line-height: 16px;
  font-weight: 650;
}

.advanced-match-panel svg {
  width: 15px;
  height: 15px;
  color: #075cff;
}

.advanced-preview-checks article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  border-top: 1px solid rgba(154, 184, 222, .34);
}

.advanced-preview-checks article:first-of-type {
  border-top: 0;
}

.advanced-preview-checks article > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #075cff;
  background: #fff;
}

.advanced-preview-checks svg {
  width: 16px;
  height: 16px;
}

.advanced-preview-checks strong {
  color: #22385e;
  font-size: 12px;
  font-weight: 720;
}

.advanced-preview-checks em {
  border-radius: 999px;
  padding: 5px 9px;
  color: #09622c;
  background: #dff8eb;
  font-size: 11px;
  font-style: normal;
  font-weight: 740;
}

.advanced-preview-skills div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.advanced-preview-skills span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(151, 189, 240, .7);
  border-radius: 999px;
  padding: 0 9px;
  color: #0a2d73;
  background: #f4f9ff;
  font-size: 11px;
  font-weight: 720;
}

.advanced-preview-performance {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advanced-preview-performance svg {
  width: 17px;
  height: 17px;
  color: #075cff;
}

.advanced-preview-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 8px;
  padding-top: 2px;
}

.advanced-preview-actions button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #061936;
  border-radius: 11px;
  color: #fff;
  background: #061936;
  font-size: 13px;
  font-weight: 800;
}

.advanced-preview-actions button:last-child {
  color: #061936;
  background: #fff;
  border-color: rgba(6, 25, 54, .72);
}

.advanced-preview-actions svg {
  width: 17px;
  height: 17px;
}

/* Workforce visual polish: final 8px mobile gutter and centered mode tabs. */
.app-shell:has(.workforce-network-page),
body:has(.workforce-network-page) .app-shell {
  width: 100% !important;
  max-width: 430px !important;
}

body:has(.workforce-network-page) .main,
.app-shell:has(.workforce-network-page) .main {
  width: 100% !important;
  max-width: 100% !important;
}

body:has(.workforce-network-page) .content.people-page.agency-workforce-page,
.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page,
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page,
.app-shell:has(.advanced-preview-page) .content.people-page.agency-workforce-page {
  width: min(100%, 430px) !important;
  max-width: 100% !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector,
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page > .workforce-mode-selector,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page > .workforce-mode-selector {
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector button,
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page > .workforce-mode-selector button,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page > .workforce-mode-selector button {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  border-radius: 13px !important;
  gap: 7px !important;
  padding: 0 8px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector i,
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page > .workforce-mode-selector i,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page > .workforce-mode-selector i {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

.app-shell:has(.workforce-network-page) .content.people-page.agency-workforce-page > .workforce-mode-selector strong,
.app-shell:has(.advanced-search-page) .content.people-page.agency-workforce-page > .workforce-mode-selector strong,
.app-shell:has(.advanced-refine-page) .content.people-page.agency-workforce-page > .workforce-mode-selector strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.app-shell:has(.workforce-network-page) .shortlist-workspace.workforce-network-page {
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 0 96px !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

body:has(.workforce-network-page) .content.people-page .preferred-industry-card.open,
body:has(.workforce-network-page) .content.people-page .preferred-site-list.network-site-portfolio,
.app-shell:has(.workforce-network-page) .content.people-page .preferred-industry-card.open,
.app-shell:has(.workforce-network-page) .content.people-page .preferred-site-list.network-site-portfolio {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  transform: none !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-summary-card,
.app-shell:has(.workforce-network-page) .preferred-network-controls,
.app-shell:has(.workforce-network-page) .workforce-network-tabs-section,
.app-shell:has(.workforce-network-page) .workforce-network-empty-state,
.app-shell:has(.workforce-network-page) .workforce-network-view-empty {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.app-shell:has(.advanced-search-page) .advanced-search-page,
.app-shell:has(.advanced-refine-page) .advanced-refine-workspace,
.app-shell:has(.advanced-preview-page) .advanced-preview-workspace {
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 0 100px !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

.app-shell:has(.advanced-search-page) .advanced-search-banner,
.app-shell:has(.advanced-search-page) .advanced-search-controls,
.app-shell:has(.advanced-search-page) .advanced-filter-chips,
.app-shell:has(.advanced-search-page) .advanced-search-utility-row,
.app-shell:has(.advanced-search-page) .advanced-search-empty,
.app-shell:has(.advanced-refine-page) .advanced-refine-workspace,
.app-shell:has(.advanced-preview-page) .advanced-preview-workspace {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Workforce Network luxury type refinement: quieter, lighter summary card. */
.app-shell:has(.workforce-network-page) .workforce-network-copy span {
  font-weight: 640 !important;
  letter-spacing: 1.35px !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-copy h2 {
  font-size: 21px !important;
  line-height: 27px !important;
  font-weight: 620 !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-copy p {
  color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 430 !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-metric-grid strong {
  font-size: 21px !important;
  line-height: 23px !important;
  font-weight: 610 !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-metric-grid small {
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 450 !important;
}

.app-shell:has(.workforce-network-page) .workforce-network-metric-grid svg {
  stroke-width: 1.75 !important;
}

/* Workforce header/action polish: centered icons and non-clipped filter badges. */
.app-shell:has(.agency-workforce-page) .app-header-row,
.app-shell:has(.advanced-search-page) .app-header-row,
.app-shell:has(.workforce-network-page) .app-header-row {
  grid-template-columns: 46px minmax(0, 1fr) 104px !important;
}

.app-shell:has(.agency-workforce-page) .header-icon-group,
.app-shell:has(.advanced-search-page) .header-icon-group,
.app-shell:has(.workforce-network-page) .header-icon-group {
  width: 104px !important;
  min-width: 104px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 30px) !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 7px !important;
}

.app-shell:has(.agency-workforce-page) .header-icon-button,
.app-shell:has(.advanced-search-page) .header-icon-button,
.app-shell:has(.workforce-network-page) .header-icon-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

.app-shell:has(.agency-workforce-page) .header-icon-button svg,
.app-shell:has(.advanced-search-page) .header-icon-button svg,
.app-shell:has(.workforce-network-page) .header-icon-button svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: auto !important;
}

/* AVyntro Schedules approved mobile operations redesign. */
.app-shell:has(.schedule-redesign-page) {
  --schedule-ink: #071633;
  --schedule-muted: #637493;
  --schedule-line: #dce7f7;
  --schedule-soft-line: #e8eef7;
  --schedule-blue: #075cff;
  --schedule-blue-2: #1261f3;
  --schedule-soft-blue: #edf4ff;
  --schedule-success: #176b51;
  --schedule-success-bg: #e6f6ef;
  --schedule-attention: #8a5100;
  --schedule-attention-bg: #fff4db;
  background: #f5f8fd !important;
}

.app-shell:has(.schedule-redesign-page) > .main {
  background: #f5f8fd !important;
}

.schedule-redesign-page {
  width: 100%;
  max-width: 430px;
  display: grid;
  gap: 10px;
  margin: 0 auto;
  padding: 0 8px 14px !important;
  background: #f5f8fd;
  color: var(--schedule-ink);
}

.schedule-main-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 42px;
  margin: 0 -8px;
  border-bottom: 1px solid var(--schedule-line);
  background: #fff;
}

.schedule-main-tabs button {
  position: relative;
  min-width: 0;
  min-height: 42px;
  border: 0;
  background: transparent;
  color: #44597f;
  font-size: 12.5px;
  font-weight: 560;
}

.schedule-main-tabs button.active {
  color: var(--schedule-blue);
  font-weight: 650;
}

.schedule-main-tabs button.active::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--schedule-blue);
}

.schedule-date-strip {
  min-height: 58px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 30px auto;
  align-items: center;
  gap: 8px;
  padding: 10px 10px;
  border-radius: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 95% 35%, rgba(24, 132, 255, .32), transparent 32%),
    linear-gradient(127deg, #041a38 0%, #061f4e 58%, #0a376d 100%);
  box-shadow: 0 5px 14px rgba(4, 26, 56, .12);
}

.schedule-week-jump,
.schedule-date-title,
.schedule-create-button {
  min-height: 38px;
  border: 0;
  color: inherit;
  background: transparent;
}

.schedule-week-jump {
  display: grid;
  place-items: center;
  border-radius: 10px;
  opacity: .9;
}

.schedule-week-jump.next svg {
  transform: rotate(180deg);
}

.schedule-week-jump svg {
  width: 19px;
  height: 19px;
}

.schedule-date-title {
  min-width: 0;
  display: grid;
  justify-items: start;
  text-align: left;
  padding: 0;
}

.schedule-date-title span {
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(223, 235, 250, .78);
}

.schedule-date-title strong {
  margin-top: 2px;
  font-size: 16.5px;
  line-height: 1.1;
  font-weight: 650;
  letter-spacing: 0;
}

.schedule-create-button {
  min-width: 126px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border-radius: 999px;
  color: #071633;
  background: rgba(255,255,255,.94);
  font-size: 12px;
  font-weight: 650;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

.schedule-create-button svg {
  width: 17px;
  height: 17px;
  color: var(--schedule-blue);
}

.schedule-week-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  min-height: 54px;
  overflow: hidden;
  border: 1px solid var(--schedule-line);
  border-radius: 12px;
  background: #fff;
}

.schedule-week-strip button {
  min-width: 0;
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 2px;
  border: 0;
  border-right: 1px solid var(--schedule-soft-line);
  background: transparent;
  color: var(--schedule-ink);
  text-align: center;
}

.schedule-week-strip button:last-child {
  border-right: 0;
}

.schedule-week-strip span {
  color: #42577c;
  font-size: 10px;
  font-weight: 560;
}

.schedule-week-strip strong {
  font-size: 14px;
  line-height: 1;
  font-weight: 520;
}

.schedule-week-strip button.active {
  color: var(--schedule-blue);
  background: var(--schedule-soft-blue);
}

.schedule-week-strip button.active span,
.schedule-week-strip button.today span {
  color: var(--schedule-blue);
}

.schedule-agenda-panel,
.schedule-coverage-panel,
.schedule-rota-panel {
  display: grid;
  gap: 10px;
}

.schedule-summary-grid,
.schedule-detail-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.schedule-summary-grid article,
.schedule-detail-stats article {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid var(--schedule-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(7, 22, 51, .045);
}

.schedule-summary-grid strong,
.schedule-detail-stats strong {
  color: var(--schedule-ink);
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
}

.schedule-summary-grid span,
.schedule-detail-stats span {
  color: #53668b;
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 430;
}

.schedule-search-control {
  min-height: 44px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 8px;
  padding: 0 7px 0 12px;
  border: 1px solid var(--schedule-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(7, 22, 51, .04);
}

.schedule-search-control > svg {
  width: 19px;
  height: 19px;
  color: #526a94;
}

.schedule-search-control input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--schedule-ink);
  font-size: 13px;
}

.schedule-search-control button {
  width: 42px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-left: 1px solid var(--schedule-soft-line);
  background: transparent;
  color: #44597f;
}

.schedule-search-control button.active {
  color: var(--schedule-blue);
}

.schedule-search-control button svg {
  width: 18px;
  height: 18px;
}

.schedule-attention-row {
  min-height: 40px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border: 1px solid rgba(245, 158, 11, .24);
  border-radius: 12px;
  color: var(--schedule-attention);
  background: linear-gradient(180deg, #fff, var(--schedule-attention-bg));
}

.schedule-attention-row > svg {
  width: 19px;
  height: 19px;
}

.schedule-attention-row div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;
}

.schedule-attention-row button {
  min-height: 28px;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  font-size: 12px;
  font-weight: 560;
}

.schedule-attention-row i {
  width: 1px;
  height: 16px;
  background: rgba(138, 81, 0, .24);
}

.schedule-section-heading,
.schedule-rota-heading,
.schedule-detail-card-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 8px 0;
}

.schedule-section-heading strong,
.schedule-rota-heading strong,
.schedule-detail-card-head strong {
  color: var(--schedule-ink);
  font-size: 16px;
  line-height: 1.15;
  font-weight: 650;
}

.schedule-section-heading span,
.schedule-rota-heading span {
  color: #53668b;
  font-size: 12px;
}

.schedule-agenda-list,
.schedule-coverage-list,
.schedule-rota-list,
.schedule-worker-preview {
  display: grid;
  gap: 8px;
}

.schedule-agenda-card,
.schedule-coverage-card,
.schedule-detail-card,
.schedule-detail-actions,
.schedule-rota-group,
.schedule-empty-state {
  border: 1px solid var(--schedule-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(7, 22, 51, .045);
}

.schedule-agenda-card > button {
  width: 100%;
  min-height: 122px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 0;
  background: transparent;
  text-align: left;
  color: inherit;
}

.schedule-card-icon,
.schedule-coverage-card > span,
.schedule-queue-row > span,
.schedule-detail-hero > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--schedule-blue);
  background: var(--schedule-soft-blue);
}

.schedule-card-icon svg,
.schedule-coverage-card > span svg,
.schedule-queue-row > span svg,
.schedule-detail-hero > span svg {
  width: 24px;
  height: 24px;
}

.schedule-agenda-card h3,
.schedule-coverage-card h3 {
  margin: 0 0 4px;
  color: var(--schedule-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 650;
}

.schedule-agenda-card p,
.schedule-coverage-card p {
  margin: 0;
  color: #53668b;
  font-size: 12px;
  line-height: 1.32;
}

.schedule-agenda-card strong,
.schedule-coverage-card strong {
  display: block;
  margin-top: 4px;
  color: var(--schedule-ink);
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 560;
}

.schedule-agenda-card em,
.schedule-coverage-card em {
  display: inline-flex;
  margin-left: 6px;
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--schedule-attention);
  background: var(--schedule-attention-bg);
  font-style: normal;
  font-size: 10.5px;
  font-weight: 560;
}

.schedule-agenda-card > button > svg,
.schedule-view-more svg,
.schedule-coverage-open svg,
.schedule-rota-group button > svg,
.schedule-worker-preview button > svg,
.schedule-detail-actions button > svg:last-child {
  width: 18px;
  height: 18px;
  color: var(--schedule-blue);
  transform: rotate(180deg);
}

.schedule-card-states {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.schedule-card-states span,
.schedule-detail-hero em,
.schedule-worker-preview em {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  color: #1f56d8;
  background: #eaf2ff;
  font-size: 10.5px;
  line-height: 1;
  font-weight: 560;
  font-style: normal;
}

.schedule-card-states .green,
.schedule-detail-hero em.green,
.schedule-worker-preview em.green {
  color: var(--schedule-success);
  background: var(--schedule-success-bg);
}

.schedule-card-states .yellow,
.schedule-detail-hero em.yellow,
.schedule-worker-preview em.yellow {
  color: var(--schedule-attention);
  background: var(--schedule-attention-bg);
}

.schedule-view-more,
.schedule-primary-cta {
  min-height: 44px;
  border: 1px solid var(--schedule-line);
  border-radius: 14px;
  background: #fff;
  color: #31456f;
  font-size: 12.5px;
  font-weight: 560;
}

.schedule-view-more {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  padding: 0 13px;
  text-align: left;
}

.schedule-queue-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.schedule-queue-tabs button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--schedule-line);
  border-radius: 999px;
  background: #fff;
  color: #44597f;
  font-size: 12px;
  font-weight: 560;
}

.schedule-queue-tabs button.active {
  color: #fff;
  border-color: var(--schedule-blue);
  background: linear-gradient(135deg, var(--schedule-blue), var(--schedule-blue-2));
}

.schedule-queue-tabs strong {
  min-width: 22px;
  min-height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(7, 92, 255, .1);
  font-size: 11px;
  font-weight: 560;
}

.schedule-queue-tabs button.active strong {
  background: rgba(255,255,255,.22);
}

.schedule-coverage-card {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
}

.schedule-coverage-open {
  position: absolute;
  top: 24px;
  right: 12px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
}

.schedule-coverage-card button:not(.schedule-coverage-open),
.schedule-queue-row button {
  min-height: 34px;
  margin-top: 8px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--schedule-blue);
  font-size: 12px;
  font-weight: 650;
}

.schedule-queue-row {
  min-height: 64px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--schedule-line);
  border-radius: 14px;
  background: #fff;
}

.schedule-queue-row > span {
  width: 44px;
  height: 44px;
}

.schedule-queue-row strong {
  display: block;
  color: var(--schedule-ink);
  font-size: 13px;
  font-weight: 650;
}

.schedule-queue-row small {
  display: block;
  color: #53668b;
  font-size: 11.5px;
  line-height: 1.25;
}

.schedule-scope-note,
.schedule-muted-copy {
  margin: 0;
  color: #53668b;
  font-size: 11.5px;
  line-height: 1.4;
}

.schedule-scope-note {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 12px;
  color: #28578e;
  background: #eaf3ff;
}

.schedule-scope-note svg {
  width: 17px;
  height: 17px;
}

.schedule-rota-heading {
  align-items: center;
}

.schedule-rota-heading > div:first-child {
  display: grid;
  gap: 2px;
}

.schedule-rota-toggle {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border-radius: 999px;
  background: #eaf2ff;
}

.schedule-rota-toggle button {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #44597f;
  padding: 0 10px;
  font-size: 11.5px;
  font-weight: 560;
}

.schedule-rota-toggle button.active {
  color: #fff;
  background: var(--schedule-blue);
}

.schedule-rota-overview {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}

.schedule-rota-overview button {
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--schedule-line);
  border-radius: 10px;
  background: #fff;
  color: var(--schedule-ink);
  text-align: center;
}

.schedule-rota-overview button.active {
  color: var(--schedule-blue);
  background: var(--schedule-soft-blue);
}

.schedule-rota-overview strong {
  font-size: 11px;
  font-weight: 650;
}

.schedule-rota-overview span {
  font-size: 10px;
  color: #53668b;
}

.schedule-rota-group {
  display: grid;
  gap: 0;
  overflow: hidden;
}

.schedule-rota-group h3 {
  margin: 0;
  padding: 12px 12px 8px;
  color: var(--schedule-ink);
  font-size: 14px;
}

.schedule-rota-group button {
  min-height: 58px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 18px;
  gap: 8px;
  align-items: center;
  border: 0;
  border-top: 1px solid var(--schedule-soft-line);
  background: #fff;
  color: inherit;
  padding: 9px 12px;
  text-align: left;
}

.schedule-rota-group button > span {
  color: var(--schedule-blue);
  font-size: 11px;
  font-weight: 650;
}

.schedule-rota-group strong,
.schedule-rota-group small {
  grid-column: 2;
}

.schedule-rota-group strong {
  color: var(--schedule-ink);
  font-size: 13px;
  line-height: 1.2;
}

.schedule-rota-group small {
  color: #53668b;
  font-size: 11.5px;
  line-height: 1.25;
}

.schedule-detail-page {
  padding-top: 0 !important;
}

.schedule-detail-header {
  min-height: 88px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  margin: 0 -8px;
  padding: max(18px, env(safe-area-inset-top)) 10px 10px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #0b64ee);
}

.schedule-detail-header button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #fff;
}

.schedule-detail-header h1 {
  margin: 0;
  text-align: center;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 650;
}

.schedule-detail-header svg {
  width: 20px;
  height: 20px;
}

.schedule-detail-hero {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 14px;
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 24%, rgba(24, 132, 255, .32), transparent 32%),
    linear-gradient(127deg, #041a38 0%, #061f4e 58%, #0a376d 100%);
}

.schedule-detail-hero > span {
  width: 62px;
  height: 62px;
  background: #edf4ff;
}

.schedule-detail-hero h2 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 650;
}

.schedule-detail-hero p {
  margin: 0;
  color: rgba(223,235,250,.84);
  font-size: 11.5px;
  line-height: 1.32;
}

.schedule-attendance-line {
  min-height: 42px;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid var(--schedule-soft-line);
  border-radius: 14px;
  background: #fff;
}

.schedule-attendance-line span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #31456f;
  font-size: 12px;
}

.schedule-attendance-line i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.schedule-attendance-line i.green {
  background: #0c9b61;
}

.schedule-attendance-line i.amber {
  background: #d88a00;
}

.schedule-detail-card {
  display: grid;
  gap: 0;
  padding: 0 0 6px;
}

.schedule-detail-card-head {
  padding: 12px 12px 8px;
  align-items: center;
}

.schedule-detail-card-head button {
  border: 0;
  background: transparent;
  color: var(--schedule-blue);
  font-size: 12px;
  font-weight: 650;
}

.schedule-worker-preview {
  gap: 0;
}

.schedule-worker-preview button,
.schedule-detail-actions button {
  width: 100%;
  min-height: 58px;
  display: grid;
  align-items: center;
  gap: 10px;
  border: 0;
  border-top: 1px solid var(--schedule-soft-line);
  background: transparent;
  color: inherit;
  text-align: left;
}

.schedule-worker-preview button {
  grid-template-columns: 42px minmax(0, 1fr) auto 18px;
  padding: 8px 12px;
}

.schedule-worker-preview button > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--schedule-blue);
  background: var(--schedule-soft-blue);
  font-size: 12px;
  font-weight: 650;
}

.schedule-worker-preview strong {
  display: block;
  color: var(--schedule-ink);
  font-size: 12.5px;
  line-height: 1.2;
}

.schedule-worker-preview small {
  color: #53668b;
  font-size: 11.5px;
}

.schedule-late-notice {
  min-height: 48px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid rgba(245,158,11,.26);
  border-radius: 14px;
  color: var(--schedule-attention);
  background: var(--schedule-attention-bg);
}

.schedule-late-notice svg {
  width: 20px;
  height: 20px;
}

.schedule-late-notice strong {
  font-size: 12px;
  font-weight: 560;
}

.schedule-late-notice button {
  min-height: 30px;
  border: 1px solid #8297bd;
  border-radius: 10px;
  background: #fff;
  color: var(--schedule-ink);
  padding: 0 14px;
  font-size: 12px;
  font-weight: 650;
}

.schedule-detail-actions {
  display: grid;
  overflow: hidden;
}

.schedule-detail-actions button {
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  padding: 0 12px;
}

.schedule-detail-actions button > svg:first-child {
  width: 22px;
  height: 22px;
  color: var(--schedule-blue);
}

.schedule-primary-cta {
  color: #fff;
  border-color: var(--schedule-blue);
  background: var(--schedule-blue);
}

.schedule-empty-state {
  min-height: 132px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 18px;
  text-align: center;
}

.schedule-empty-state svg {
  width: 30px;
  height: 30px;
  color: var(--schedule-blue);
}

.schedule-empty-state strong {
  color: var(--schedule-ink);
  font-size: 14px;
}

.schedule-empty-state p {
  margin: 0;
  color: #53668b;
  font-size: 12px;
  line-height: 1.35;
}

.schedule-sheet-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  align-items: end;
  justify-items: center;
  padding: 0 !important;
  overflow: hidden !important;
}

.schedule-bottom-sheet,
.schedule-create-sheet {
  box-sizing: border-box;
  width: min(calc(100vw - 16px), 430px);
  max-height: min(88vh, 760px);
  display: grid;
  gap: 12px;
  overflow-y: auto;
  margin: 0 auto;
  padding: 10px 14px calc(16px + env(safe-area-inset-bottom));
  border-radius: 24px 24px 0 0;
  background: #fff;
  box-shadow: 0 -22px 50px rgba(6,25,54,.24);
}

.schedule-bottom-sheet *,
.schedule-create-sheet * {
  box-sizing: border-box;
}

html.native-android .schedule-sheet-backdrop > .schedule-bottom-sheet,
html.native-android .schedule-sheet-backdrop > .schedule-create-sheet,
.schedule-sheet-backdrop > .schedule-bottom-sheet,
.schedule-sheet-backdrop > .schedule-create-sheet {
  width: min(calc(100vw - 16px), 430px) !important;
  max-width: min(calc(100vw - 16px), 430px) !important;
  min-width: 0 !important;
  justify-self: center !important;
  margin-inline: auto !important;
  overflow-x: hidden !important;
}

.schedule-sheet-title {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.schedule-sheet-title strong {
  display: block;
  color: var(--schedule-ink);
  font-size: 17px;
  line-height: 1.15;
}

.schedule-sheet-title span {
  display: block;
  margin-top: 3px;
  color: #53668b;
  font-size: 12px;
}

.schedule-sheet-title button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: var(--schedule-soft-blue);
  color: var(--schedule-blue);
}

.schedule-sheet-title svg {
  width: 18px;
  height: 18px;
}

.schedule-filter-options,
.schedule-create-stepper {
  display: grid;
  gap: 8px;
}

.schedule-filter-options button,
.schedule-create-stepper button {
  min-height: 42px;
  border: 1px solid var(--schedule-line);
  border-radius: 12px;
  background: #fff;
  color: #31456f;
  text-align: left;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 560;
}

.schedule-filter-options button.active,
.schedule-create-stepper button.active {
  color: #fff;
  border-color: var(--schedule-blue);
  background: var(--schedule-blue);
}

.schedule-create-stepper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.schedule-create-stepper button {
  min-height: 58px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 5px;
  text-align: center;
}

.schedule-create-stepper b {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--schedule-blue);
  font-size: 11px;
  font-weight: 650;
}

.schedule-create-stepper button.active b {
  color: var(--schedule-blue);
  background: #fff;
}

.schedule-create-stepper span {
  font-size: 10.5px;
  line-height: 1.1;
}

.schedule-create-fields {
  display: grid;
  gap: 10px;
}

.schedule-create-field {
  display: grid;
  gap: 6px;
}

.schedule-create-field span {
  color: #53668b;
  font-size: 11.5px;
  font-weight: 560;
}

.schedule-create-field input,
.schedule-create-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--schedule-line);
  border-radius: 12px;
  background: #fff;
  color: var(--schedule-ink);
  padding: 0 11px;
  font-size: 13px;
}

.schedule-create-worker-note {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  padding: 11px;
  border-radius: 12px;
  color: #28578e;
  background: #eaf3ff;
}

.schedule-create-worker-note svg {
  width: 18px;
  height: 18px;
}

.schedule-create-worker-note span {
  font-size: 12px;
  line-height: 1.35;
}

.schedule-create-review .drawer-info-list {
  margin: 0;
}

.schedule-create-error {
  margin: 0;
  padding: 9px 11px;
  border-radius: 12px;
  color: #a12635;
  background: #fff0f2;
  font-size: 12px;
}

.schedule-sheet-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.schedule-sheet-actions button {
  min-height: 42px;
  border-radius: 12px;
}

@media (max-width: 374px) {
  .schedule-date-strip {
    grid-template-columns: 28px minmax(0, 1fr) 28px;
  }

  .schedule-create-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .schedule-summary-grid,
  .schedule-detail-stats {
    gap: 6px;
  }

  .schedule-queue-tabs button {
    font-size: 11px;
  }
}

/* AVyntro agency Organisation approved compact redesign. */
.app-shell:has(.agency-organisation-redesign) {
  --agency-ink: #071633;
  --agency-muted: #637493;
  --agency-line: #dce7f7;
  --agency-soft-line: #e8eef7;
  --agency-blue: #075cff;
  --agency-soft-blue: #edf4ff;
  background: #f5f8fd !important;
}

.app-shell:has(.agency-organisation-redesign) > .main {
  background: #f5f8fd !important;
}

.app-shell:has(.agency-organisation-redesign) .header-icon-button {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.agency-organisation-redesign {
  gap: 12px !important;
  padding-top: 10px !important;
}

.agency-identity-card {
  position: relative;
  isolation: isolate;
  min-height: 124px;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 22px 18px 16px;
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 91% 38%, rgba(24, 132, 255, .35), transparent 30%),
    linear-gradient(127deg, #041a38 0%, #061f4e 54%, #0a376d 100%);
  box-shadow: 0 8px 20px rgba(4, 26, 56, .14), inset 0 1px 0 rgba(255,255,255,.18);
}

.agency-identity-card .agency-card-network {
  opacity: .42;
  inset: 0 0 0 46%;
}

.agency-identity-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.agency-identity-avatar {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #071633;
  background: #fff;
  box-shadow: 0 12px 26px rgba(0, 9, 36, .22);
  font-size: 17px;
  line-height: 1;
  font-weight: 760;
}

.agency-identity-main h2 {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.22;
  font-weight: 650;
  letter-spacing: 0;
}

.agency-identity-main p {
  margin: 3px 0 0;
  color: rgba(223, 235, 250, .82);
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 420;
}

.agency-identity-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.agency-identity-actions > i {
  width: 1px;
  height: 28px;
  margin-left: auto;
  background: rgba(190, 217, 250, .35);
}

.agency-verification-pill,
.agency-identity-actions button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 580;
}

.agency-verification-pill {
  padding: 0 12px;
  border: 1px solid rgba(232, 180, 74, .72);
  color: #e8b44a;
  background: rgba(232, 180, 74, .12);
}

.agency-verification-pill.verified {
  border-color: rgba(61, 224, 140, .65);
  color: #7df0b2;
  background: rgba(61, 224, 140, .12);
}

.agency-verification-pill.action,
.agency-verification-pill.unknown {
  border-color: rgba(255, 130, 110, .62);
  color: #ffad9e;
  background: rgba(255, 130, 110, .12);
}

.agency-verification-pill svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.9;
}

.agency-identity-actions button {
  min-width: 108px;
  justify-content: center;
  padding: 0 2px;
  border: 0;
  color: #fff;
  background: transparent;
}

.agency-identity-actions button svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}

.agency-organisation-redesign .agency-mobile-card {
  border-color: var(--agency-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(7, 22, 51, .055) !important;
}

.agency-organisation-redesign .agency-organisation-details {
  padding: 14px !important;
}

.agency-organisation-redesign .agency-organisation-details h3 {
  margin: 0 0 14px;
  color: var(--agency-ink);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 650;
}

.agency-detail-primary {
  padding: 0 2px 15px;
  border-bottom: 1px solid var(--agency-soft-line);
}

.agency-detail-primary small,
.agency-detail-grid small {
  display: block;
  color: #53668b;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 520;
}

.agency-detail-primary strong {
  display: block;
  margin-top: 5px;
  color: var(--agency-ink);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 650;
}

.agency-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 14px 0;
}

.agency-detail-grid > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 0 12px 0 0;
}

.agency-detail-grid > div + div {
  padding: 0 0 0 14px;
  border-left: 1px solid var(--agency-soft-line);
}

.agency-detail-grid span,
.agency-location-cta > span,
.agency-management-card > button > span,
.agency-verification-strip > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--agency-blue);
  background: var(--agency-soft-blue);
}

.agency-detail-grid svg,
.agency-location-cta svg,
.agency-management-card svg,
.agency-verification-strip svg {
  width: 22px;
  height: 22px;
  stroke-width: 2;
}

.agency-detail-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--agency-ink);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 620;
  overflow-wrap: anywhere;
}

.agency-location-cta {
  width: 100%;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 20px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 14px !important;
  color: #31456f !important;
  background: #f0f6ff !important;
  text-align: left !important;
}

.agency-location-cta strong {
  color: #31456f;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 560;
}

.agency-location-cta > svg:last-child,
.agency-management-card > button > svg:last-child {
  width: 18px !important;
  height: 18px !important;
  color: var(--agency-blue);
  transform: rotate(180deg);
}

.agency-manage-heading {
  padding: 8px 8px 0;
}

.agency-manage-heading h3 {
  margin: 0;
  color: var(--agency-ink);
  font-size: 17px;
  line-height: 1.16;
  font-weight: 650;
}

.agency-manage-heading p {
  margin: 3px 0 0;
  color: #586b90;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 420;
}

.agency-management-card {
  display: grid;
  padding: 0 14px !important;
}

.agency-management-card > button {
  min-height: 66px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  color: var(--agency-ink);
  background: transparent;
  text-align: left;
}

.agency-management-card > button + button {
  border-top: 1px solid var(--agency-soft-line);
}

.agency-management-card strong {
  display: block;
  color: var(--agency-ink);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 650;
}

.agency-management-card small {
  display: block;
  margin-top: 3px;
  color: #5d6f92;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 420;
}

.agency-verification-strip {
  min-height: 54px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid #cfe0fb;
  border-radius: 14px;
  color: var(--agency-ink);
  background: #eef6ff;
  box-shadow: 0 3px 10px rgba(7, 22, 51, .04);
}

.agency-verification-strip strong {
  display: block;
  color: var(--agency-ink);
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 650;
}

.agency-verification-strip small {
  display: block;
  margin-top: 2px;
  color: #4f638a;
  font-size: 11.5px;
  line-height: 1.25;
}

.agency-organisation-editor-backdrop {
  align-items: flex-end;
  padding: 16px 12px calc(16px + env(safe-area-inset-bottom));
}

.agency-organisation-editor {
  width: min(100%, 430px);
  max-height: min(88svh, 680px);
  overflow: auto;
  padding: 10px 16px 16px;
  border-radius: 22px 22px 18px 18px;
  border: 1px solid #dce7f7;
  background: #fff;
  box-shadow: 0 -18px 38px rgba(7, 22, 51, .22);
}

.agency-organisation-editor .modal-header {
  align-items: start;
  padding: 4px 0 14px;
}

.agency-organisation-editor .modal-header h2 {
  margin: 0;
  color: #071633;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}

.agency-organisation-editor .modal-header p {
  margin: 4px 0 0;
  color: #637493;
  font-size: 12px;
  line-height: 1.35;
}

.agency-organisation-editor form {
  display: grid;
  gap: 12px;
}

.agency-organisation-editor label {
  display: grid;
  gap: 6px;
}

.agency-organisation-editor label > span {
  color: #445a80;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 650;
}

.agency-organisation-editor input {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  color: #071633;
  background: #f8fbff;
  outline: none;
  font-size: 14px;
  font-weight: 520;
}

.agency-organisation-editor input:focus {
  border-color: #1261f3;
  box-shadow: 0 0 0 3px rgba(18, 97, 243, .12);
}

.agency-editor-two,
.agency-editor-readonly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.agency-editor-readonly-grid span {
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  background: #f8fbff;
}

.agency-editor-readonly-grid small {
  display: block;
  color: #637493;
  font-size: 11px;
  line-height: 1.2;
}

.agency-editor-readonly-grid strong {
  display: block;
  margin-top: 5px;
  color: #071633;
  font-size: 13px;
  line-height: 1.2;
}

.agency-editor-error,
.agency-editor-save-error {
  color: #b42318 !important;
}

.agency-editor-save-error {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #f3b8b2;
  border-radius: 12px;
  background: #fff6f5;
  font-size: 12px;
  line-height: 1.35;
}

.agency-editor-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 4px;
}

.agency-editor-actions button {
  min-height: 44px;
  border-radius: 12px;
}

@media (max-width: 360px) {
  .agency-detail-grid,
  .agency-editor-two,
  .agency-editor-readonly-grid {
    grid-template-columns: 1fr;
  }

  .agency-detail-grid > div + div {
    padding: 12px 0 0;
    border-left: 0;
    border-top: 1px solid var(--agency-soft-line);
  }
}

/* AVyntro agency messages: approved compact inbox and private conversation flow. */
.native-command-overlay.messages.agency-messages-overlay {
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  background: rgba(7, 22, 51, 0.18) !important;
}

.native-command-overlay.messages.agency-messages-overlay .native-command-panel {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: #f5f8fd !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

.native-command-overlay.messages.agency-messages-overlay .native-command-grabber {
  display: none !important;
}

.native-command-overlay.messages.agency-messages-overlay .native-command-scroll {
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: #f5f8fd !important;
}

.native-command-overlay.messages.agency-messages-overlay .native-command-content {
  padding: 0 !important;
  min-height: 100% !important;
}

.agency-message-content {
  color: #071633;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  display: block !important;
  width: 100% !important;
}

.agency-message-toolbar {
  min-height: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 78px;
  align-items: center;
  gap: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 2%, rgba(138, 170, 255, 0.42), transparent 34%),
    linear-gradient(135deg, #104eac 0%, #075cff 62%, #2468e8 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.agency-message-avatar,
.agency-message-person {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #06164a;
  font-size: 14px;
  font-weight: 760;
  box-shadow: 0 12px 26px rgba(3, 23, 66, 0.16);
}

.agency-message-toolbar h2,
.agency-message-thread-topbar h2 {
  margin: 0;
  font-size: 19px;
  line-height: 1.08;
  font-weight: 620;
  text-align: center;
  letter-spacing: 0;
}

.agency-message-toolbar p,
.agency-message-thread-topbar p {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  opacity: 0.92;
  text-align: center;
}

.agency-message-toolbar-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.agency-message-toolbar-actions button,
.agency-message-thread-topbar > button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  background: transparent;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.agency-message-toolbar-actions svg,
.agency-message-thread-topbar > button svg {
  width: 20px;
  height: 20px;
  display: block;
}

.agency-message-controls {
  padding: 10px 12px;
  overflow: visible !important;
}

.agency-message-section {
  padding: 8px 12px 10px;
  overflow: visible !important;
}

.agency-message-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 8px;
  align-items: center;
}

.agency-message-search {
  min-width: 0;
  height: 44px;
  border: 1px solid #d1e0f5;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  color: #075cff;
  box-shadow: 0 10px 26px rgba(10, 67, 140, 0.08);
}

.agency-message-search svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}

.agency-message-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071633;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
}

.agency-message-search input::placeholder {
  color: #66799a;
}

.agency-message-filter {
  height: 44px;
  border: 1px solid #c8dbf6;
  border-radius: 12px;
  background: #fff;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-shadow: 0 10px 22px rgba(10, 67, 140, 0.07);
}

.agency-message-filter svg {
  width: 22px;
  height: 22px;
}

.agency-message-select-row {
  margin-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr);
  gap: 8px;
}

.agency-message-select {
  height: 42px;
  min-width: 0;
  border: 1px solid #d6e3f5;
  border-radius: 10px;
  background: #fff;
  color: #071633;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 520;
  box-shadow: 0 8px 18px rgba(8, 51, 114, 0.06);
}

.agency-message-select svg {
  width: 19px;
  height: 19px;
  color: #075cff;
}

.agency-message-select span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-select i svg,
.agency-message-job-card i svg,
.agency-message-support-row i svg,
.agency-message-job-context button i svg {
  transform: none;
}

.agency-message-row i svg,
.agency-message-job-card i svg,
.agency-message-support-row i svg,
.agency-message-job-context button i svg {
  transform: rotate(180deg);
}

.agency-message-status-row {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.agency-message-status-row button {
  height: 38px;
  border: 1px solid #d6e3f5;
  border-radius: 9px;
  background: #fff;
  color: #071633;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 520;
}

.agency-message-status-row button.active {
  border-color: #075cff;
  background: #075cff;
  color: #fff;
  box-shadow: 0 12px 22px rgba(7, 92, 255, 0.22);
}

.agency-message-status-row em {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(7, 92, 255, 0.1);
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.agency-message-status-row .active em {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.agency-message-section h3 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 630;
  letter-spacing: 0;
}

.agency-message-section h3 small {
  display: inline;
  margin-left: 4px;
  color: #597097;
  font-size: 12px;
  font-weight: 400;
}

.agency-message-row,
.agency-message-job-card,
.agency-message-support-row,
.agency-message-empty,
.agency-message-privacy-note {
  border: 1px solid #dce7f7;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 28px rgba(12, 58, 126, 0.06);
}

.agency-message-row + .agency-message-row,
.agency-message-job-card + .agency-message-job-card {
  margin-top: 8px;
}

.agency-message-row button,
.agency-message-job-card button {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  display: grid;
  align-items: center;
  cursor: pointer;
}

.agency-message-row button {
  min-height: 82px;
  grid-template-columns: 8px 56px minmax(0, 1fr) auto 18px;
  gap: 8px;
  padding: 10px 10px 10px 8px;
}

.agency-message-unread-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #075cff;
  opacity: 0;
}

.agency-message-row.unread .agency-message-unread-dot {
  opacity: 1;
}

.agency-message-row .agency-message-person {
  width: 52px;
  height: 52px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #7c9dff);
  box-shadow: none;
}

.agency-message-row:nth-of-type(2n) .agency-message-person {
  background: linear-gradient(135deg, #d2c0ff, #b59aff);
  color: #071633;
}

.agency-message-row-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.agency-message-row-copy strong,
.agency-message-job-copy strong {
  min-width: 0;
  color: #071633;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 730;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-row-copy small,
.agency-message-job-copy small {
  min-width: 0;
  color: #38527b;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 520;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-row-copy em {
  min-width: 0;
  color: #344970;
  font-size: 12px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 540;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-row time {
  color: #445f88;
  font-size: 11px;
  font-weight: 560;
}

.agency-message-row i,
.agency-message-job-card i,
.agency-message-support-row i,
.agency-message-job-context button i {
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agency-message-row i svg,
.agency-message-job-card i svg,
.agency-message-support-row i svg,
.agency-message-job-context button i svg {
  width: 16px;
  height: 16px;
}

.agency-message-job-card button {
  position: relative;
  min-height: 112px;
  grid-template-columns: 52px minmax(0, 1fr) 18px;
  grid-template-areas: "icon copy arrow";
  gap: 10px;
  padding: 10px;
}

.agency-message-job-icon {
  grid-area: icon;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #eaf3ff;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agency-message-job-icon svg {
  width: 23px;
  height: 23px;
}

.agency-message-job-copy {
  grid-area: copy;
  min-width: 0;
  display: grid;
  gap: 3px;
}

.agency-message-job-copy em {
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e9f2ff;
  color: #075cff;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.agency-message-job-avatars {
  position: absolute;
  right: 34px;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.agency-message-job-card > button > i {
  grid-area: arrow;
}

.agency-message-job-avatars span {
  width: 30px;
  height: 30px;
  margin-left: -7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #075cff, #8fb5ff);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 730;
}

.agency-message-privacy-note,
.agency-message-support-row {
  min-height: 50px;
  margin-top: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #334a72;
  font-size: 12px;
  font-weight: 550;
}

.agency-message-support-row {
  width: 100%;
  border-color: #dce7f7;
  justify-content: flex-start;
  background: #fff;
  color: #071633;
  font-size: 13px;
  font-weight: 700;
}

.agency-message-support-row span {
  flex: 1;
  text-align: left;
}

.agency-message-privacy-note svg,
.agency-message-support-row > svg {
  width: 22px;
  height: 22px;
  color: #075cff;
}

.agency-message-empty {
  min-height: 154px;
  padding: 18px;
  display: grid;
  place-items: center;
  text-align: center;
}

.agency-message-empty svg {
  width: 48px;
  height: 48px;
  color: #075cff;
  background: #edf5ff;
  border-radius: 16px;
  padding: 8px;
  opacity: 1;
  stroke-width: 2.2;
}

.agency-message-empty strong {
  color: #071633;
  font-size: 16px;
  font-weight: 640;
}

.agency-message-empty p {
  max-width: 280px;
  margin: 0;
  color: #51698f;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 450;
}

.agency-message-back {
  height: 34px;
  border: 0;
  background: transparent;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px;
  font-size: 13px;
  font-weight: 670;
}

.agency-message-back svg {
  width: 17px;
  height: 17px;
}

.agency-message-thread {
  height: 100%;
  max-height: 100%;
  display: flex !important;
  flex-direction: column;
  background: #f5f8fd;
  overflow: hidden;
}

.agency-message-thread-topbar {
  min-height: 70px;
  padding: 10px 10px 8px;
  display: grid;
  grid-template-columns: 34px 44px minmax(0, 1fr) 34px;
  gap: 9px;
  align-items: center;
  color: #fff;
  background: linear-gradient(135deg, #104eac 0%, #075cff 72%, #2468e8 100%);
}

.agency-message-thread-topbar .agency-message-person {
  width: 44px;
  height: 44px;
  color: #fff;
  background: linear-gradient(135deg, #6f95ff, #075cff);
  box-shadow: none;
}

.agency-message-thread-topbar h2,
.agency-message-thread-topbar p {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-job-context {
  margin: 8px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 84% 5%, rgba(65, 167, 255, 0.28), transparent 38%),
    linear-gradient(135deg, #041a38 0%, #0b3578 100%);
  color: #fff;
  overflow: hidden;
  box-shadow: 0 16px 34px rgba(4, 26, 56, 0.18);
}

.agency-message-job-context-main {
  min-height: 74px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.agency-message-job-context-main > span {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agency-message-job-context-main svg {
  width: 21px;
  height: 21px;
}

.agency-message-job-context strong {
  display: block;
  min-width: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 720;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-job-context small {
  display: block;
  min-width: 0;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 520;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-message-job-context button {
  width: 100%;
  height: 38px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
}

.agency-message-thread-actions {
  margin: 0 8px 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.agency-message-thread-actions button {
  min-height: 38px;
  border: 1px solid #d6e3f5;
  border-radius: 10px;
  background: #fff;
  color: #071633;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 690;
}

.agency-message-thread-actions button:last-child {
  color: #075cff;
}

.agency-message-thread-actions svg {
  width: 18px;
  height: 18px;
}

.agency-message-date-divider {
  margin: 6px 18px 8px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  color: #66799a;
  font-size: 12px;
  font-weight: 540;
}

.agency-message-date-divider span {
  height: 1px;
  background: #dce7f7;
}

.agency-message-chat-stream {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 8px 8px;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.agency-message-bubble {
  max-width: 80%;
  border: 1px solid #dce7f7;
  border-radius: 8px;
  padding: 8px 10px;
  box-shadow: 0 10px 24px rgba(9, 47, 107, 0.06);
}

.agency-message-bubble.you {
  justify-self: end;
  background: #dceeff;
}

.agency-message-bubble.worker {
  justify-self: start;
  background: #fff;
}

.agency-message-bubble small {
  display: block;
  margin-bottom: 4px;
  color: #344970;
  font-size: 11px;
  font-weight: 620;
}

.agency-message-bubble p,
.agency-message-internal-note p {
  margin: 0;
  color: #071633;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 500;
}

.agency-message-bubble time {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: #557096;
  font-size: 11px;
  font-weight: 520;
}

.agency-message-bubble time svg {
  width: 13px;
  height: 13px;
  color: #075cff;
}

.agency-message-internal-note {
  border: 1px solid #f0d899;
  border-radius: 8px;
  background: #fff0c9;
  padding: 8px 10px;
  color: #4d3210;
}

.agency-message-internal-note strong {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  color: #60390d;
  font-size: 10px;
  line-height: 1;
  font-weight: 780;
  text-transform: uppercase;
}

.agency-message-internal-note strong svg {
  width: 16px;
  height: 16px;
}

.agency-message-internal-note time {
  display: block;
  margin-top: 4px;
  color: #81520f;
  font-size: 11px;
  font-weight: 520;
}

.agency-message-composer {
  position: relative;
  z-index: 3;
  margin-top: auto;
  padding: 0 8px 7px;
  background: linear-gradient(180deg, rgba(245, 248, 253, 0), #f5f8fd 18%);
}

.agency-message-composer-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #dce7f7;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: #fff;
}

.agency-message-composer-tabs button {
  height: 38px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: #fff;
  color: #071633;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 690;
}

.agency-message-composer-tabs button.active {
  color: #075cff;
  border-bottom-color: #075cff;
}

.agency-message-composer-tabs svg {
  width: 15px;
  height: 15px;
}

.agency-message-composer-row {
  min-height: 50px;
  border: 1px solid #dce7f7;
  border-radius: 0 0 8px 8px;
  background: #fff;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 8px;
  padding: 6px;
}

.agency-message-composer-row button {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #dce7f7;
  background: #fff;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.agency-message-composer-row button.primary {
  border-color: #075cff;
  background: #075cff;
  color: #fff;
  border-radius: 12px;
}

.agency-message-composer-row button:disabled {
  opacity: 0.45;
}

.agency-message-composer-row svg {
  width: 19px;
  height: 19px;
}

.agency-message-composer-row input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071633;
  font: inherit;
  font-size: 13px;
  font-weight: 540;
}

.agency-message-composer-row input::placeholder {
  color: #8796ae;
}

.agency-message-composer p {
  margin: 5px 6px 0;
  color: #66799a;
  font-size: 11px;
  font-weight: 530;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav.nav {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  transform: none !important;
  border-top: 1px solid rgba(151, 185, 232, 0.24) !important;
  background: linear-gradient(180deg, #062858, #031833) !important;
  overflow: hidden !important;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: rgba(229, 239, 255, 0.78) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 4px 2px 3px !important;
  font-size: 10px !important;
  font-weight: 620 !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button.active {
  background: linear-gradient(180deg, #1581ff, #075cff) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(7, 92, 255, 0.32) !important;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button::before,
.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button.active::after {
  content: none !important;
  display: none !important;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}

.native-command-overlay.messages.agency-messages-overlay .message-overlay-nav .nav-button span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1.05 !important;
  color: currentColor !important;
}

/* AVyntro agency notifications: approved light notification centre. */
.native-command-overlay.notifications.agency-notifications-overlay {
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  background: rgba(7, 22, 51, 0.16) !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .native-command-panel {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f5f8fd !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .native-command-grabber {
  display: none !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .native-command-scroll {
  min-height: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: #f5f8fd !important;
  overscroll-behavior: contain !important;
}

.agency-notification-content {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 0 52px 12px 4px;
  color: #071633;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 16% 2%, rgba(224, 239, 255, 0.94), transparent 32%),
    linear-gradient(180deg, #f8fbff 0%, #f5f8fd 42%, #eef6ff 100%);
  overflow-x: hidden;
}

.content.agency-notification-page {
  box-sizing: border-box;
  width: calc(100% - 44px);
  max-width: calc(100% - 44px);
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #f5f8fd;
}

.app-shell:has(.agency-notification-page) .main {
  min-width: 0;
  overflow-x: hidden;
}

.agency-notification-header {
  position: relative;
  margin: 0;
  padding: 26px 14px 10px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.92));
}

.agency-notification-header.compact {
  padding-bottom: 14px;
}

.agency-notification-handle {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 44px;
  height: 5px;
  border-radius: 999px;
  background: #b5c4d8;
  transform: translateX(-50%);
}

.agency-notification-close {
  position: absolute;
  top: 13px;
  right: 12px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #526587;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.agency-notification-close::before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  border: 1px solid #dce7f7;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 18px rgba(20, 47, 89, 0.08);
}

.agency-notification-close svg,
.agency-notification-back svg {
  position: relative;
  width: 18px;
  height: 18px;
}

.agency-notification-freshness {
  margin: 0 48px 4px 0;
  color: #51698f;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10.5px;
  line-height: 14px;
  font-weight: 520;
  text-transform: uppercase;
}

.agency-notification-freshness i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22c78a;
  box-shadow: 0 0 0 3px rgba(34, 199, 138, 0.16);
}

.agency-notification-header h2 {
  max-width: calc(100% - 52px);
  margin: 0;
  color: #071633;
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  letter-spacing: 0;
}

.agency-notification-subtitle {
  max-width: calc(100% - 52px);
  margin: 2px 0 0;
  color: #637493;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.agency-notification-summary {
  margin: 6px 14px 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.agency-notification-summary span {
  min-height: 58px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 7px 10px;
  box-shadow: 0 8px 20px rgba(10, 49, 109, 0.05);
}

.agency-notification-summary small {
  color: #637493;
  font-size: 10.5px;
  line-height: 14px;
  font-weight: 450;
}

.agency-notification-summary strong {
  color: #071633;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}

.agency-notification-controls {
  position: relative;
  z-index: 2;
  margin: 0 14px;
  display: grid;
  gap: 10px;
}

.agency-notification-search {
  min-height: 44px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  background: #fff;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: #075cff;
  box-shadow: 0 10px 26px rgba(10, 49, 109, 0.06);
}

.agency-notification-search > svg {
  width: 21px;
  height: 21px;
}

.agency-notification-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #071633;
  font: inherit;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.agency-notification-search input::placeholder {
  color: #7a8aa5;
}

.agency-notification-search button {
  position: relative;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.agency-notification-search button svg {
  width: 20px;
  height: 20px;
}

.agency-notification-filter-toggle em {
  position: absolute;
  top: -4px;
  right: -3px;
  min-width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #ff7a1a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 600;
}

.agency-notification-filter-sheet {
  border: 1px solid #dce7f7;
  border-radius: 14px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 10px;
  box-shadow: 0 12px 28px rgba(10, 49, 109, 0.08);
}

.agency-notification-filter-sheet div {
  min-height: 42px;
  border-radius: 10px;
  background: #edf4ff;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 7px 9px;
}

.agency-notification-filter-sheet div:nth-child(3) {
  grid-column: 1 / -1;
}

.agency-notification-filter-sheet span {
  color: #637493;
  font-size: 10.5px;
  font-weight: 500;
}

.agency-notification-filter-sheet strong {
  color: #071633;
  font-size: 12px;
  font-weight: 560;
}

.agency-notification-filter-sheet button {
  min-height: 38px;
  border: 1px solid #c8dbf6;
  border-radius: 10px;
  background: #fff;
  color: #075cff;
  font-size: 12px;
  font-weight: 600;
}

.agency-notification-filter-sheet button:last-child {
  border-color: #075cff;
  background: #075cff;
  color: #fff;
}

.agency-notification-category-row {
  display: grid;
  grid-template-columns: 0.85fr 1fr 1.22fr 1.12fr;
  gap: 8px;
}

.agency-notification-category-row button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #d6e3f5;
  border-radius: 14px;
  background: #fff;
  color: #071633;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  font-size: 12.5px;
  line-height: 17px;
  font-weight: 520;
  box-shadow: 0 8px 18px rgba(10, 49, 109, 0.05);
}

.agency-notification-category-row button.active {
  border-color: #075cff;
  background: #075cff;
  color: #fff;
  box-shadow: 0 12px 24px rgba(7, 92, 255, 0.22);
}

.agency-notification-category-row button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-notification-category-row svg {
  width: 15px;
  height: 15px;
}

.agency-notification-more-menu {
  border: 1px solid #dce7f7;
  border-radius: 14px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  box-shadow: 0 12px 28px rgba(10, 49, 109, 0.08);
}

.agency-notification-more-menu button {
  min-width: 0;
  min-height: 42px;
  border: 1px solid #e3ebf7;
  border-radius: 12px;
  background: #fff;
  color: #071633;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 550;
}

.agency-notification-more-menu button.active {
  border-color: #075cff;
  background: #edf4ff;
  color: #075cff;
}

.agency-notification-more-menu i,
.agency-notification-more-menu svg {
  width: 18px;
  height: 18px;
  color: #075cff;
}

.agency-notification-utility-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 8px;
  padding-right: 0;
}

.agency-notification-utility-row button {
  min-height: 36px;
  border: 0;
  background: transparent;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  font-size: 11.5px;
  line-height: 17px;
  font-weight: 500;
  white-space: nowrap;
}

.agency-notification-utility-row button:first-child {
  color: #071633;
  justify-content: flex-start;
  min-width: 0;
}

.agency-notification-utility-row button:disabled {
  color: #95a5bd;
}

.agency-notification-utility-row svg {
  width: 14px;
  height: 14px;
}

.agency-notification-section {
  margin: 12px 14px 0;
}

.agency-notification-section-title {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.agency-notification-section-title h3 {
  margin: 0;
  color: #071633;
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  letter-spacing: 0;
}

.agency-notification-section-title span,
.agency-notification-section-title button {
  max-width: 45%;
  border: 0;
  background: transparent;
  color: #4f668a;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-notification-section-title button {
  color: #075cff;
  min-height: 32px;
  min-width: 44px;
}

.agency-notification-card-stack {
  display: grid;
  gap: 8px;
}

.agency-notification-date-group {
  display: grid;
  gap: 8px;
}

.agency-notification-date-group + .agency-notification-date-group {
  margin-top: 14px;
}

.agency-notification-date-group h4 {
  margin: 0;
  color: #071633;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.agency-notification-date-group h4 span {
  color: #637493;
  font-size: 12px;
  font-weight: 400;
}

.agency-notification-card {
  position: relative;
  border: 1px solid #dce7f7;
  border-radius: 14px;
  background: #fff;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  box-shadow: 0 12px 30px rgba(8, 45, 99, 0.06);
}

.agency-notification-icon,
.agency-notification-card.compact i,
.agency-notification-detail-card > i {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #edf4ff;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agency-notification-icon svg,
.agency-notification-card.compact i svg,
.agency-notification-detail-card > i svg {
  width: 24px;
  height: 24px;
}

.agency-notification-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.agency-notification-meta {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, auto) auto auto 10px;
  align-items: center;
  justify-content: start;
  gap: 7px;
}

.agency-notification-meta span {
  color: #637493;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.agency-notification-badge {
  min-height: 23px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.agency-notification-badge.urgent {
  background: #fff0f2;
  color: #a12635;
}

.agency-notification-badge.action,
.agency-notification-badge.important {
  background: #fff4db;
  color: #8a5100;
}

.agency-notification-badge.accepted,
.agency-notification-badge.standard {
  background: #e6f6ef;
  color: #176b51;
}

.agency-notification-card time {
  color: #52698d;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  white-space: nowrap;
}

.agency-notification-card u {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #075cff;
  text-decoration: none;
}

.agency-notification-card h4 {
  margin: 0;
  color: #071633;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  letter-spacing: 0;
}

.agency-notification-card p {
  margin: 0;
  color: #40577d;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}

.agency-notification-card .agency-notification-copy > button {
  width: max-content;
  min-width: 112px;
  min-height: 34px;
  margin-top: 6px;
  border: 1px solid #075cff;
  border-radius: 9px;
  background: #075cff;
  color: #fff;
  padding: 0 16px;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}

.agency-notification-card:not(.unread) {
  box-shadow: 0 8px 22px rgba(8, 45, 99, 0.045);
}

.agency-notification-card.compact {
  display: block;
  padding: 0;
  overflow: hidden;
}

.agency-notification-card.compact button {
  width: 100%;
  min-height: 72px;
  border: 0;
  background: transparent;
  color: inherit;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto 10px 18px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  text-align: left;
}

.agency-notification-card.compact span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.agency-notification-card.compact strong {
  min-width: 0;
  color: #071633;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-notification-card.compact small {
  min-width: 0;
  color: #40577d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agency-notification-card.compact > button > svg {
  width: 17px;
  height: 17px;
  color: #075cff;
  transform: rotate(180deg);
}

.agency-notification-empty {
  min-height: 168px;
  border: 1px solid #dce7f7;
  border-radius: 14px;
  background: #fff;
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(8, 45, 99, 0.05);
}

.agency-notification-empty > svg {
  width: 48px;
  height: 48px;
  color: #075cff;
  background: #edf4ff;
  border-radius: 16px;
  padding: 9px;
}

.agency-notification-empty strong {
  color: #071633;
  font-size: 16px;
  font-weight: 600;
}

.agency-notification-empty p {
  max-width: 280px;
  margin: 0;
  color: #637493;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.agency-notification-empty button,
.agency-notification-back {
  min-height: 38px;
  border: 0;
  background: transparent;
  color: #075cff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
}

.agency-notification-detail-card {
  margin: 12px 14px;
  border: 1px solid #dce7f7;
  border-radius: 16px;
  background: #fff;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  box-shadow: 0 12px 30px rgba(8, 45, 99, 0.06);
}

.agency-notification-detail-card span {
  color: #637493;
  font-size: 12px;
  font-weight: 500;
}

.agency-notification-detail-card h3 {
  margin: 4px 0 6px;
  color: #071633;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}

.agency-notification-detail-card p {
  margin: 0 0 4px;
  color: #40577d;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.agency-notification-detail-card button {
  min-height: 40px;
  margin-top: 10px;
  border: 1px solid #075cff;
  border-radius: 10px;
  background: #075cff;
  color: #fff;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav.nav {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  transform: none !important;
  border-top: 1px solid rgba(151, 185, 232, 0.24) !important;
  background: linear-gradient(180deg, #062858, #031833) !important;
  overflow: hidden !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: rgba(229, 239, 255, 0.78) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 4px 2px 3px !important;
  font-size: 10px !important;
  font-weight: 620 !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button.active {
  background: linear-gradient(180deg, #1581ff, #075cff) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(7, 92, 255, 0.32) !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button::before,
.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button.active::after {
  content: none !important;
  display: none !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
}

.native-command-overlay.notifications.agency-notifications-overlay .message-overlay-nav .nav-button span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1.05 !important;
  color: currentColor !important;
}

@media (max-width: 380px) {
  .agency-notification-category-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agency-notification-summary {
    gap: 6px;
  }

  .agency-notification-summary span {
    padding-inline: 8px;
  }
}

.app-shell:has(.advanced-search-page) .advanced-filter-button em {
  top: 5px !important;
  right: 5px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  box-sizing: border-box !important;
  font-size: 10px !important;
  line-height: 18px !important;
}

/* Certification Vault approved mobile redesign: one search, light metrics, calm empty state. */
.app-shell:has(.certification-vault-page) {
  --bottom-nav-height: 56px;
  --vault-ink: #071633;
  --vault-muted: #637493;
  --vault-line: #dce7f7;
  --vault-blue: #075cff;
  --vault-page: #f5f8fd;
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  margin-inline: auto !important;
  background: var(--vault-page) !important;
  overflow-x: hidden !important;
}

.app-shell:has(.certification-vault-page) > .main {
  width: min(100vw, 430px) !important;
  max-width: 100vw !important;
  padding: 0 0 calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom) + 10px) !important;
  background: var(--vault-page) !important;
  overflow-x: hidden !important;
}

.app-shell:has(.certification-vault-page) .app-header {
  margin: 0 !important;
  padding: max(22px, env(safe-area-inset-top)) 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #104eac 0%, #075cff 62%, #0640aa 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 12px 24px rgba(4, 45, 128, 0.16) !important;
}

.app-shell:has(.certification-vault-page) .app-header-row {
  min-height: 58px !important;
  padding: 7px 12px 8px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 104px !important;
  align-items: center !important;
  gap: 8px !important;
}

.app-shell:has(.certification-vault-page) .app-avatar-button,
.app-shell:has(.certification-vault-page) .app-avatar {
  width: 42px !important;
  height: 42px !important;
}

.app-shell:has(.certification-vault-page) .app-avatar {
  border-radius: 50% !important;
  color: #071633 !important;
  background: #fff !important;
  box-shadow: 0 10px 18px rgba(2, 15, 56, 0.18) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.app-shell:has(.certification-vault-page) .app-greeting {
  min-width: 0 !important;
  text-align: center !important;
}

.app-shell:has(.certification-vault-page) .app-greeting h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1.12 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.certification-vault-page) .app-greeting p {
  margin: 2px 0 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

.app-shell:has(.certification-vault-page) .header-icon-group {
  width: 104px !important;
  min-width: 104px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 30px) !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 7px !important;
}

.app-shell:has(.certification-vault-page) .header-icon-button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.13) !important;
  line-height: 0 !important;
}

.app-shell:has(.certification-vault-page) .header-icon-button svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: auto !important;
}

.certification-vault-page {
  width: min(100%, 430px) !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  padding: 10px 8px calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom) + 10px) !important;
  display: grid !important;
  gap: 8px !important;
  color: var(--vault-ink) !important;
  background: var(--vault-page) !important;
  overflow-x: hidden !important;
}

.cert-vault-hero {
  position: relative !important;
  min-height: 92px !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(25, 90, 178, 0.46) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(7, 92, 255, 0.34), transparent 33%),
    linear-gradient(135deg, #041a38 0%, #082d68 68%, #041a38 100%) !important;
  box-shadow: 0 2px 8px rgba(7, 22, 51, 0.035) !important;
}

.cert-vault-network {
  position: absolute;
  inset: 0 0 0 54%;
  pointer-events: none;
  opacity: 0.58;
  background:
    radial-gradient(circle at 42% 31%, rgba(39, 176, 255, 0.96) 0 2px, transparent 3px),
    radial-gradient(circle at 73% 57%, rgba(78, 209, 255, 0.8) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 18%, rgba(78, 209, 255, 0.78) 0 2px, transparent 3px),
    linear-gradient(120deg, transparent 39%, rgba(78, 209, 255, 0.28) 39% 40%, transparent 41%),
    linear-gradient(42deg, transparent 53%, rgba(78, 209, 255, 0.22) 53% 54%, transparent 55%);
}

.cert-vault-overline {
  position: relative;
  z-index: 1;
  display: block;
  color: rgba(255, 255, 255, 0.86);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.cert-vault-hero-metrics {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
}

.cert-vault-hero-metrics span,
.cert-expiry-grid span {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cert-vault-hero-metrics span {
  color: #fff !important;
}

.cert-expiry-grid span {
  color: var(--vault-ink) !important;
}

.cert-vault-hero-metrics span + span {
  padding-left: 22px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.42) !important;
}

.cert-vault-metric-value {
  display: block !important;
  color: inherit !important;
  font-size: 21px !important;
  line-height: 27px !important;
  font-weight: 400 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.cert-vault-hero-metrics small,
.cert-expiry-grid small {
  display: block !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12.5px !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.cert-vault-search-card {
  display: grid;
  gap: 8px;
}

.cert-vault-search-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  gap: 8px !important;
}

.cert-vault-search-field {
  min-width: 0 !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: 1px solid var(--vault-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(7, 22, 51, 0.025) !important;
}

.cert-vault-search-field svg {
  width: 21px !important;
  height: 21px !important;
  color: var(--vault-blue) !important;
}

.cert-vault-search-field input {
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--vault-ink) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}

.cert-vault-search-field input::placeholder {
  color: #8190a8 !important;
}

.cert-vault-clear-search {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #52698d !important;
  background: #edf4ff !important;
  display: grid !important;
  place-items: center !important;
}

.cert-vault-clear-search svg {
  width: 14px !important;
  height: 14px !important;
}

.cert-vault-filter-button {
  width: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid var(--vault-line) !important;
  border-radius: 13px !important;
  color: var(--vault-blue) !important;
  background: #fff !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 2px 8px rgba(7, 22, 51, 0.025) !important;
}

.cert-vault-filter-button svg {
  width: 22px !important;
  height: 22px !important;
}

.cert-vault-view-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.cert-vault-view-tabs button {
  min-width: 0;
  min-height: 38px;
  border: 1px solid #c7ddfb;
  border-radius: 13px;
  color: #071633;
  background: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}

.cert-vault-view-tabs button.active {
  color: #fff;
  border-color: #075cff;
  background: linear-gradient(135deg, #075cff, #1680ff);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 8px 16px rgba(7, 92, 255, 0.16);
}

.cert-vault-card,
.cert-vault-records-card,
.cert-vault-report-row {
  border: 1px solid var(--vault-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(7, 22, 51, 0.035) !important;
}

.cert-expiry-card {
  display: grid;
  gap: 14px;
  min-height: 106px;
  padding: 13px 12px 12px !important;
}

.cert-expiry-card h3 {
  margin: 0 !important;
  color: var(--vault-ink) !important;
  font-size: 16.5px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}

.cert-expiry-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
}

.cert-expiry-grid span {
  min-height: 58px !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

.cert-expiry-grid span + span {
  border-left: 1px solid #c7ddfb !important;
}

.cert-expiry-grid .cert-vault-metric-value {
  color: var(--vault-ink) !important;
}

.cert-expiry-grid small {
  color: #52698d !important;
}

.cert-vault-records-card {
  display: grid;
  gap: 8px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cert-vault-records-head {
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.cert-vault-records-head h2 {
  margin: 0;
  color: var(--vault-ink);
  font-size: 19px;
  line-height: 1.15;
  font-weight: 650;
}

.cert-vault-actions-button {
  min-height: 36px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--vault-line);
  border-radius: 12px;
  color: #637493;
  background: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}

.cert-vault-actions-button:disabled {
  opacity: 0.72;
}

.cert-vault-actions-button svg {
  width: 16px;
  height: 16px;
}

.cert-vault-actions-button svg:last-child,
.cert-vault-report-row > svg:last-child {
  transform: rotate(180deg);
}

.cert-record-list {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

.cert-vault-empty-card {
  min-height: 246px;
  padding: 25px 18px 20px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 10px;
  border: 1px solid var(--vault-line);
  border-radius: 15px;
  background: #fff;
  text-align: center;
  box-shadow: 0 2px 8px rgba(7, 22, 51, 0.035);
}

.cert-vault-empty-illustration {
  position: relative;
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  color: #3d82f6;
}

.cert-vault-empty-illustration > svg {
  width: 66px;
  height: 66px;
  stroke-width: 1.75;
}

.cert-vault-empty-illustration span {
  position: absolute;
  right: 2px;
  bottom: 4px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
}

.cert-vault-empty-illustration span svg {
  width: 32px;
  height: 32px;
}

.cert-vault-empty-card h3 {
  margin: 2px 0 0;
  color: var(--vault-ink);
  font-size: 19px;
  line-height: 1.18;
  font-weight: 650;
}

.cert-vault-empty-card p {
  max-width: 260px;
  margin: 0;
  color: #52698d;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
}

.cert-vault-empty-card > button,
.cert-vault-empty-actions button {
  min-height: 44px;
  border: 1px solid #075cff;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #1680ff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

.cert-vault-empty-card > button {
  min-width: 226px;
  margin-top: 4px;
}

.cert-vault-empty-card > button svg {
  width: 19px;
  height: 19px;
}

.cert-vault-empty-card small {
  color: #637493;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
}

.cert-vault-empty-actions {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 4px;
}

.cert-vault-empty-actions button + button {
  color: #075cff;
  background: #fff;
}

.cert-vault-report-row {
  min-height: 56px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: center;
  color: var(--vault-ink);
  text-align: left;
}

.cert-vault-report-row > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #075cff;
}

.cert-vault-report-row svg {
  width: 21px;
  height: 21px;
}

.cert-vault-report-row strong,
.cert-vault-report-row small {
  min-width: 0;
  display: block;
}

.cert-vault-report-row strong {
  color: var(--vault-ink);
  font-size: 14.5px;
  line-height: 1.15;
  font-weight: 600;
}

.cert-vault-report-row small {
  margin-top: 3px;
  color: #637493;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
}

.cert-vault-report-row > svg:last-child {
  justify-self: end;
  color: #075cff;
}

@media (max-width: 370px) {
  .certification-vault-page {
    padding-inline: 7px !important;
  }

  .cert-vault-empty-card {
    padding-inline: 14px;
  }

  .cert-vault-empty-card > button {
    min-width: min(226px, 100%);
  }
}

/* Shared agency header polish: fixed utility positions and protected title copy. */
.app-shell:has(.agency-home-page) .app-header-row,
.app-shell:has(.agency-jobs-root-page) .app-header-row,
.app-shell:has(.agency-workforce-page) .app-header-row,
.app-shell:has(.agency-offers-page) .app-header-row,
.app-shell:has(.agency-schedules-page) .app-header-row,
.app-shell:has(.agency-training-page) .app-header-row,
.app-shell:has(.agency-account-page) .app-header-row,
.app-shell:has(.certification-vault-page) .app-header-row,
.app-shell:has(.advanced-search-page) .app-header-row,
.app-shell:has(.workforce-network-page) .app-header-row {
  grid-template-columns: 46px minmax(0, 1fr) 104px !important;
}

.app-shell:has(.agency-home-page) .app-greeting,
.app-shell:has(.agency-jobs-root-page) .app-greeting,
.app-shell:has(.agency-workforce-page) .app-greeting,
.app-shell:has(.agency-offers-page) .app-greeting,
.app-shell:has(.agency-schedules-page) .app-greeting,
.app-shell:has(.agency-training-page) .app-greeting,
.app-shell:has(.agency-account-page) .app-greeting,
.app-shell:has(.certification-vault-page) .app-greeting,
.app-shell:has(.advanced-search-page) .app-greeting,
.app-shell:has(.workforce-network-page) .app-greeting {
  min-width: 0 !important;
  width: 100% !important;
  justify-self: stretch !important;
}

.app-shell:has(.agency-home-page) .app-greeting h1,
.app-shell:has(.agency-home-page) .app-greeting p,
.app-shell:has(.agency-jobs-root-page) .app-greeting h1,
.app-shell:has(.agency-jobs-root-page) .app-greeting p,
.app-shell:has(.agency-workforce-page) .app-greeting h1,
.app-shell:has(.agency-workforce-page) .app-greeting p,
.app-shell:has(.agency-offers-page) .app-greeting h1,
.app-shell:has(.agency-offers-page) .app-greeting p,
.app-shell:has(.agency-schedules-page) .app-greeting h1,
.app-shell:has(.agency-schedules-page) .app-greeting p,
.app-shell:has(.agency-training-page) .app-greeting h1,
.app-shell:has(.agency-training-page) .app-greeting p,
.app-shell:has(.agency-account-page) .app-greeting h1,
.app-shell:has(.agency-account-page) .app-greeting p,
.app-shell:has(.certification-vault-page) .app-greeting h1,
.app-shell:has(.certification-vault-page) .app-greeting p,
.app-shell:has(.advanced-search-page) .app-greeting h1,
.app-shell:has(.advanced-search-page) .app-greeting p,
.app-shell:has(.workforce-network-page) .app-greeting h1,
.app-shell:has(.workforce-network-page) .app-greeting p {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.app-shell:has(.agency-home-page) .header-icon-group,
.app-shell:has(.agency-jobs-root-page) .header-icon-group,
.app-shell:has(.agency-workforce-page) .header-icon-group,
.app-shell:has(.agency-offers-page) .header-icon-group,
.app-shell:has(.agency-schedules-page) .header-icon-group,
.app-shell:has(.agency-training-page) .header-icon-group,
.app-shell:has(.agency-account-page) .header-icon-group,
.app-shell:has(.certification-vault-page) .header-icon-group,
.app-shell:has(.advanced-search-page) .header-icon-group,
.app-shell:has(.workforce-network-page) .header-icon-group {
  width: 104px !important;
  min-width: 104px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 30px) !important;
  justify-content: end !important;
  align-items: center !important;
  gap: 7px !important;
}

.app-shell:has(.agency-home-page) .header-icon-button,
.app-shell:has(.agency-jobs-root-page) .header-icon-button,
.app-shell:has(.agency-workforce-page) .header-icon-button,
.app-shell:has(.agency-offers-page) .header-icon-button,
.app-shell:has(.agency-schedules-page) .header-icon-button,
.app-shell:has(.agency-training-page) .header-icon-button,
.app-shell:has(.agency-account-page) .header-icon-button,
.app-shell:has(.certification-vault-page) .header-icon-button,
.app-shell:has(.advanced-search-page) .header-icon-button,
.app-shell:has(.workforce-network-page) .header-icon-button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

.app-shell:has(.agency-home-page) .header-icon-button svg,
.app-shell:has(.agency-jobs-root-page) .header-icon-button svg,
.app-shell:has(.agency-workforce-page) .header-icon-button svg,
.app-shell:has(.agency-offers-page) .header-icon-button svg,
.app-shell:has(.agency-schedules-page) .header-icon-button svg,
.app-shell:has(.agency-training-page) .header-icon-button svg,
.app-shell:has(.agency-account-page) .header-icon-button svg,
.app-shell:has(.certification-vault-page) .header-icon-button svg,
.app-shell:has(.advanced-search-page) .header-icon-button svg,
.app-shell:has(.workforce-network-page) .header-icon-button svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: auto !important;
}

/* AVyntro worker bookings: fixed three-tab luxury shell. */
.app-shell:has(.worker-bookings-redesign),
.app-shell:has(.worker-bookings-redesign) .nav {
  background: #f5f8fd !important;
}

.content.worker-bookings-redesign {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(245,248,253,1) 116px),
    #f5f8fd;
  color: #071442;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 14px calc(92px + env(safe-area-inset-bottom, 0px));
}

.worker-bookings-redesign,
.worker-bookings-redesign * {
  box-sizing: border-box;
}

.worker-bookings-tabs {
  width: calc(100% + 28px);
  min-height: 44px;
  margin: 0 -14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  background: rgba(255,255,255,0.96);
  border-bottom: 1px solid rgba(124,158,214,0.24);
  box-shadow: 0 8px 22px rgba(8,35,84,0.08);
  flex: 0 0 auto;
}

.worker-bookings-tabs :is(button, a) {
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  color: #41527c;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 760;
  letter-spacing: 0;
  padding: 12px 4px 11px;
  min-width: 0;
  text-decoration: none;
  white-space: nowrap;
}

.worker-bookings-tabs :is(button, a)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
}

.worker-bookings-tabs :is(button, a).active {
  color: #005dff;
}

.worker-bookings-tabs :is(button, a).active::after {
  background: linear-gradient(90deg, #1b78ff, #005bff);
  box-shadow: 0 0 14px rgba(0,93,255,0.28);
}

.worker-bookings-week {
  display: grid;
  gap: 7px;
}

.worker-bookings-week-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.worker-section-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.worker-bookings-week-heading strong,
.worker-section-line h2,
.worker-next-shift h2,
.worker-selected-day h2 {
  color: #071442;
  font-size: 15px;
  font-weight: 820;
  letter-spacing: 0;
  margin: 0;
}

.worker-bookings-week-heading span,
.worker-section-line span {
  color: #50618c;
  font-size: 12px;
  font-weight: 650;
}

.worker-bookings-week-card {
  overflow: hidden;
  border: 1px solid rgba(124,158,214,0.22);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,252,255,0.94));
  box-shadow:
    0 14px 30px rgba(8,35,84,0.07),
    inset 0 1px 0 rgba(255,255,255,0.95);
}

.worker-bookings-week-range {
  min-height: 44px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(124,158,214,0.18);
  background:
    radial-gradient(circle at 13% 18%, rgba(35,120,255,0.1), transparent 26%),
    linear-gradient(90deg, rgba(236,244,255,0.86), rgba(255,255,255,0.5));
}

.worker-bookings-week-range i {
  width: 32px;
  height: 32px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #075cff;
  background: linear-gradient(180deg, #eef6ff, #e5f0ff);
  box-shadow: inset 0 0 0 1px rgba(18,97,243,0.12);
  font-style: normal;
}

.worker-bookings-week-range svg {
  width: 18px;
  height: 18px;
}

.worker-bookings-week-range span {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.worker-bookings-week-range small,
.worker-bookings-week-range strong {
  display: block;
  letter-spacing: 0;
}

.worker-bookings-week-range small {
  color: #637493;
  font-size: 10px;
  line-height: 13px;
  font-weight: 760;
  text-transform: uppercase;
}

.worker-bookings-week-range strong {
  color: #071442;
  font-size: 14px;
  line-height: 18px;
  font-weight: 820;
}

.worker-bookings-summary-strip {
  min-height: 68px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(124,158,214,0.22);
  border-radius: 12px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 14px 30px rgba(8,35,84,0.07);
  overflow: hidden;
}

.worker-bookings-week-card .worker-bookings-summary-strip {
  min-height: 62px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.worker-bookings-summary-strip span {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  min-width: 0;
  border-right: 1px solid rgba(124,158,214,0.22);
}

.worker-bookings-summary-strip span:last-child {
  border-right: 0;
}

.worker-bookings-summary-strip strong {
  color: #071442;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}

.worker-bookings-summary-strip small {
  color: #41527c;
  font-size: 12px;
  font-weight: 560;
}

.worker-bookings-search label {
  min-height: 42px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 12px;
  border: 1px solid rgba(124,158,214,0.25);
  border-radius: 14px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 12px 26px rgba(8,35,84,0.06);
}

.worker-bookings-search svg {
  width: 19px;
  height: 19px;
  color: #4e679f;
}

.worker-bookings-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #071442;
  font-size: 14px;
  font-weight: 560;
}

.worker-bookings-search input::placeholder {
  color: #6d7da5;
}

.worker-bookings-search button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #edf4ff;
  color: #1d61d8;
  display: grid;
  place-items: center;
}

.worker-next-shift,
.worker-later-shifts,
.worker-selected-day {
  display: grid;
  gap: 9px;
}

.worker-next-shift-card {
  position: relative;
  min-height: 172px;
  overflow: hidden;
  border-radius: 10px;
  padding: 16px;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 36%, rgba(22,151,255,0.58) 0 2px, transparent 3px),
    radial-gradient(circle at 92% 58%, rgba(20,138,255,0.72) 0 3px, transparent 4px),
    linear-gradient(126deg, rgba(3,18,57,0.98) 0%, rgba(5,47,124,0.98) 55%, rgba(0,96,255,0.98) 100%);
  box-shadow: 0 18px 34px rgba(4,36,99,0.24);
}

.worker-next-shift-card::before {
  content: "";
  position: absolute;
  inset: -40px -14px auto 48%;
  height: 180px;
  border-left: 1px solid rgba(91,181,255,0.18);
  border-bottom: 1px solid rgba(91,181,255,0.18);
  transform: rotate(31deg);
}

.worker-next-shift-card > * {
  position: relative;
  z-index: 1;
}

.worker-next-shift-top,
.worker-next-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.worker-next-shift-top span,
.worker-next-time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.9);
  font-size: 12px;
  font-weight: 780;
}

.worker-next-shift-top svg,
.worker-next-time svg {
  width: 17px;
  height: 17px;
}

.worker-next-shift-card h3 {
  margin: 22px 0 3px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 820;
}

.worker-next-shift-card p {
  margin: 0 0 12px;
  color: rgba(229,239,255,0.88);
  font-size: 13px;
  font-weight: 560;
}

.worker-next-time {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.22);
}

.worker-next-footer {
  padding-top: 10px;
}

.worker-next-footer strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 790;
}

.worker-next-footer small {
  color: rgba(229,239,255,0.82);
  font-size: 12px;
  font-weight: 560;
}

.worker-next-footer button,
.worker-selected-booking-card footer button,
.worker-history-booking-card > button,
.worker-later-shift-card > button,
.worker-bookings-more {
  border: 0;
  background: transparent;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 780;
  padding: 4px 0;
}

.worker-next-footer button svg,
.worker-selected-booking-card footer button svg,
.worker-history-booking-card > button svg,
.worker-later-shift-card > button svg,
.worker-bookings-more svg {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.worker-status-pill {
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.worker-status-pill.confirmed,
.worker-status-pill.completed {
  color: #06734c;
  background: #ccf6e5;
}

.worker-status-pill.cancelled {
  color: #9a1731;
  background: #ffe3e8;
}

.worker-bookings-list {
  display: grid;
  gap: 8px;
}

.worker-later-shift-card,
.worker-selected-booking-card,
.worker-history-booking-card,
.worker-bookings-row-action,
.worker-bookings-guidance,
.worker-history-card {
  border: 1px solid rgba(124,158,214,0.22);
  border-radius: 11px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 14px 28px rgba(8,35,84,0.06);
}

.worker-later-shift-card,
.worker-history-booking-card {
  min-height: 74px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 10px;
  padding: 11px;
}

.worker-later-shift-card > div,
.worker-history-booking-card > div,
.worker-selected-booking-card > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.worker-later-shift-card strong,
.worker-history-booking-card strong,
.worker-selected-booking-card strong {
  color: #071442;
  font-size: 14px;
  font-weight: 820;
  line-height: 1.1;
}

.worker-later-shift-card small,
.worker-history-booking-card small,
.worker-selected-booking-card small {
  color: #4d5f8b;
  font-size: 12px;
  font-weight: 560;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.worker-later-shift-card span:not(.worker-booking-date-tile),
.worker-history-booking-card span:not(.worker-booking-date-tile),
.worker-selected-booking-card span:not(.worker-selected-icon) {
  color: #4e679f;
  font-size: 11px;
  font-weight: 560;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.worker-later-shift-card span svg,
.worker-selected-booking-card span svg {
  width: 13px;
  height: 13px;
}

.worker-later-shift-card > button,
.worker-history-booking-card > button {
  width: 18px;
  height: 28px;
  justify-content: center;
  color: #005dff;
}

.worker-booking-date-tile {
  width: 44px;
  min-width: 44px;
  height: 50px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  gap: 0;
  background: #eaf3ff;
  color: #005dff;
}

.worker-booking-date-tile small {
  color: #005dff !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  text-transform: uppercase;
}

.worker-booking-date-tile strong {
  color: #071442;
  font-size: 18px;
  line-height: 1;
}

.worker-bookings-empty-card {
  min-height: 250px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 28px 20px;
  text-align: center;
  border: 1px solid rgba(124,158,214,0.22);
  border-radius: 12px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 16px 30px rgba(8,35,84,0.07);
}

.worker-bookings-empty-card.compact {
  min-height: 128px;
}

.worker-bookings-empty-card > svg,
.worker-bookings-empty-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #eaf3ff;
  color: #1c62d8;
}

.worker-bookings-empty-card > svg {
  padding: 14px;
}

.worker-bookings-empty-icon svg {
  width: 30px;
  height: 30px;
}

.worker-bookings-empty-card h2,
.worker-bookings-empty-card strong {
  color: #071442;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 820;
  margin: 2px 0 0;
}

.worker-bookings-empty-card p {
  max-width: 270px;
  color: #4e5f8b;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 540;
  margin: 0;
}

.worker-bookings-primary-action {
  min-height: 44px;
  min-width: 230px;
  border: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(180deg, #1d7dff, #005dff);
  color: #ffffff;
  font-size: 14px;
  font-weight: 820;
  box-shadow: 0 14px 26px rgba(0,93,255,0.24);
}

.worker-bookings-primary-action svg {
  width: 18px;
  height: 18px;
}

.worker-bookings-row-action {
  min-height: 64px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 10px;
  padding: 10px 12px;
  text-align: left;
  color: #071442;
}

.worker-bookings-row-action > span {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 44px;
  height: 44px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #eaf3ff;
  color: #005dff;
}

.worker-bookings-row-action > span svg {
  width: 24px;
  height: 24px;
}

.worker-bookings-row-action strong {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 820;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.worker-bookings-row-action small {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  color: #50618c;
  font-size: 12px;
  font-weight: 560;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.worker-bookings-row-action > svg {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  width: 18px;
  height: 18px;
  color: #005dff;
  transform: rotate(180deg);
}

.worker-bookings-guidance {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.worker-bookings-guidance h3 {
  margin: 0 0 2px;
  color: #071442;
  font-size: 15px;
  font-weight: 820;
}

.worker-bookings-guidance p {
  margin: 0;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  color: #4e5f8b;
  font-size: 12px;
  font-weight: 560;
}

.worker-bookings-guidance svg {
  width: 20px;
  height: 20px;
  color: #005dff;
}

.worker-calendar-card {
  border: 1px solid rgba(124,158,214,0.22);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 16px 30px rgba(8,35,84,0.07);
  padding: 13px;
}

.worker-calendar-header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px auto;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
}

.worker-calendar-header h2 {
  color: #071442;
  font-size: 16px;
  font-weight: 820;
  text-align: center;
  margin: 0;
}

.worker-calendar-header button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0,93,255,0.18);
  border-radius: 10px;
  background: #f3f7ff;
  color: #005dff;
  display: grid;
  place-items: center;
}

.worker-calendar-header button.next svg {
  transform: rotate(180deg);
}

.worker-calendar-header button.today {
  width: auto;
  min-width: 54px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 780;
  border: 0;
  background: transparent;
}

.worker-calendar-header svg {
  width: 17px;
  height: 17px;
}

.worker-calendar-weekdays,
.worker-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.worker-calendar-weekdays span {
  color: #66769e;
  font-size: 12px;
  font-weight: 780;
  text-align: center;
  padding-bottom: 8px;
}

.worker-calendar-grid {
  gap: 5px 4px;
}

.worker-calendar-grid button {
  position: relative;
  min-width: 0;
  height: 34px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #071442;
  display: grid;
  place-items: center;
  padding: 3px;
}

.worker-calendar-grid button strong {
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
}

.worker-calendar-grid button.muted strong {
  color: #8492b6;
}

.worker-calendar-grid button.selected {
  border-color: #005dff;
  background: #eaf3ff;
  box-shadow: inset 0 0 0 1px rgba(0,93,255,0.2);
}

.worker-calendar-grid button.has-booking strong {
  color: #005dff;
}

.worker-calendar-grid button span {
  position: absolute;
  left: 50%;
  bottom: 3px;
  display: flex;
  gap: 2px;
  transform: translateX(-50%);
}

.worker-calendar-grid button i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #005dff;
}

.worker-calendar-grid button i.completed { background: #14a66f; }
.worker-calendar-grid button i.cancelled { background: #d95063; }
.worker-calendar-grid button i.training { background: #7558d8; }

.worker-calendar-key {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding-top: 10px;
  color: #50618c;
  font-size: 11px;
  font-weight: 560;
}

.worker-calendar-key span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.worker-calendar-key i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #005dff;
}

.worker-calendar-key i.training {
  background: #7558d8;
}

.worker-selected-booking-card {
  padding: 12px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
}

.worker-selected-icon {
  width: 48px;
  height: 48px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #eaf3ff;
  color: #005dff;
}

.worker-selected-icon svg {
  width: 24px;
  height: 24px;
}

.worker-selected-booking-card footer {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
}

.worker-selected-booking-card footer em {
  color: #52628b;
  font-size: 12px;
  font-style: normal;
  font-weight: 650;
}

.worker-selected-booking-card footer button,
.worker-history-booking-card > button {
  color: #005dff;
}

.worker-history-card {
  padding: 12px;
  display: grid;
  gap: 10px;
}

.worker-history-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 3px;
  border-radius: 10px;
  background: #edf4ff;
}

.worker-history-filters button {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #41527c;
  font-size: 12px;
  font-weight: 760;
}

.worker-history-filters button.active {
  background: #ffffff;
  color: #005dff;
  box-shadow: 0 8px 18px rgba(8,35,84,0.08);
}

.worker-history-booking-card {
  grid-template-columns: 52px minmax(0, 1fr) auto auto;
}

.worker-bookings-soft-note {
  min-height: 52px;
  border: 1px solid rgba(124,158,214,0.18);
  border-radius: 10px;
  background: rgba(234,243,255,0.7);
  color: #4e5f8b;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: 12px;
  font-weight: 620;
}

.worker-bookings-soft-note.tall {
  min-height: 128px;
  justify-content: center;
  text-align: center;
  display: grid;
  justify-items: center;
}

.worker-bookings-soft-note svg {
  width: 22px;
  height: 22px;
  color: #005dff;
}

.worker-bookings-soft-note strong {
  color: #071442;
  font-size: 15px;
}

.worker-bookings-more {
  justify-self: stretch;
  min-height: 42px;
  justify-content: center;
  color: #005dff;
  border: 1px solid rgba(0,93,255,0.18);
  border-radius: 10px;
  background: #ffffff;
}

/* Shared mobile header edge guard. */
html body .app-shell > .main > .app-header.agency-premium-header {
  --av-header-edge-inset: clamp(18px, 5vw, 22px);
  --av-header-action-size: 40px;
  --av-header-action-gap: 6px;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html.av-density-compact-phone body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"],
html.native-android body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  margin: 0 auto 12px !important;
  padding-left: var(--av-header-edge-inset) !important;
  padding-right: var(--av-header-edge-inset) !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  margin-bottom: 10px !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-group {
  gap: var(--av-header-action-gap) !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button {
  width: var(--av-header-action-size) !important;
  height: var(--av-header-action-size) !important;
  min-width: var(--av-header-action-size) !important;
  min-height: var(--av-header-action-size) !important;
}

html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html.av-density-compact-phone body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html.native-android body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button svg {
  width: 19px !important;
  height: 19px !important;
}

html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-group {
  gap: var(--av-header-action-gap) !important;
}

@media (max-width: 374px) {
  html body .app-shell > .main > .app-header.agency-premium-header {
    --av-header-edge-inset: 18px;
    --av-header-action-size: 38px;
    --av-header-action-gap: 5px;
  }

  html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .app-header-row {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }
}

/* Payments workspace V26: exact compact navigation stack spacing. */
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  margin-bottom: 0 !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"],
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  min-height: calc(64px + env(safe-area-inset-top, 0px)) !important;
  height: auto !important;
  margin: 0 auto 12px !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  padding-bottom: 0 !important;
  padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  margin-bottom: 0 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-avatar {
  justify-self: center !important;
  align-self: center !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page {
  padding: 8px 8px calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 0 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs {
  height: auto !important;
  min-height: 52px !important;
  max-height: none !important;
  margin: 0 0 12px !important;
  padding: 4px !important;
  gap: 4px !important;
  grid-auto-rows: minmax(44px, auto) !important;
  border: 0 !important;
  outline: 1px solid rgba(112, 171, 255, 0.28) !important;
  outline-offset: -1px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs:has(+ .payments-tax-tabs) {
  margin-bottom: 8px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 2px 1px !important;
  grid-template-rows: 18px minmax(14px, auto) !important;
  align-content: center !important;
  align-items: center !important;
  gap: 2px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs svg {
  width: 18px !important;
  height: 18px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active span {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  gap: 4px !important;
  grid-auto-rows: minmax(44px, auto) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(192, 211, 236, 0.66), 0 12px 28px rgba(8, 35, 72, 0.07) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 10px !important;
  line-height: 18px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page > :not(.payments-primary-tabs):not(.payments-tax-tabs) {
  margin-top: 0 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page > :not(.payments-primary-tabs):not(.payments-tax-tabs) + :not(.payments-primary-tabs):not(.payments-tax-tabs) {
  margin-top: 18px !important;
}

/* Payments workspace V26: beat older Tax Centre route-specific tab rules. */
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header),
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools),
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) {
  padding: 8px 8px calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 0 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs {
  height: auto !important;
  min-height: 52px !important;
  max-height: none !important;
  margin: 0 0 8px !important;
  padding: 4px !important;
  gap: 4px !important;
  grid-auto-rows: minmax(44px, auto) !important;
  border: 0 !important;
  outline: 1px solid rgba(112, 171, 255, 0.28) !important;
  outline-offset: -1px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs button {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 2px 1px !important;
  grid-template-rows: 18px minmax(14px, auto) !important;
  align-content: center !important;
  align-items: center !important;
  gap: 2px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-primary-tabs button.active span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-primary-tabs button.active span,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-primary-tabs button.active span {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  gap: 4px !important;
  grid-auto-rows: minmax(44px, auto) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(192, 211, 236, 0.66), 0 12px 28px rgba(8, 35, 72, 0.07) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) .payments-tax-tabs button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) .payments-tax-tabs button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) .payments-tax-tabs button {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 10px !important;
  line-height: 18px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-command-page-header) > .tax-command-page-header,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.financial-command-hero.tools) > .financial-command-hero.tools,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.tax-approved-card.live-empty) > .tax-approved-card.live-empty {
  margin-top: 0 !important;
}

/* Shared header alignment V27: shell-anchored global controls. */
html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) {
  --av-header-edge-inset: 16px;
  --av-header-target-size: 44px;
  --av-header-visible-size: 36px;
  --av-header-title-gap: 12px;
  --av-header-action-gap: 4px;
  width: 100% !important;
  max-width: var(--av-density-expanded-width, 430px) !important;
  min-height: calc(64px + env(safe-area-inset-top, 0px)) !important;
  height: auto !important;
  margin: 0 auto 12px !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  padding-right: max(var(--av-header-edge-inset), env(safe-area-inset-right, 0px)) !important;
  padding-bottom: 0 !important;
  padding-left: max(var(--av-header-edge-inset), env(safe-area-inset-left, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 0 24px 24px !important;
  color: #ffffff !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 15% 26%, rgba(255, 255, 255, 0.18), transparent 24%),
    radial-gradient(circle at 84% 12%, rgba(111, 122, 255, 0.34), transparent 28%),
    radial-gradient(ellipse at 78% 100%, rgba(28, 199, 255, 0.17), transparent 34%),
    linear-gradient(142deg, #051938 0%, #08398f 46%, #115df2 100%) !important;
  box-shadow: 0 16px 34px rgba(5, 31, 83, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header):has(.header-tools) {
  padding-bottom: 12px !important;
  gap: 10px !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-header-row {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 64px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: var(--av-header-target-size) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: var(--av-header-title-gap) !important;
  box-sizing: border-box !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-avatar-button {
  width: var(--av-header-target-size) !important;
  min-width: var(--av-header-target-size) !important;
  height: var(--av-header-target-size) !important;
  min-height: var(--av-header-target-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: start !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
  touch-action: manipulation !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-avatar {
  width: var(--av-header-visible-size) !important;
  min-width: var(--av-header-visible-size) !important;
  height: var(--av-header-visible-size) !important;
  min-height: var(--av-header-visible-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.86) !important;
  color: #071442 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 10px 22px rgba(3, 18, 58, 0.2), inset 0 1px 0 #ffffff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-avatar svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-greeting {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  align-content: center !important;
  justify-self: stretch !important;
  align-self: center !important;
  gap: 2px !important;
  text-align: left !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-greeting h1 {
  margin: 0 !important;
  max-width: 100% !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .app-greeting p {
  margin: 0 !important;
  max-width: 100% !important;
  color: rgba(225, 238, 255, 0.9) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-group {
  width: auto !important;
  min-width: var(--av-header-target-size) !important;
  max-width: none !important;
  height: var(--av-header-target-size) !important;
  min-height: var(--av-header-target-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  align-self: center !important;
  gap: var(--av-header-action-gap) !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button {
  position: relative !important;
  width: var(--av-header-target-size) !important;
  min-width: var(--av-header-target-size) !important;
  height: var(--av-header-target-size) !important;
  min-height: var(--av-header-target-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  touch-action: manipulation !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(225, 239, 255, 0.3) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 22px rgba(2, 17, 52, 0.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  pointer-events: none !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button svg {
  position: relative !important;
  z-index: 1 !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  margin: auto !important;
  stroke-width: 2 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .notification-badge {
  z-index: 2 !important;
  top: 0 !important;
  right: 0 !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-width: 2px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.worker-home-page),
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.agency-home-page),
  .app-shell:has(.agency-jobs-root-page),
  .app-shell:has(.agency-workforce-page),
  .app-shell:has(.agency-offers-page),
  .app-shell:has(.agency-schedules-page),
  .app-shell:has(.agency-training-page),
  .app-shell:has(.agency-account-page),
  .app-shell:has(.agency-organisation-redesign),
  .app-shell:has(.certification-vault-page),
  .app-shell:has(.advanced-search-page),
  .app-shell:has(.workforce-network-page)
) > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-tools {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"] {
  margin-bottom: 0 !important;
}

/* Candidate shared header V32: title block sits below the control row. */
html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  min-height: calc(112px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 auto 12px !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  padding-bottom: 12px !important;
  padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  margin-bottom: 0 !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  min-height: 90px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: var(--av-header-target-size, 44px) minmax(0, 1fr) auto !important;
  grid-template-rows: var(--av-header-target-size, 44px) minmax(34px, auto) !important;
  align-content: start !important;
  align-items: center !important;
  gap: 8px var(--av-header-title-gap, 12px) !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-group {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: stretch !important;
  gap: 3px !important;
  padding: 0 2px !important;
  text-align: left !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 22px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

/* Candidate home header V31: branded full-name greeting. */
html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  min-height: calc(142px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 auto 12px !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  padding-bottom: 13px !important;
  padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
  gap: 10px !important;
  border-radius: 0 0 26px 26px !important;
  background:
    radial-gradient(circle at 10% 14%, rgba(255, 255, 255, 0.18), transparent 25%),
    radial-gradient(circle at 88% 16%, rgba(118, 130, 255, 0.36), transparent 30%),
    radial-gradient(ellipse at 77% 105%, rgba(28, 199, 255, 0.18), transparent 36%),
    linear-gradient(142deg, #051938 0%, #08398f 45%, #115df2 100%) !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-row {
  position: relative !important;
  z-index: 2 !important;
  min-height: 44px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-lockup {
  min-width: 0 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-wordmark {
  width: 122px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 8px 14px rgba(2, 15, 56, 0.22)) !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-row .header-icon-group {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: end !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row.app-header-row {
  position: relative !important;
  z-index: 2 !important;
  min-height: 60px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: minmax(54px, auto) !important;
  align-content: start !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-avatar-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-avatar {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .header-icon-group {
  display: none !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  gap: 3px !important;
  padding: 0 !important;
  text-align: left !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting h1 {
  font-size: 22px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting p {
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-header-orbit.orbit-one {
  width: 190px !important;
  height: 190px !important;
  right: -72px !important;
  top: -54px !important;
}

html body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-header-orbit.orbit-two {
  width: 310px !important;
  height: 310px !important;
  right: -198px !important;
  top: 16px !important;
}

/* Candidate shared header V33: EOF winner for stacked header copy. */
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  min-height: calc(112px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 auto 12px !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
  padding-bottom: 12px !important;
  padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  margin-bottom: 0 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  min-height: 90px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: var(--av-header-target-size, 44px) minmax(0, 1fr) auto !important;
  grid-template-rows: var(--av-header-target-size, 44px) minmax(34px, auto) !important;
  align-content: start !important;
  align-items: center !important;
  gap: 8px var(--av-header-title-gap, 12px) !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-group {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: stretch !important;
  align-content: start !important;
  gap: 3px !important;
  padding: 0 2px !important;
  text-align: left !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 22px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

/* Candidate shared header V34: centred title band below controls. */
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  min-height: calc(116px + env(safe-area-inset-top, 0px)) !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  padding-bottom: 12px !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  min-height: 94px !important;
  grid-template-rows: var(--av-header-target-size, 44px) minmax(42px, auto) !important;
  gap: 4px var(--av-header-title-gap, 12px) !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: min(100%, 330px) !important;
  justify-self: center !important;
  align-self: center !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 0 6px !important;
  text-align: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1,
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  text-align: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content)
) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 23px !important;
  line-height: 28px !important;
  font-weight: 750 !important;
}

/* Payments workspace V35: exact luxury empty-state composition. */
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  min-height: calc(128px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 auto 0 !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
  padding-bottom: 16px !important;
  border-radius: 0 0 28px 28px !important;
  background:
    radial-gradient(circle at 9% -8%, rgba(126, 184, 255, 0.34), transparent 34%),
    radial-gradient(circle at 91% 16%, rgba(70, 139, 255, 0.42), transparent 34%),
    linear-gradient(128deg, #071a39 0%, #0b3b9f 46%, #116dff 100%) !important;
  box-shadow: 0 18px 34px rgba(4, 36, 94, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.2) !important;
  overflow: hidden !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before {
  opacity: 0.5 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after {
  content: "" !important;
  position: absolute !important;
  right: -28px !important;
  bottom: -58px !important;
  width: 230px !important;
  height: 180px !important;
  border: 1px solid rgba(177, 216, 255, 0.28) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 68% 34%, rgba(111, 178, 255, 0.28), transparent 48%) !important;
  transform: rotate(-18deg) !important;
  pointer-events: none !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100px !important;
  grid-template-rows: var(--av-header-target-size, 44px) minmax(48px, auto) !important;
  gap: 8px var(--av-header-title-gap, 12px) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  width: min(100%, 310px) !important;
  gap: 4px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 24px !important;
  line-height: 29px !important;
  font-weight: 760 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  color: rgba(237, 246, 255, 0.86) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 560 !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page,
html.av-density-compact-phone body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page {
  padding: 8px 8px calc(112px + env(safe-area-inset-bottom)) !important;
  gap: 12px !important;
  background: linear-gradient(180deg, #eef5fb 0%, #f8fbff 42%, #edf4fa 100%) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  margin: 0 0 10px !important;
  padding: 7px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(135deg, rgba(8, 54, 153, 0.96), rgba(12, 96, 239, 0.96)),
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.22), transparent 32%) !important;
  box-shadow: 0 18px 34px rgba(8, 56, 143, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  border-radius: 14px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button.active {
  background: linear-gradient(145deg, #2084ff, #075ae4) !important;
  box-shadow: 0 14px 24px rgba(3, 61, 181, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs span {
  font-size: 11.4px !important;
  font-weight: 650 !important;
}

.candidate-payments-page.candidate-payments-empty-live {
  gap: 12px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-hero {
  min-height: 204px !important;
  padding: 18px !important;
  gap: 16px !important;
  border: 1px solid rgba(67, 152, 255, 0.68) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 104% 62%, rgba(33, 129, 255, 0.44), transparent 34%),
    radial-gradient(circle at 18% -18%, rgba(113, 190, 255, 0.2), transparent 38%),
    linear-gradient(135deg, #051933 0%, #092f70 45%, #126cff 100%) !important;
  box-shadow: 0 18px 36px rgba(4, 37, 88, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  overflow: hidden !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-hero::before {
  opacity: 0.48 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline span {
  color: rgba(151, 199, 255, 0.96) !important;
  font-size: 11px !important;
  font-weight: 840 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline em {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  gap: 7px !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(9, 37, 86, 0.34) !important;
  border: 1px solid rgba(147, 202, 255, 0.42) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline em::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #a9c7ee !important;
  box-shadow: 0 0 0 3px rgba(169, 199, 238, 0.16) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title {
  display: grid !important;
  gap: 5px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title small {
  display: none !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title h2 {
  max-width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 25px !important;
  line-height: 1.1 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(193, 220, 255, 0.9) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 560 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 12px 0 2px !important;
  border-top: 1px solid rgba(157, 207, 255, 0.48) !important;
  border-bottom: 1px solid rgba(157, 207, 255, 0.26) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span {
  min-height: 58px !important;
  padding: 9px 14px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span:nth-child(odd) {
  border-right: 1px solid rgba(157, 207, 255, 0.48) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span:nth-child(n + 3) {
  border-top: 1px solid rgba(157, 207, 255, 0.28) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows small {
  color: rgba(191, 218, 255, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 690 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows strong {
  margin-top: 4px !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span:last-child strong {
  font-size: 17px !important;
  line-height: 1.12 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-hero > p {
  display: grid !important;
  grid-template-columns: 7px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(209, 229, 255, 0.9) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 580 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-hero > p::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #25d7ff !important;
  box-shadow: 0 0 0 4px rgba(37, 215, 255, 0.14) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-card {
  border: 1px solid rgba(196, 216, 241, 0.86) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(221, 239, 255, 0.64), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 255, 0.92)) !important;
  box-shadow: 0 14px 32px rgba(9, 45, 96, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty {
  min-height: 166px !important;
  padding: 24px 14px 18px !important;
  display: grid !important;
  gap: 15px !important;
  justify-items: center !important;
  text-align: center !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty div {
  display: grid !important;
  gap: 7px !important;
  justify-items: center !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty span {
  color: #71819e !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 740 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty h3 {
  margin: 0 !important;
  max-width: 310px !important;
  color: #07183a !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty p {
  max-width: 330px !important;
  margin: 0 !important;
  color: #71819e !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty button,
.candidate-payments-page.candidate-payments-empty-live .payments-help-toggle {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(46, 126, 255, 0.42) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #041a38, #106dff) !important;
  box-shadow: 0 15px 28px rgba(4, 72, 188, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-panel {
  padding: 20px 14px 14px !important;
  gap: 16px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-header {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-intro {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-intro > i {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #eaf3ff !important;
  color: #0865ff !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-intro small {
  display: block !important;
  margin-bottom: 3px !important;
  color: #74829b !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 780 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-intro strong {
  display: block !important;
  color: #07183a !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-intro em {
  display: block !important;
  margin-top: 6px !important;
  color: #6e7d97 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-style: normal !important;
  font-weight: 580 !important;
}

@media (max-width: 374px) {
  .candidate-payments-page.candidate-payments-empty-live .payments-os-title h2 {
    font-size: 22px !important;
  }

  .candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows strong {
    font-size: 21px !important;
  }

  .candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty h3,
  .candidate-payments-page.candidate-payments-empty-live .payments-help-intro strong {
    font-size: 19px !important;
  }
}

/* Payments workspace V35.1: compact first-viewport fit. */
.candidate-payments-page.candidate-payments-empty-live .payments-os-hero {
  min-height: 0 !important;
  height: auto !important;
  padding: 12px !important;
  gap: 7px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline {
  margin-bottom: 0 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-topline em {
  min-height: 26px !important;
  padding: 5px 10px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title h2 {
  font-size: 22px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-title p {
  font-size: 13px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows {
  padding: 5px 0 0 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span {
  min-height: 40px !important;
  padding: 6px 10px 7px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows small {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 10px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows strong {
  margin-top: 2px !important;
  font-size: 18px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-summary-rows span:last-child strong {
  font-size: 13.5px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-os-hero > p {
  font-size: 12.5px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty {
  min-height: 0 !important;
  padding: 17px 14px 15px !important;
  gap: 12px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty div {
  gap: 5px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty h3 {
  max-width: 300px !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty p {
  max-width: 318px !important;
  font-size: 12.7px !important;
  line-height: 1.25 !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-state-card.empty button,
.candidate-payments-page.candidate-payments-empty-live .payments-help-toggle {
  min-height: 45px !important;
}

.candidate-payments-page.candidate-payments-empty-live .payments-help-panel {
  padding: 17px 14px 14px !important;
}

/* Candidate Profile V36: luxury patterned heading cards. */
html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  min-height: calc(130px + env(safe-area-inset-top, 0px)) !important;
  margin: 0 auto 0 !important;
  padding-top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
  padding-bottom: 16px !important;
  border-radius: 0 0 30px 30px !important;
  border: 1px solid rgba(177, 214, 255, 0.22) !important;
  border-top: 0 !important;
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 21px),
    repeating-linear-gradient(142deg, rgba(138, 198, 255, 0.16) 0 1px, transparent 1px 18px),
    linear-gradient(128deg, #041430 0%, #09295d 34%, #0f55dd 72%, #041833 100%) !important;
  box-shadow:
    0 18px 36px rgba(3, 29, 72, 0.24),
    inset 0 -1px 0 rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  overflow: hidden !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before {
  content: "" !important;
  position: absolute !important;
  inset: auto -40px -58px 36px !important;
  height: 142px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(100deg, transparent 0 14%, rgba(118, 190, 255, 0.26) 30%, rgba(255, 255, 255, 0.14) 45%, transparent 68%),
    linear-gradient(90deg, rgba(86, 216, 255, 0.22), rgba(22, 108, 255, 0.08)) !important;
  filter: blur(1px) !important;
  transform: rotate(-9deg) !important;
  pointer-events: none !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after {
  content: "" !important;
  position: absolute !important;
  right: -92px !important;
  top: -42px !important;
  width: 260px !important;
  height: 220px !important;
  border: 1px solid rgba(177, 214, 255, 0.22) !important;
  border-radius: 46% !important;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(0deg, rgba(92, 184, 255, 0.08) 0 1px, transparent 1px 18px) !important;
  transform: rotate(14deg) !important;
  pointer-events: none !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  position: relative !important;
  z-index: 2 !important;
  min-height: 102px !important;
  grid-template-rows: var(--av-header-target-size, 44px) minmax(50px, auto) !important;
  gap: 8px var(--av-header-title-gap, 12px) !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar {
  border: 1px solid rgba(255, 255, 255, 0.98) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(224, 241, 255, 0.94)) !important;
  box-shadow:
    0 12px 24px rgba(2, 14, 45, 0.24),
    0 0 0 5px rgba(255, 255, 255, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button {
  border-color: rgba(207, 231, 255, 0.36) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(106, 166, 255, 0.12)) !important;
  box-shadow:
    0 8px 18px rgba(2, 16, 49, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  width: min(100%, 330px) !important;
  padding: 1px 8px 0 !important;
  gap: 4px !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 24px !important;
  line-height: 29px !important;
  font-weight: 780 !important;
  text-shadow: 0 8px 18px rgba(0, 13, 48, 0.22) !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  color: rgba(230, 244, 255, 0.9) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 570 !important;
}

html body .app-shell:has(.candidate-profile-approved-shell) > .main > .content.profile-page-content,
html.av-density-compact-phone body .app-shell:has(.candidate-profile-approved-shell) > .main > .content.profile-page-content {
  background:
    linear-gradient(180deg, #f6fbff 0%, #edf5fd 42%, #f8fbff 100%) !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top {
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 0 6px !important;
  padding: 4px 6px 6px !important;
  border: 1px solid rgba(186, 209, 236, 0.62) !important;
  border-radius: 0 0 18px 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.96)) !important;
  box-shadow:
    0 12px 26px rgba(7, 40, 86, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 3px 7px !important;
  border-radius: 13px !important;
  color: #516b8e !important;
  font-size: 11.6px !important;
  font-weight: 720 !important;
}

.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
.profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
html.av-density-compact-phone body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"],
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button.active,
html.native-android body .profile-page-content .worker-profile-premium.candidate-profile-approved-shell > .profile-tabs.profile-tabs-fixed-top button[aria-selected="true"] {
  color: #075cff !important;
  background:
    linear-gradient(180deg, rgba(235, 245, 255, 0.98), rgba(221, 236, 255, 0.92)) !important;
  box-shadow: inset 0 0 0 1px rgba(25, 115, 255, 0.16) !important;
}

.candidate-approved-hero-card,
.candidate-approved-hero-card.is-compact,
.candidate-approved-hero-card.is-passport {
  min-height: unset !important;
  padding: 16px !important;
  gap: 13px !important;
  border: 1px solid rgba(133, 205, 255, 0.58) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(148deg, rgba(106, 205, 255, 0.16) 0 1px, transparent 1px 18px),
    linear-gradient(135deg, #041329 0%, #082653 34%, #0b56d9 76%, #031832 100%) !important;
  box-shadow:
    0 22px 42px rgba(4, 32, 77, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(72, 189, 255, 0.22) !important;
}

.candidate-approved-hero-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: -26px !important;
  right: -44px !important;
  bottom: -58px !important;
  height: 142px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(97deg, transparent 0 16%, rgba(82, 189, 255, 0.2) 34%, rgba(255, 255, 255, 0.14) 48%, transparent 70%),
    linear-gradient(90deg, rgba(20, 104, 255, 0.24), rgba(86, 218, 255, 0.1)) !important;
  transform: rotate(-8deg) !important;
  pointer-events: none !important;
}

.candidate-approved-hero-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, transparent 0 62%, rgba(255, 255, 255, 0.08) 62% 63%, transparent 63%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(86, 218, 255, 0.045) 0 1px, transparent 1px 26px) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 100%) !important;
  pointer-events: none !important;
}

.candidate-approved-hero-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.candidate-approved-network {
  position: absolute !important;
  z-index: 1 !important;
  right: -18px !important;
  top: 10px !important;
  width: 66% !important;
  height: 96% !important;
  opacity: 0.86 !important;
}

.candidate-approved-hero-top > span,
.candidate-approved-section-heading > span,
.candidate-check-group-heading > span {
  color: rgba(222, 241, 255, 0.92) !important;
  font-size: 10.8px !important;
  font-weight: 820 !important;
}

.candidate-approved-hero-top button,
.candidate-approved-hero-top em {
  height: 36px !important;
  border-radius: 12px !important;
  border-color: rgba(167, 219, 255, 0.34) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(86, 169, 255, 0.11)) !important;
  box-shadow:
    0 10px 18px rgba(1, 16, 48, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.candidate-approved-person {
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 14px !important;
}

.candidate-approved-photo,
.candidate-approved-hero-card.is-compact .candidate-approved-photo {
  width: 72px !important;
  height: 72px !important;
  border: 1px solid rgba(255, 255, 255, 0.96) !important;
  background:
    linear-gradient(145deg, #ffffff, #e7f3ff) !important;
  box-shadow:
    0 15px 28px rgba(1, 13, 44, 0.3),
    0 0 0 6px rgba(255, 255, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.candidate-approved-person-copy h2,
.candidate-approved-intro-card h2,
.candidate-approved-worker-id-card h2 {
  font-size: 24px !important;
  line-height: 1.07 !important;
  font-weight: 800 !important;
  text-shadow: 0 10px 18px rgba(0, 13, 45, 0.28) !important;
}

.candidate-approved-person-copy p,
.candidate-approved-person-copy small {
  color: rgba(232, 246, 255, 0.88) !important;
  font-weight: 600 !important;
}

.candidate-approved-status-grid {
  gap: 9px !important;
}

.candidate-approved-status-grid article,
.candidate-readiness-summary-grid article {
  min-height: 64px !important;
  border-color: rgba(146, 214, 255, 0.34) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(62, 142, 255, 0.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 18px rgba(1, 17, 49, 0.12) !important;
}

.candidate-approved-status-grid i,
.candidate-readiness-summary-grid i {
  border-radius: 11px !important;
  background: rgba(213, 241, 255, 0.12) !important;
}

.candidate-approved-sectors {
  margin-top: 1px !important;
  padding: 12px !important;
  border: 1px solid rgba(146, 214, 255, 0.24) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.candidate-approved-card,
.candidate-approved-action-row {
  border-color: rgba(176, 202, 233, 0.78) !important;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.86) 0 1px, transparent 1px 28px),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.94)) !important;
  box-shadow:
    0 14px 30px rgba(7, 43, 92, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.candidate-profile-completion-card {
  position: relative !important;
  overflow: hidden !important;
}

.candidate-profile-completion-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(120deg, transparent 0 62%, rgba(18, 107, 255, 0.06) 62% 64%, transparent 64%),
    repeating-linear-gradient(145deg, rgba(18, 107, 255, 0.04) 0 1px, transparent 1px 20px) !important;
  pointer-events: none !important;
}

.candidate-profile-completion-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.candidate-approved-progress {
  height: 10px !important;
  background:
    linear-gradient(180deg, rgba(213, 229, 246, 0.92), rgba(230, 240, 251, 0.92)) !important;
  box-shadow: inset 0 1px 2px rgba(5, 28, 65, 0.08) !important;
}

.candidate-approved-progress i {
  background: linear-gradient(90deg, #073fb2, #126cff, #43d5ff) !important;
  box-shadow: 0 0 14px rgba(18, 108, 255, 0.26) !important;
}

.candidate-detail-row > i,
.candidate-approved-action-row > i {
  border-radius: 12px !important;
  color: #075cff !important;
  background:
    linear-gradient(145deg, #eef6ff, #f9fcff) !important;
  box-shadow: inset 0 0 0 1px rgba(18, 108, 255, 0.08) !important;
}

@media (max-width: 374px) {
  .candidate-approved-person {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  .candidate-approved-photo,
  .candidate-approved-hero-card.is-compact .candidate-approved-photo {
    width: 64px !important;
    height: 64px !important;
  }

  .candidate-approved-person-copy h2,
  .candidate-approved-intro-card h2,
  .candidate-approved-worker-id-card h2 {
    font-size: 21px !important;
  }
}

/* Interlink Theme V38: one shared authenticated header and restrained Nexus artwork. */
html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) {
  --av-header-target-size: 44px;
  position: relative !important;
  min-height: calc(104px + env(safe-area-inset-top, 0px)) !important;
  height: auto !important;
  width: min(100%, var(--app-shell-width, 430px)) !important;
  margin: 0 auto !important;
  padding: calc(env(safe-area-inset-top, 0px) + 6px) 12px 6px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 0 20px 20px !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 58%, rgba(1, 9, 31, 0.38), transparent 46%),
    radial-gradient(ellipse at 78% -18%, rgba(70, 150, 255, 0.42), transparent 42%),
    radial-gradient(ellipse at 9% 0%, rgba(157, 207, 255, 0.18), transparent 34%),
    linear-gradient(128deg, #061a3c 0%, #0c2f6b 42%, #104ab4 74%, #1767f2 100%) !important;
  box-shadow:
    0 12px 28px rgba(4, 35, 89, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 220px 104px at 86% 20%, transparent 58%, rgba(199, 230, 255, 0.28) 59%, transparent 61%),
    radial-gradient(ellipse 248px 124px at 74% 78%, transparent 58%, rgba(126, 205, 255, 0.22) 59%, transparent 61%),
    radial-gradient(ellipse 270px 132px at 105% 50%, transparent 58%, rgba(255, 255, 255, 0.18) 59%, transparent 61%),
    radial-gradient(ellipse at 82% 48%, rgba(68, 154, 255, 0.16), transparent 46%) !important;
  opacity: 1 !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home)::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 82px !important;
  top: calc(env(safe-area-inset-top, 0px) + 31px) !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(137, 221, 255, 0.92) !important;
  box-shadow:
    -94px 43px 0 rgba(137, 221, 255, 0.64),
    0 0 9px 2px rgba(100, 205, 255, 0.24),
    -94px 43px 9px 2px rgba(100, 205, 255, 0.18) !important;
  pointer-events: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) > * {
  position: relative !important;
  z-index: 2 !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-header-row {
  width: 100% !important;
  min-height: 92px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 132px !important;
  grid-template-rows: 44px 42px !important;
  align-content: start !important;
  align-items: start !important;
  gap: 6px 0 !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-avatar-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-self: start !important;
  justify-self: start !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-avatar {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.96) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(232, 244, 255, 0.95)) !important;
  box-shadow:
    0 9px 18px rgba(1, 14, 43, 0.22),
    0 0 0 3px rgba(255, 255, 255, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-group {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 132px !important;
  height: 44px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 44px) !important;
  gap: 0 !important;
  align-items: start !important;
  justify-items: center !important;
  justify-self: end !important;
  align-self: start !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button {
  position: relative !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(248, 252, 255, 0.96) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.19) 0 16px, rgba(144, 198, 255, 0.13) 16.5px, transparent 17px) !important;
  box-shadow: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  border: 1px solid rgba(216, 235, 255, 0.34) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 7px 16px rgba(1, 18, 54, 0.15) !important;
  pointer-events: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.9px !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .notification-badge {
  top: 1px !important;
  right: 2px !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.94) !important;
  font-size: 9.5px !important;
  line-height: 15px !important;
  transform: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: min(100%, 330px) !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-rows: 24px 16px !important;
  gap: 2px !important;
  align-content: start !important;
  justify-items: center !important;
  justify-self: center !important;
  text-align: center !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting::before {
  display: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting h1 {
  width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 6px 14px rgba(1, 12, 39, 0.25) !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting p {
  width: 100% !important;
  margin: 0 !important;
  color: rgba(231, 244, 255, 0.88) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home):has(.header-tools) .app-header-row {
  margin-bottom: 8px !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-tools {
  position: relative !important;
  z-index: 2 !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) + .content {
  padding-top: 8px !important;
}

@media (max-width: 360px) {
  html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting {
    width: min(100%, 272px) !important;
  }

  html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .app-greeting h1 {
    font-size: 19px !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button:active {
    transform: scale(0.98) !important;
  }
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.app-header--candidate-home {
  background:
    radial-gradient(ellipse at 50% 62%, rgba(1, 9, 31, 0.34), transparent 48%),
    radial-gradient(ellipse at 78% -18%, rgba(70, 150, 255, 0.42), transparent 42%),
    radial-gradient(ellipse at 9% 0%, rgba(157, 207, 255, 0.18), transparent 34%),
    linear-gradient(128deg, #061a3c 0%, #0c2f6b 42%, #104ab4 74%, #1767f2 100%) !important;
  overflow: hidden !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.app-header--candidate-home .candidate-home-header-orbit {
  border-color: rgba(199, 230, 255, 0.22) !important;
  opacity: 1 !important;
}

html body .app-shell > .main > .app-header.app-header--candidate-primary.app-header--candidate-home .candidate-home-header-orbit::before,
html body .app-shell > .main > .app-header.app-header--candidate-primary.app-header--candidate-home .candidate-home-header-orbit::after {
  display: none !important;
}

.candidate-approved-network,
.content.worker-finance-page.worker-fintech-page .tax-overview-network {
  display: none !important;
}

.candidate-approved-hero-card,
.candidate-approved-hero-card.is-compact,
.candidate-approved-hero-card.is-passport,
.candidate-payments-page .payments-os-hero,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(116, 190, 255, 0.46) !important;
  background:
    radial-gradient(ellipse at 48% 55%, rgba(1, 8, 28, 0.34), transparent 48%),
    radial-gradient(ellipse at 92% 18%, rgba(48, 134, 255, 0.32), transparent 34%),
    linear-gradient(135deg, #041632 0%, #0a2e68 45%, #1059d6 78%, #052044 100%) !important;
  box-shadow:
    0 18px 40px rgba(4, 31, 76, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(79, 188, 255, 0.16) !important;
}

.candidate-approved-hero-card::before,
.candidate-approved-hero-card.is-compact::before,
.candidate-approved-hero-card.is-passport::before,
.candidate-payments-page .payments-os-hero::before,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero::before,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::before,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse 238px 116px at 92% 22%, transparent 58%, rgba(193, 229, 255, 0.24) 59%, transparent 61%),
    radial-gradient(ellipse 286px 136px at 78% 76%, transparent 58%, rgba(106, 205, 255, 0.18) 59%, transparent 61%),
    radial-gradient(ellipse 296px 150px at 112% 52%, transparent 58%, rgba(255, 255, 255, 0.13) 59%, transparent 61%) !important;
  opacity: 0.88 !important;
  transform: none !important;
  filter: none !important;
  pointer-events: none !important;
}

.candidate-approved-hero-card::after,
.candidate-approved-hero-card.is-compact::after,
.candidate-approved-hero-card.is-passport::after,
.candidate-payments-page .payments-os-hero::after,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero::after,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::after,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 62px !important;
  top: 38px !important;
  width: 3px !important;
  height: 3px !important;
  display: block !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(133, 221, 255, 0.82) !important;
  box-shadow:
    -92px 48px 0 rgba(133, 221, 255, 0.48),
    0 0 9px 2px rgba(75, 202, 255, 0.22),
    -92px 48px 9px 2px rgba(75, 202, 255, 0.14) !important;
  opacity: 1 !important;
  transform: none !important;
  mask-image: none !important;
  pointer-events: none !important;
}

.candidate-approved-hero-card > *,
.candidate-payments-page .payments-os-hero > *,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero > *,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero > *,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools > * {
  position: relative !important;
  z-index: 2 !important;
}

.candidate-profile-completion-card::before,
.candidate-approved-card:not(.candidate-approved-hero-card)::before,
.candidate-approved-action-row::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

.candidate-approved-card:not(.candidate-approved-hero-card),
.candidate-approved-action-row,
.candidate-payments-page .payments-os-card,
.content.worker-finance-page.worker-fintech-page :is(.tax-approved-card:not(.tax-overview-hero), .tax-os-card, .premium-tax-pot-card, .tax-v2-payment-card, .tax-next-movement-card, .financial-passport-premium-card) {
  background:
    radial-gradient(circle at 96% 0%, rgba(226, 241, 255, 0.62), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 255, 0.94)) !important;
}

.content.worker-finance-page.worker-fintech-page .tax-overview-hero .tax-overview-caption i,
.candidate-payments-page .payments-os-hero > p::before,
.candidate-payments-page .payments-os-topline em::before {
  box-shadow: 0 0 0 4px rgba(37, 215, 255, 0.12) !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 0 12px !important;
  padding: 4px !important;
  border-radius: 16px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page:has(.payments-tax-tabs) .payments-primary-tabs {
  margin-bottom: 8px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-primary-tabs button {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border-radius: 12px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 0 12px !important;
  padding: 4px !important;
  border-radius: 14px !important;
}

html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content.payments-workspace-shell.worker-finance-page.worker-fintech-page .payments-tax-tabs button {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 11px !important;
}

html body .app-shell:has(.royal-satin-jobs) > .main > .content,
html body .app-shell:has(.worker-bookings-redesign) > .main > .content,
html body .app-shell:has(.profile-page-content) > .main > .content,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .content {
  padding-top: 8px !important;
}

/* Interlink Theme V38.1: specificity lock over older route-level header experiments. */
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  --av-header-target-size: 44px;
  position: relative !important;
  min-height: calc(104px + env(safe-area-inset-top, 0px)) !important;
  height: auto !important;
  width: min(100%, var(--app-shell-width, 430px)) !important;
  margin: 0 auto !important;
  padding: calc(env(safe-area-inset-top, 0px) + 6px) 12px 6px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 0 20px 20px !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 50% 58%, rgba(1, 9, 31, 0.38), transparent 46%),
    radial-gradient(ellipse at 78% -18%, rgba(70, 150, 255, 0.42), transparent 42%),
    radial-gradient(ellipse at 9% 0%, rgba(157, 207, 255, 0.18), transparent 34%),
    linear-gradient(128deg, #061a3c 0%, #0c2f6b 42%, #104ab4 74%, #1767f2 100%) !important;
  box-shadow:
    0 12px 28px rgba(4, 35, 89, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 220px 104px at 86% 20%, transparent 58%, rgba(199, 230, 255, 0.28) 59%, transparent 61%),
    radial-gradient(ellipse 248px 124px at 74% 78%, transparent 58%, rgba(126, 205, 255, 0.22) 59%, transparent 61%),
    radial-gradient(ellipse 270px 132px at 105% 50%, transparent 58%, rgba(255, 255, 255, 0.18) 59%, transparent 61%),
    radial-gradient(ellipse at 82% 48%, rgba(68, 154, 255, 0.16), transparent 46%) !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 82px !important;
  top: calc(env(safe-area-inset-top, 0px) + 31px) !important;
  width: 3px !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(137, 221, 255, 0.92) !important;
  box-shadow:
    -94px 43px 0 rgba(137, 221, 255, 0.64),
    0 0 9px 2px rgba(100, 205, 255, 0.24),
    -94px 43px 9px 2px rgba(100, 205, 255, 0.18) !important;
  opacity: 1 !important;
  transform: none !important;
  mask-image: none !important;
  pointer-events: none !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: 92px !important;
  height: 92px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 132px !important;
  grid-template-rows: 44px 42px !important;
  align-content: start !important;
  align-items: start !important;
  gap: 6px 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button,
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: start !important;
  display: grid !important;
  place-items: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-group {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 132px !important;
  min-width: 132px !important;
  height: 44px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 44px) !important;
  gap: 0 !important;
  justify-self: end !important;
  align-self: start !important;
  justify-content: end !important;
  align-items: start !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: min(100%, 330px) !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: 24px 16px !important;
  gap: 2px !important;
  align-content: start !important;
  justify-items: center !important;
  justify-self: center !important;
  align-self: start !important;
  text-align: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting h1 {
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-greeting p {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) + .content {
  padding-top: 8px !important;
}

html body .app-shell:has(.royal-satin-jobs) > .main > .content.worker-jobs-page.worker-premium-page.royal-satin-jobs,
html.av-density-compact-phone body .app-shell:has(.royal-satin-jobs) > .main > .content.worker-jobs-page.worker-premium-page.royal-satin-jobs,
html.native-android body .app-shell:has(.royal-satin-jobs) > .main > .content.worker-jobs-page.worker-premium-page.royal-satin-jobs {
  margin-top: 0 !important;
  padding-top: 8px !important;
}

/* Interlink Theme V39: technology network artwork, not rounded seam loops. */
:root {
  --av-tech-network-header: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 104' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='route' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%238cecff' stop-opacity='.05'/%3E%3Cstop offset='.42' stop-color='%2399e8ff' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='.04'/%3E%3C/linearGradient%3E%3CradialGradient id='node' cx='.5' cy='.5' r='.5'%3E%3Cstop stop-color='%23dff9ff' stop-opacity='1'/%3E%3Cstop offset='.45' stop-color='%236bdcff' stop-opacity='.65'/%3E%3Cstop offset='1' stop-color='%236bdcff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-38 98C44 26 120 12 214 56C288 91 345 45 464 23' stroke='url(%23route)' stroke-width='1.05'/%3E%3Cpath d='M-26 66C64 43 117 78 199 45C274 15 344 20 456 68' stroke='%2388dfff' stroke-opacity='.24' stroke-width='.9'/%3E%3Cpath d='M32 110C101 46 178 33 263 50C326 63 373 37 432 11' stroke='%23e7f8ff' stroke-opacity='.15' stroke-width='.75'/%3E%3Cpath d='M-30 31C60 62 124 67 191 51C265 33 338 61 466 88' stroke='%237bd8ff' stroke-opacity='.18' stroke-width='.75'/%3E%3Cpath d='M-8 103C92 76 142 38 221 38C313 38 351 73 444 54' stroke='%23ffffff' stroke-opacity='.08' stroke-width='.65'/%3E%3C/g%3E%3Ccircle cx='199' cy='45' r='7' fill='url(%23node)' opacity='.7'/%3E%3Ccircle cx='199' cy='45' r='1.65' fill='%23bff4ff'/%3E%3Ccircle cx='327' cy='43' r='6' fill='url(%23node)' opacity='.52'/%3E%3Ccircle cx='327' cy='43' r='1.35' fill='%23a7eaff'/%3E%3C/svg%3E");
  --av-tech-network-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='cardRoute' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%2399efff' stop-opacity='.04'/%3E%3Cstop offset='.55' stop-color='%2388e8ff' stop-opacity='.31'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='.03'/%3E%3C/linearGradient%3E%3CradialGradient id='cardNode' cx='.5' cy='.5' r='.5'%3E%3Cstop stop-color='%23e8fbff' stop-opacity='1'/%3E%3Cstop offset='.48' stop-color='%235fe1ff' stop-opacity='.58'/%3E%3Cstop offset='1' stop-color='%235fe1ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-28 198C70 79 164 51 258 100C334 140 382 76 468 54' stroke='url(%23cardRoute)' stroke-width='1.1'/%3E%3Cpath d='M-42 135C58 98 136 142 219 89C299 39 361 46 462 116' stroke='%2387dfff' stroke-opacity='.22' stroke-width='.9'/%3E%3Cpath d='M16 221C91 126 176 86 270 91C342 95 379 42 430 13' stroke='%23e6fbff' stroke-opacity='.14' stroke-width='.75'/%3E%3Cpath d='M-20 68C82 111 152 105 223 75C297 44 351 93 462 154' stroke='%237bdcff' stroke-opacity='.18' stroke-width='.75'/%3E%3Cpath d='M15 174C101 145 143 72 225 70C304 69 349 151 450 126' stroke='%23ffffff' stroke-opacity='.08' stroke-width='.65'/%3E%3C/g%3E%3Cg opacity='.86'%3E%3Ccircle cx='137' cy='107' r='6' fill='url(%23cardNode)'/%3E%3Ccircle cx='137' cy='107' r='1.45' fill='%23bff5ff'/%3E%3Ccircle cx='219' cy='89' r='7' fill='url(%23cardNode)' opacity='.72'/%3E%3Ccircle cx='219' cy='89' r='1.6' fill='%23bff5ff'/%3E%3Ccircle cx='305' cy='93' r='5.8' fill='url(%23cardNode)' opacity='.52'/%3E%3Ccircle cx='305' cy='93' r='1.25' fill='%239cecff'/%3E%3Ccircle cx='374' cy='75' r='5.4' fill='url(%23cardNode)' opacity='.46'/%3E%3Ccircle cx='374' cy='75' r='1.15' fill='%239cecff'/%3E%3C/g%3E%3C/svg%3E");
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  background:
    radial-gradient(ellipse at 50% 116%, rgba(89, 203, 255, 0.18), transparent 34%),
    radial-gradient(ellipse at 78% -16%, rgba(64, 144, 255, 0.36), transparent 39%),
    radial-gradient(ellipse at 16% 6%, rgba(183, 224, 255, 0.11), transparent 31%),
    linear-gradient(126deg, #03132e 0%, #082b68 42%, #0f4fbd 76%, #176cff 100%) !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image: var(--av-tech-network-header) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  opacity: 0.94 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none !important;
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.candidate-approved-hero-card,
.candidate-approved-hero-card.is-compact,
.candidate-approved-hero-card.is-passport,
.candidate-payments-page .payments-os-hero,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  background:
    radial-gradient(ellipse at 50% 108%, rgba(88, 204, 255, 0.13), transparent 36%),
    radial-gradient(ellipse at 94% 8%, rgba(43, 135, 255, 0.28), transparent 34%),
    linear-gradient(135deg, #031228 0%, #092657 46%, #0d4ab4 78%, #052047 100%) !important;
}

.candidate-approved-hero-card::before,
.candidate-approved-hero-card.is-compact::before,
.candidate-approved-hero-card.is-passport::before,
.candidate-payments-page .payments-os-hero::before,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero::before,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::before,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::before {
  background-image: var(--av-tech-network-card) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  opacity: 0.72 !important;
  filter: none !important;
  transform: none !important;
  mask-image: none !important;
}

.candidate-approved-hero-card::after,
.candidate-approved-hero-card.is-compact::after,
.candidate-approved-hero-card.is-passport::after,
.candidate-payments-page .payments-os-hero::after,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero::after,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero::after,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Interlink Theme V40: sharper data-route mesh, avoiding circular sport-line artwork. */
:root {
  --av-tech-network-header: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 104' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='node' cx='.5' cy='.5' r='.5'%3E%3Cstop stop-color='%23effdff'/%3E%3Cstop offset='.45' stop-color='%235ee7ff' stop-opacity='.72'/%3E%3Cstop offset='1' stop-color='%235ee7ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-8 78L42 58L87 66L132 42L181 50L225 30L280 43L332 27L389 37L438 19' stroke='%239ff4ff' stroke-opacity='.34' stroke-width='1'/%3E%3Cpath d='M4 98L59 79L111 83L163 63L214 76L266 55L319 67L377 50L446 58' stroke='%23d9fbff' stroke-opacity='.14' stroke-width='.75'/%3E%3Cpath d='M36 36L88 44L132 26L189 35L244 19L302 33L358 21L442 36' stroke='%237adeff' stroke-opacity='.22' stroke-width='.85'/%3E%3Cpath d='M87 66L88 44M132 42L132 26M181 50L189 35M225 30L244 19M280 43L302 33M332 27L358 21' stroke='%238beaff' stroke-opacity='.16' stroke-width='.65'/%3E%3Cpath d='M-18 22L58 34L118 24L186 28L236 12L296 18L352 10L448 26' stroke='%23ffffff' stroke-opacity='.08' stroke-width='.55'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Ccircle cx='87' cy='66' r='4.8' fill='url(%23node)'/%3E%3Ccircle cx='87' cy='66' r='1.15' fill='%23c9f8ff'/%3E%3Ccircle cx='181' cy='50' r='5.8' fill='url(%23node)' opacity='.78'/%3E%3Ccircle cx='181' cy='50' r='1.35' fill='%23d9fbff'/%3E%3Ccircle cx='280' cy='43' r='5.3' fill='url(%23node)' opacity='.68'/%3E%3Ccircle cx='280' cy='43' r='1.2' fill='%23c9f8ff'/%3E%3Ccircle cx='377' cy='50' r='4.4' fill='url(%23node)' opacity='.48'/%3E%3Ccircle cx='377' cy='50' r='1.05' fill='%23a8f1ff'/%3E%3C/g%3E%3C/svg%3E");
  --av-tech-network-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 220' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='node' cx='.5' cy='.5' r='.5'%3E%3Cstop stop-color='%23effdff'/%3E%3Cstop offset='.48' stop-color='%235fe1ff' stop-opacity='.65'/%3E%3Cstop offset='1' stop-color='%235fe1ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg opacity='.08' fill='none' stroke='%23b5f4ff' stroke-width='.55'%3E%3Cpath d='M42 22H396M42 65H396M42 108H396M42 151H396M42 194H396'/%3E%3Cpath d='M62 6V214M129 6V214M196 6V214M263 6V214M330 6V214M397 6V214'/%3E%3C/g%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-12 170L52 132L103 151L162 102L214 116L282 72L340 91L444 45' stroke='%239ff4ff' stroke-opacity='.34' stroke-width='1'/%3E%3Cpath d='M-24 112L46 92L96 106L153 68L209 84L267 46L322 58L452 28' stroke='%237bdfff' stroke-opacity='.21' stroke-width='.85'/%3E%3Cpath d='M18 211L82 178L144 186L207 145L264 160L331 121L442 134' stroke='%23ffffff' stroke-opacity='.13' stroke-width='.72'/%3E%3Cpath d='M103 151L96 106M162 102L153 68M214 116L209 84M282 72L267 46M340 91L322 58' stroke='%2388eaff' stroke-opacity='.17' stroke-width='.65'/%3E%3Cpath d='M22 44L88 54L142 33L207 42L265 20L330 36L438 18' stroke='%23ffffff' stroke-opacity='.09' stroke-width='.6'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Ccircle cx='103' cy='151' r='6' fill='url(%23node)'/%3E%3Ccircle cx='103' cy='151' r='1.4' fill='%23d9fbff'/%3E%3Ccircle cx='162' cy='102' r='6.6' fill='url(%23node)' opacity='.82'/%3E%3Ccircle cx='162' cy='102' r='1.55' fill='%23d9fbff'/%3E%3Ccircle cx='214' cy='116' r='5.8' fill='url(%23node)' opacity='.7'/%3E%3Ccircle cx='214' cy='116' r='1.35' fill='%23c9f8ff'/%3E%3Ccircle cx='282' cy='72' r='6.2' fill='url(%23node)' opacity='.72'/%3E%3Ccircle cx='282' cy='72' r='1.45' fill='%23c9f8ff'/%3E%3Ccircle cx='340' cy='91' r='5.4' fill='url(%23node)' opacity='.56'/%3E%3Ccircle cx='340' cy='91' r='1.25' fill='%23a8f1ff'/%3E%3C/g%3E%3C/svg%3E");
}

html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) {
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    radial-gradient(ellipse at 88% 10%, rgba(72, 156, 255, 0.3), transparent 28%),
    radial-gradient(ellipse at 38% 100%, rgba(63, 218, 255, 0.12), transparent 34%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
}

.candidate-approved-hero-card,
.candidate-approved-hero-card.is-compact,
.candidate-approved-hero-card.is-passport,
.candidate-payments-page .payments-os-hero,
.content.worker-finance-page.worker-fintech-page .tax-overview-hero,
.worker-finance-page:has(.tax-command-page-header) .tax-position-hero,
.worker-finance-page:has(.financial-command-hero.tools) .financial-command-hero.tools {
  background:
    linear-gradient(128deg, rgba(255, 255, 255, 0.09), transparent 23%),
    radial-gradient(ellipse at 92% 8%, rgba(42, 139, 255, 0.24), transparent 30%),
    radial-gradient(ellipse at 54% 100%, rgba(69, 221, 255, 0.1), transparent 38%),
    linear-gradient(135deg, #031126 0%, #082756 48%, #0d4ab4 78%, #052047 100%) !important;
}

/* Interlink Theme V41: reset legacy ring pseudo boxes so no circular seams remain. */
html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home)::before,
html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::before,
html body .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"]::before,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header::before,
html body .app-shell:has(.worker-finance-page .tax-command-page-header) > .main > .app-header::before {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
  background-image: var(--av-tech-network-header) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  opacity: 0.94 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home)::after,
html body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home)::after,
html body .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"]::after,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header::after,
html body .app-shell:has(.worker-finance-page .tax-command-page-header) > .main > .app-header::after {
  display: none !important;
  content: none !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Interlink Theme V43: force finance headers onto the shared tech mesh, no radial rings. */
html body .app-shell:has(.worker-finance-page) .main .app-header,
html body .app-shell:has(.worker-finance-page) .main .app-header.agency-premium-header {
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    radial-gradient(ellipse at 88% 10%, rgba(72, 156, 255, 0.3), transparent 28%),
    radial-gradient(ellipse at 38% 100%, rgba(63, 218, 255, 0.12), transparent 34%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
  animation: none !important;
}

html body .app-shell:has(.worker-finance-page) .main .app-header::before,
html body .app-shell:has(.worker-finance-page) .main .app-header.agency-premium-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
  opacity: 0.94 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html body .app-shell:has(.worker-finance-page) .main .app-header::after,
html body .app-shell:has(.worker-finance-page) .main .app-header.agency-premium-header::after {
  display: none !important;
  content: none !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Interlink Theme V44: final top-level header clamp for all shared non-home pages. */
html body .app-shell.app-shell > .main.main > .app-header.app-header.agency-premium-header.agency-premium-header:not(.app-header--candidate-home),
html body .app-shell.app-shell:has(.payments-workspace-shell) .main.main .app-header.app-header.agency-premium-header.agency-premium-header,
html body .app-shell.app-shell:has(.worker-finance-page) .main.main .app-header.app-header.agency-premium-header.agency-premium-header {
  background:
    linear-gradient(122deg, rgba(255, 255, 255, 0.1) 0%, transparent 22%),
    radial-gradient(ellipse at 88% 10%, rgba(72, 156, 255, 0.3), transparent 28%),
    radial-gradient(ellipse at 38% 100%, rgba(63, 218, 255, 0.12), transparent 34%),
    linear-gradient(126deg, #021126 0%, #08285f 44%, #0c4bb6 78%, #176cff 100%) !important;
  animation: none !important;
}

html body .app-shell.app-shell > .main.main > .app-header.app-header.agency-premium-header.agency-premium-header:not(.app-header--candidate-home)::before,
html body .app-shell.app-shell:has(.payments-workspace-shell) .main.main .app-header.app-header.agency-premium-header.agency-premium-header::before,
html body .app-shell.app-shell:has(.worker-finance-page) .main.main .app-header.app-header.agency-premium-header.agency-premium-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent var(--av-tech-network-header) center / 100% 100% no-repeat !important;
  opacity: 0.94 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

html body .app-shell.app-shell > .main.main > .app-header.app-header.agency-premium-header.agency-premium-header:not(.app-header--candidate-home)::after,
html body .app-shell.app-shell:has(.payments-workspace-shell) .main.main .app-header.app-header.agency-premium-header.agency-premium-header::after,
html body .app-shell.app-shell:has(.worker-finance-page) .main.main .app-header.app-header.agency-premium-header.agency-premium-header::after {
  display: none !important;
  content: none !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Interlink Theme V47: circuit-trace header art, no sweeping arcs. */
:root {
  --av-tech-network-header: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 104' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='node' cx='.5' cy='.5' r='.5'%3E%3Cstop stop-color='%23f2fdff'/%3E%3Cstop offset='.42' stop-color='%2369e7ff' stop-opacity='.74'/%3E%3Cstop offset='1' stop-color='%2369e7ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-12 66H58V54H124V40H197V51H266V35H338V45H444' stroke='%239ff4ff' stroke-opacity='.34' stroke-width='1'/%3E%3Cpath d='M4 88H92V78H168V67H244V74H322V59H446' stroke='%23d9fbff' stroke-opacity='.14' stroke-width='.75'/%3E%3Cpath d='M28 29H105V22H184V31H258V20H332V28H444' stroke='%237adeff' stroke-opacity='.22' stroke-width='.85'/%3E%3Cpath d='M58 66V54M124 54V40M197 40V51M266 51V35M338 35V45M92 88V78M168 78V67M244 67V74M322 74V59' stroke='%238beaff' stroke-opacity='.16' stroke-width='.65'/%3E%3Cpath d='M-16 15H74V10H152V17H226V9H306V16H448' stroke='%23ffffff' stroke-opacity='.08' stroke-width='.55'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Ccircle cx='58' cy='54' r='4.6' fill='url(%23node)'/%3E%3Ccircle cx='58' cy='54' r='1.1' fill='%23c9f8ff'/%3E%3Ccircle cx='197' cy='51' r='5.6' fill='url(%23node)' opacity='.78'/%3E%3Ccircle cx='197' cy='51' r='1.3' fill='%23d9fbff'/%3E%3Ccircle cx='266' cy='35' r='5' fill='url(%23node)' opacity='.68'/%3E%3Ccircle cx='266' cy='35' r='1.15' fill='%23c9f8ff'/%3E%3Ccircle cx='338' cy='45' r='4.2' fill='url(%23node)' opacity='.5'/%3E%3Ccircle cx='338' cy='45' r='1' fill='%23a8f1ff'/%3E%3C/g%3E%3C/svg%3E");
}

/* Preview Top Fill V48: let luxury headers run behind the device notch. */
html.preview-shell-top-inset body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.preview-shell-top-inset body .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"],
html.preview-shell-top-inset body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header,
html.preview-shell-top-inset body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header {
  min-height: calc(104px + var(--preview-shell-top-inset, 0px)) !important;
  padding-top: calc(var(--preview-shell-top-inset, 0px) + 6px) !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  min-height: calc(142px + var(--preview-shell-top-inset, 0px)) !important;
  padding-top: calc(var(--preview-shell-top-inset, 0px) + 10px) !important;
}

/* Preview Status Balance V49: leave room for real phone status indicators. */
html.preview-shell-top-inset body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.preview-shell-top-inset body .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"],
html.preview-shell-top-inset body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header,
html.preview-shell-top-inset body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header {
  min-height: calc(112px + var(--preview-shell-top-inset, 0px)) !important;
  padding-top: calc(var(--preview-shell-top-inset, 0px) + 14px) !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  min-height: 154px !important;
  padding-top: 18px !important;
  padding-bottom: 10px !important;
  gap: 4px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-row {
  min-height: 54px !important;
  align-items: start !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-lockup {
  height: 28px !important;
  margin-top: 8px !important;
  align-items: center !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-wordmark {
  width: 118px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-row .header-icon-group {
  margin-top: 22px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row.app-header-row {
  min-height: 50px !important;
  grid-template-rows: minmax(48px, auto) !important;
  gap: 10px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-avatar,
html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-avatar-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-welcome-row .app-greeting h1 {
  font-size: 21px !important;
  line-height: 25px !important;
}

/* Preview Status Balance V50: keep header actions below real device status UI. */
html.preview-shell-top-inset body .app-shell > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home),
html.preview-shell-top-inset body .app-shell:has(.royal-satin-jobs) > .main > .app-header.candidate-header[data-active-page="workerOffers"],
html.preview-shell-top-inset body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header,
html.preview-shell-top-inset body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header {
  min-height: calc(128px + var(--preview-shell-top-inset, 0px)) !important;
  padding-top: calc(var(--preview-shell-top-inset, 0px) + 28px) !important;
}

html.preview-shell-top-inset body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-header-row {
  min-height: 104px !important;
  height: 104px !important;
  grid-template-rows: 50px 42px !important;
  gap: 12px 0 !important;
}

html.preview-shell-top-inset body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .app-avatar-button,
html.preview-shell-top-inset body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-group {
  margin-top: 8px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] {
  min-height: 162px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-lockup {
  margin-top: 5px !important;
}

html.preview-shell-top-inset body .app-shell:has(.worker-home-page) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header.app-header--candidate-home[data-header-variant="candidate-primary"] .candidate-home-brand-row .header-icon-group {
  margin-top: 8px !important;
}

/* Header Action Finish V51: remove active-looking icon highlights. */
html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header .header-icon-button,
html body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header .header-icon-button {
  border: 1px solid rgba(217, 238, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(3, 18, 45, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -1px 0 rgba(57, 166, 255, 0.08) !important;
  color: rgba(248, 252, 255, 0.96) !important;
  backdrop-filter: blur(8px) !important;
}

html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button::before,
html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button::after,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button::before,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button::after,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button::before,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button.active,
html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button:hover,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button.active,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button:hover {
  background: rgba(6, 25, 58, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(57, 166, 255, 0.10) !important;
  transform: none !important;
}

/* Header Action Finish V52: idle actions should read as icons, not selected chips. */
html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header .header-icon-button,
html body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header .header-icon-button {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: rgba(248, 252, 255, 0.96) !important;
}

html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button svg,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button svg,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button svg,
html body .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page) > .main > .app-header.agency-premium-header .header-icon-button svg,
html body .app-shell:has(.worker-finance-page) > .main > .app-header.agency-premium-header .header-icon-button svg {
  filter: drop-shadow(0 1px 2px rgba(0, 8, 26, 0.34)) !important;
}

html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button:hover,
html body .app-shell > .main > .app-header.agency-premium-header:is(.candidate-header, .agency-header) .header-icon-button:active,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button:hover,
html body .app-shell:has(.worker-home-page) .candidate-home-brand-row .header-icon-button:active,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button:hover,
html body .app-header.app-header--candidate-primary[data-header-variant="candidate-primary"] .header-icon-button:active {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(221, 241, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  transform: none !important;
}

/* Header Action Finish V53: beat the legacy premium halo selectors exactly. */
html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button,
html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button,
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button,
html.av-density-compact-phone body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button,
html.native-android body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button::before,
html body .app-shell > .main > .app-header.agencyhub-premium-header.agency-premium-header:is(.candidate-header, .agency-header):not(.app-header--candidate-home) .header-icon-button::after,
html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button::before,
html body .app-shell:has(.candidate-profile-approved-shell) > .main > .app-header.app-header--candidate-primary.agency-premium-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button::after,
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button::before,
html body :is(
  .app-shell,
  .app-shell:has(.royal-satin-jobs),
  .app-shell:has(.worker-bookings-redesign),
  .app-shell:has(.content.payments-workspace-shell.worker-finance-page.worker-fintech-page),
  .app-shell:has(.profile-page-content),
  .app-shell:has(.candidate-profile-approved-shell)
) > .main > .app-header.app-header.app-header--candidate-primary.agency-premium-header.agency-premium-header.candidate-header.candidate-header[data-header-variant="candidate-primary"]:not(.app-header--candidate-home) .header-icon-button::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


/* Settings Header De-dupe V72: shared heading owns title and actions. */
html body .agency-settings-shell > .main > .app-header.agency-premium-header {
  display: grid !important;
}

html body .agency-settings-shell > .main > .agency-settings-page {
  padding-top: 10px !important;
}