:root {
  --navy: #0b1c35;
  --navy2: #102a4e;
  --gold: #c89b3c;
  --bg: #f3f6fa;
  --text: #14213a;
  --muted: #718096;
  --line: #e5eaf1;
  --green: #18a874;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--bg);
}
body {
  margin: 0;
  padding-top: env(safe-area-inset-top);
  background: var(--bg);
  color: var(--text);
  font-family: Arial, "Tahoma", sans-serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto;
  height: env(safe-area-inset-top);
  background: #082844;
  z-index: 9999;
  pointer-events: none;
}
button,
input,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
main {
  min-height: 100vh;
  display: flex;
}
.sidebar {
  position: fixed;
  inset: env(safe-area-inset-top) 0 0 auto;
  width: 250px;
  background: linear-gradient(170deg, #08172c 0%, #0c2342 58%, #102d51 100%);
  padding: 27px 18px;
  color: white;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0 8px 29px;
  border-bottom: 1px solid #ffffff14;
}
.brandMark {
  width: 45px;
  height: 45px;
  border: 1px solid #d9af59;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #e1bb69;
  font-weight: 800;
  letter-spacing: -1px;
  background: #ffffff08;
}
.brand strong,
.brand span {
  display: block;
}
.brand strong {
  font-size: 19px;
}
.brand span {
  font-size: 11px;
  color: #a7b4c8;
  margin-top: 4px;
}
nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 26px;
}
nav button {
  border: 0;
  background: transparent;
  color: #b7c3d3;
  text-align: right;
  padding: 13px 15px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  gap: 12px;
  align-items: center;
}
nav button i {
  font-style: normal;
  font-size: 18px;
  width: 20px;
  text-align: center;
}
nav button.active,
nav button:hover {
  background: linear-gradient(90deg, #d1a24b24, #d1a24b12);
  color: #fff;
  border-right: 3px solid #d1a24b;
}
.sidebarNote {
  margin-top: auto;
  border: 1px solid #ffffff14;
  background: #ffffff08;
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sidebarNote b {
  font-size: 12px;
  color: #b9c6d6;
}
.sidebarNote span {
  font-size: 16px;
  font-weight: 700;
}
.sidebarNote small {
  font-size: 10px;
  color: #90a1b8;
}
.miniProgress,
.thinProgress {
  height: 4px;
  background: #ffffff14;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 6px;
}
.miniProgress em {
  display: block;
  width: 76%;
  height: 100%;
  background: var(--gold);
}
.sideFooter {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 19px 6px 0;
  margin-top: 18px;
  border-top: 1px solid #ffffff12;
}
.sideFooter b,
.sideFooter small {
  display: block;
}
.sideFooter b {
  font-size: 11px;
}
.sideFooter small {
  font-size: 9px;
  color: #8fa0b6;
  margin-top: 4px;
}
.avatar {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(145deg, #d8ab51, #9b7127);
  display: inline-grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  flex: none;
}
.avatar.small {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  margin-left: 9px;
  font-size: 11px;
}
.brandLogo {
  width: 72px;
  height: 53px;
  object-fit: contain;
  background: #fff;
  border-radius: 11px;
  padding: 3px;
  flex: none;
}
.loginLogo {
  width: 120px;
  height: 88px;
  border: 1px solid var(--line);
  padding: 6px;
}
.logout {
  margin-top: 12px;
  border: 1px solid #ffffff18;
  background: #ffffff08;
  color: #9fb0c5;
  border-radius: 9px;
  padding: 9px;
  font-size: 9px;
}
.workspace {
  margin-right: 250px;
  width: calc(100% - 250px);
  padding: 25px 34px 50px;
  max-width: 1600px;
}
header {
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
header p {
  font-size: 10px;
  color: var(--muted);
  margin: 0 0 7px;
}
header h1 {
  font-size: 24px;
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.5px;
}
.headerActions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.iconBtn {
  width: 41px;
  height: 41px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid var(--line);
  color: #607086;
}
.primary {
  border: 0;
  background: linear-gradient(135deg, #c99c43, #a97925);
  color: white;
  border-radius: 11px;
  padding: 12px 19px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 8px 20px #b1843033;
}
.primary.full {
  width: 100%;
  padding: 14px;
  margin-top: 16px;
}
.hero {
  background: linear-gradient(110deg, #0a1c35 0%, #12355d 72%, #17426f 100%);
  border-radius: 22px;
  padding: 28px 36px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #0c244429;
}
.hero:before,
.hero:after {
  content: "";
  position: absolute;
  border: 1px solid #ffffff0d;
  border-radius: 50%;
  width: 320px;
  height: 320px;
  left: -65px;
  top: -180px;
}
.hero:after {
  width: 190px;
  height: 190px;
  left: 110px;
  top: 80px;
}
.eyebrow {
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.6px;
}
.hero h2 {
  font-size: 24px;
  margin: 9px 0;
}
.hero p {
  color: #c7d2e1;
  font-size: 12px;
  line-height: 1.9;
  max-width: 600px;
  margin: 0;
}
.heroScore {
  display: flex;
  align-items: center;
  gap: 14px;
  position: relative;
  z-index: 1;
}
.heroScore > span {
  font-size: 11px;
  color: #b9c8da;
}
.scoreRing {
  --score: 86;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  background:
    radial-gradient(circle closest-side, #102d50 83%, transparent 84% 100%),
    conic-gradient(#d2a74e calc(var(--score) * 1%), #ffffff19 0);
}
.scoreRing strong {
  font-size: 27px;
}
.scoreRing small {
  font-size: 9px;
  color: #b8c7d9;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 17px 0;
}
.stats article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 17px;
  display: flex;
  gap: 13px;
  align-items: center;
  box-shadow: 0 7px 16px #17355a08;
}
.statIcon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 18px;
}
.statIcon.blue {
  background: #e9f1ff;
  color: #3272d8;
}
.statIcon.gold {
  background: #fff5de;
  color: #bd8622;
}
.statIcon.green {
  background: #e6f8f1;
  color: #15986d;
}
.statIcon.red {
  background: #fff0ed;
  color: #c84f43;
}
.statIcon.purple {
  background: #f2ebff;
  color: #7f57c7;
}
.stats small,
.stats strong,
.stats em {
  display: block;
}
.stats small {
  font-size: 9px;
  color: var(--muted);
}
.stats strong {
  font-size: 18px;
  margin: 4px 0 3px;
}
.stats em {
  font-size: 8px;
  color: #4f9d7a;
  font-style: normal;
}
.dashboardGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 21px;
  box-shadow: 0 7px 18px #17355a08;
}
.panelHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.panelHead h3,
.teamToolbar h3 {
  margin: 5px 0 0;
  font-size: 16px;
}
.panelHead button {
  border: 0;
  background: none;
  color: #967024;
  font-size: 10px;
}
.rankRow {
  display: flex;
  align-items: center;
  border-top: 1px solid #edf0f4;
  padding: 11px 0;
  gap: 9px;
}
.rankRow:first-of-type {
  border-top: 0;
}
.rank {
  font-size: 10px;
  color: #9aa5b3;
  width: 17px;
}
.rank.n1 {
  color: #c39331;
}
.person {
  flex: 1;
}
.person strong,
.person small {
  display: block;
}
.person strong {
  font-size: 11px;
}
.person small {
  font-size: 8px;
  color: var(--muted);
  margin-top: 4px;
}
.pill {
  border-radius: 20px;
  padding: 5px 9px;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.pill.excellent {
  background: #def7ed;
  color: #11805d;
}
.pill.good {
  background: #e6f0ff;
  color: #2b66bd;
}
.pill.watch {
  background: #fff1d7;
  color: #ae7411;
}
.pill.risk {
  background: #ffe4e5;
  color: #bd3940;
}
.rankRow em,
.up,
.down {
  font-style: normal;
  font-size: 9px;
  font-weight: 700;
}
.up {
  color: #18a874;
}
.down {
  color: #d24c54;
}
.legend {
  font-size: 8px;
  color: #4d79b1;
}
.bars {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin: 20px 0;
}
.barItem > span {
  display: block;
  font-size: 9px;
  color: #66768b;
  margin-bottom: 6px;
}
.barItem > div {
  height: 8px;
  background: #edf1f6;
  border-radius: 8px;
  position: relative;
  margin-left: 38px;
}
.barItem i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #c4963e, #ddb85f);
  border-radius: 8px;
}
.barItem b {
  position: absolute;
  left: -38px;
  top: -4px;
  font-size: 9px;
}
.insight {
  display: flex;
  gap: 9px;
  background: #f1f6fb;
  border: 1px solid #e1eaf4;
  border-radius: 11px;
  padding: 11px;
  color: #536477;
}
.insight span {
  color: #bd8b2e;
}
.insight p {
  font-size: 9px;
  line-height: 1.7;
  margin: 0;
}
.insight b {
  color: #18365a;
}
.supervisors {
  margin-top: 16px;
}
.live {
  font-size: 8px;
  color: #698095;
}
.live i {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #1bb17b;
  border-radius: 50%;
  margin-left: 5px;
}
.supervisorGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.supervisorCard {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(180deg, #fff, #fbfcfe);
}
.superTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.supervisorCard > strong,
.supervisorCard > small {
  display: block;
}
.supervisorCard > strong {
  font-size: 12px;
}
.supervisorCard > small {
  font-size: 8px;
  color: var(--muted);
  height: 23px;
  margin-top: 4px;
}
.superBottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #edf0f4;
  padding-top: 9px;
  margin-top: 10px;
}
.superBottom span {
  font-size: 8px;
  color: #8793a3;
}
.superBottom b {
  color: #263b56;
}
.supervisorCard .thinProgress {
  background: #edf0f4;
}
.supervisorCard .thinProgress i {
  height: 100%;
  display: block;
  background: var(--gold);
}
.teamPanel {
  padding: 25px;
}
.teamToolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 22px;
}
.teamToolbar p {
  font-size: 10px;
  color: var(--muted);
  margin: 7px 0 0;
}
.filters {
  display: flex;
  gap: 8px;
}
.filters input,
.filters select,
.formPanel select {
  border: 1px solid var(--line);
  background: #f9fbfd;
  border-radius: 10px;
  padding: 11px 13px;
  color: #3e5067;
  font-size: 10px;
  outline: none;
}
.filters input {
  width: 220px;
}
.tableWrap {
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 10px;
}
th {
  text-align: right;
  color: #8491a2;
  background: #f7f9fc;
  padding: 12px;
}
td {
  padding: 12px;
  border-bottom: 1px solid #edf0f4;
  color: #56667a;
}
td:first-child {
  color: #1e3048;
}
.tableScore {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tableScore > i {
  width: 80px;
  height: 5px;
  background: #edf0f4;
  border-radius: 5px;
  overflow: hidden;
}
.tableScore em {
  display: block;
  height: 100%;
  background: var(--gold);
}
.evaluationGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.7fr);
  gap: 18px;
}
.formPanel {
  padding: 26px;
}
.step {
  font-size: 10px;
  color: #8c99aa;
}
.formPanel > label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
}
.formPanel select {
  padding: 13px;
}
.weightNote {
  background: #f1f6fb;
  border-right: 3px solid var(--gold);
  padding: 10px 13px;
  margin: 15px 0;
  font-size: 9px;
  color: #62758d;
}
.sliders {
  display: flex;
  flex-direction: column;
}
.sliderRow {
  padding: 13px 0;
  border-bottom: 1px solid #edf0f4;
}
.sliderRow > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sliderRow span {
  font-size: 10px;
  font-weight: 700;
}
.sliderRow small {
  font-size: 8px;
  color: #9a7b3d;
}
.sliderRow input {
  width: calc(100% - 48px);
  accent-color: #be8e35;
}
.sliderRow b {
  background: #f4f6f9;
  border-radius: 8px;
  padding: 6px 9px;
  width: 38px;
  text-align: center;
  font-size: 10px;
}
.resultCard {
  background: linear-gradient(165deg, #0a1b33, #12365e);
  border-radius: 20px;
  padding: 28px;
  color: #fff;
  text-align: center;
  box-shadow: 0 16px 35px #0b244329;
}
.resultCard h3 {
  font-size: 20px;
  margin: 9px 0 4px;
}
.resultCard > p {
  font-size: 9px;
  color: #aebed0;
  margin: 0;
}
.bigResult {
  width: 135px;
  height: 135px;
  margin: 25px auto 12px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  border: 8px solid #ffffff12;
  outline: 3px solid #d0a24d;
}
.bigResult strong {
  font-size: 46px;
}
.bigResult small {
  font-size: 9px;
  color: #b5c5d6;
}
.autoInsight {
  display: flex;
  text-align: right;
  gap: 10px;
  background: #ffffff0b;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  padding: 12px;
  margin: 20px 0;
}
.autoInsight span {
  color: #e1b75f;
}
.autoInsight p,
.autoInsight b {
  display: block;
  margin: 0;
  font-size: 9px;
  line-height: 1.7;
}
.autoInsight b {
  color: #e2bd70;
  margin-bottom: 3px;
}
.weights {
  border-top: 1px solid #ffffff14;
  padding-top: 14px;
  text-align: right;
}
.weights > b {
  display: block;
  font-size: 10px;
  margin-bottom: 9px;
}
.weights span {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 8px;
  color: #aebed0;
}
.weights i,
.weights em {
  font-style: normal;
}
.loginPage {
  min-height: 100vh;
  background: #07182e;
  display: grid;
  grid-template-columns: minmax(380px, 42%) 1fr;
}
.loginCard {
  background: #fff;
  padding: 55px clamp(35px, 7vw, 110px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.loginBrand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 55px;
}
.loginBrand .brandMark {
  background: var(--navy);
}
.loginBrand strong,
.loginBrand span {
  display: block;
}
.loginBrand strong {
  font-size: 19px;
}
.loginBrand span {
  font-size: 10px;
  color: var(--muted);
  margin-top: 4px;
}
.loginCard h1 {
  font-size: 30px;
  margin: 10px 0;
}
.loginCard > p {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin: 0 0 25px;
}
.loginCard label {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 14px;
}
.loginCard input {
  display: block;
  width: 100%;
  border: 1px solid var(--line);
  background: #f8fafc;
  border-radius: 11px;
  padding: 13px;
  margin-top: 7px;
  outline: none;
}
.loginCard input:focus {
  border-color: var(--gold);
}
.loginCard > small {
  text-align: center;
  color: #9aa6b4;
  margin-top: 20px;
  font-size: 8px;
}
.loginError {
  background: #fff0f0;
  color: #b93e46;
  border-radius: 9px;
  padding: 10px;
  font-size: 9px;
}
.loginVisual {
  background:
    radial-gradient(circle at 80% 15%, #c69b3a25, transparent 25%),
    linear-gradient(135deg, #07172c, #12375f);
  color: #fff;
  padding: 8vw;
  display: flex;
  align-items: center;
}
.loginVisual span {
  color: #dab35e;
  font-size: 11px;
}
.loginVisual h2 {
  font-size: 46px;
  line-height: 1.45;
  margin: 17px 0;
}
.loginVisual p {
  font-size: 12px;
  line-height: 2;
  color: #b8c7d9;
  max-width: 500px;
}
.companyGateway {
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(18px, 4vw, 46px);
  display: grid;
  place-items: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 8%, #d9ab4542, transparent 25%),
    radial-gradient(circle at 92% 92%, #1d6ca64a, transparent 29%),
    linear-gradient(145deg, #06162b 0%, #0a2748 55%, #0d355c 100%);
}
.companyGateway::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .18;
  background-image:
    linear-gradient(#ffffff14 1px, transparent 1px),
    linear-gradient(90deg, #ffffff14 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at center, #000, transparent 75%);
}
.companyGateway::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at center, transparent 20%, #03112155 100%);
  pointer-events: none;
}
.gatewayGlow {
  position: absolute;
  z-index: -1;
  width: 34vw;
  min-width: 280px;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(18px);
  opacity: .38;
  pointer-events: none;
  animation: gatewayFloat 9s ease-in-out infinite alternate;
}
.gatewayGlowOne {
  top: -18%;
  right: -11%;
  background: radial-gradient(circle, #d5a74166, transparent 68%);
}
.gatewayGlowTwo {
  bottom: -24%;
  left: -8%;
  background: radial-gradient(circle, #237bbb70, transparent 68%);
  animation-delay: -4s;
}
.gatewayShell {
  width: min(920px, 100%);
  padding: clamp(26px, 4.4vw, 48px);
  color: #102a47;
  background: linear-gradient(145deg, #fffffffa, #f6f9fceF);
  border: 1px solid #ffffff8c;
  border-radius: clamp(25px, 3vw, 38px);
  box-shadow: 0 38px 100px #020b183d, inset 0 1px 0 #fff;
  position: relative;
  overflow: hidden;
  animation: gatewayReveal .72s cubic-bezier(.2,.8,.2,1) both;
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
}
.companyGateway.isLeaving .gatewayShell {
  opacity: 0;
  transform: scale(.975) translateY(-8px);
  filter: blur(5px);
}
.gatewayShell::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #194f91, #d7aa44 48%, #ffcc3e);
}
.gatewayCompactHeader {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 30px;
}
.gatewayMonogram {
  width: 72px;
  height: 48px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #123d69;
  border: 1px solid #dce5ef;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 25px #193f6914;
  animation: gatewayMark 3.8s ease-in-out infinite;
}
.gatewayMonogram b { font-size: 14px; letter-spacing: -.4px; }
.gatewayMonogram b:last-child { color: #d3a530; }
.gatewayMonogram i {
  font-style: normal;
  color: #9badc0;
  font-size: 10px;
}
.gatewayCompactHeader .eyebrow {
  color: #a7791d;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .7px;
}
.gatewayCompactHeader h1 {
  margin: 6px 0 7px;
  color: #0a294a;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.25;
  letter-spacing: -1.2px;
}
.gatewayCompactHeader p {
  margin: 0;
  color: #718297;
  font-size: 11px;
  line-height: 1.8;
}
.companyGatewayChoices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
.companyChoiceCard {
  min-height: 218px;
  border: 1px solid #dfe6ef;
  border-radius: 23px;
  background: linear-gradient(135deg, #fff, #f8fafc);
  padding: 21px 18px;
  text-align: right;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  grid-template-rows: auto 1fr auto;
  gap: 12px;
  align-items: start;
  color: #10233e;
  box-shadow: 0 16px 36px #183b650d;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  opacity: 0;
  animation: gatewayCardIn .58s cubic-bezier(.2,.75,.2,1) .18s forwards;
  cursor: pointer;
}
.companyChoiceCard::before {
  content: "";
  position: absolute;
  inset: 18px 0 18px auto;
  width: 4px;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(180deg, #0a2b50, #c99d42);
}
.companyChoiceCard::after {
  content: "";
  position: absolute;
  inset: -80% -60%;
  z-index: -1;
  background: linear-gradient(105deg, transparent 43%, #ffffffd0 49%, transparent 55%);
  transform: translateX(55%);
  transition: transform .65s ease;
}
.companyChoiceCard:nth-child(2) { animation-delay: .3s; }
.companyChoiceCard:nth-child(3) { animation-delay: .42s; }
.companyChoiceCard.topTwo::before { background: linear-gradient(180deg, #174c94, #ffcc3e); }
.companyChoiceCard.arqa::before { background: linear-gradient(180deg, #111, #e11d26); }
.companyChoiceCard:hover {
  transform: translateY(-5px) scale(1.008);
  border-color: #bfcedf;
  box-shadow: 0 22px 48px #183b651a;
}
.companyChoiceCard:hover::after { transform: translateX(-55%); }
.companyChoiceCard:focus-visible { outline: 3px solid #2f7cbf55; outline-offset: 3px; }
.companyChoiceStatus {
  position: absolute;
  top: 14px;
  left: 15px;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 7px;
  font-weight: 800;
}
.companyChoiceStatus.available { color: #147555; background: #e6f7f0; }
.companyChoiceStatus.available i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #21b47e; margin-left: 4px; }
.companyChoiceStatus.soon { color: #9a6d10; background: #fff4d7; }
.companyChoiceLogo {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e4eaf1;
  box-shadow: 0 10px 25px #183b6510;
}
.companyChoiceCard > .companyChoiceLogo { grid-column: 1 / -1; }
.companyChoiceCard > .companyChoiceText { grid-column: 1 / -1; }
.companyChoiceCard > .companyChoiceAction { grid-column: 2; }
.companyChoiceLogo img { max-width: 69px; max-height: 59px; width: auto; height: auto; object-fit: contain; }
.companyChoiceLogo.topTwoLogo img { max-width: 67px; max-height: 67px; }
.companyChoiceLogo.arqaLogo img { max-width: 67px; max-height: 67px; border-radius: 12px; }
.companyChoiceText b,
.companyChoiceText small,
.companyChoiceText em { display: block; }
.companyChoiceText small { color: #a47a25; font-size: 8px; font-weight: 900; margin-bottom: 4px; }
.companyChoiceCard.topTwo .companyChoiceText small { color: #235e9e; }
.companyChoiceCard.arqa .companyChoiceText small { color: #c71920; }
.companyChoiceText b { font-size: 16px; line-height: 1.5; }
.companyChoiceText em { color: #77889a; font-size: 8px; font-style: normal; line-height: 1.7; margin-top: 6px; }
.companyChoiceAction {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  align-self: end;
  border-radius: 13px;
  color: #fff;
  background: #0d497c;
  box-shadow: 0 9px 20px #0d497c30;
  transition: transform .24s ease, background .24s ease;
}
.companyChoiceCard.topTwo .companyChoiceAction { background: #1d5d9f; }
.companyChoiceCard.arqa .companyChoiceAction { background: #161616; }
.companyChoiceCard:hover .companyChoiceAction { transform: translateX(-4px); background: #c99d42; }
.companyChoiceAction i { font-style: normal; font-size: 18px; }
.gatewaySecurity {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  color: #8291a2;
  font-size: 8px;
  font-weight: 700;
}
.gatewaySecurity span {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #168260;
  background: #e7f6f0;
  border-radius: 50%;
  font-size: 8px;
}
@keyframes gatewayReveal {
  from { opacity: 0; transform: translateY(20px) scale(.98); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes gatewayCardIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes gatewayFloat {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(22px, -18px, 0) scale(1.08); }
}
@keyframes gatewayMark {
  0%, 100% { transform: translateY(0); box-shadow: 0 12px 25px #193f6914; }
  50% { transform: translateY(-3px); box-shadow: 0 16px 30px #193f6920; }
}
.topTwoComingSoon {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 15% 20%, #ffca3c28, transparent 26%),
    radial-gradient(circle at 85% 80%, #174c9438, transparent 30%),
    linear-gradient(145deg, #07182e, #10345b);
}
.topTwoComingSoon > section {
  width: min(720px, 100%);
  background: #fff;
  border-radius: 30px;
  padding: clamp(28px, 5vw, 58px);
  text-align: center;
  box-shadow: 0 35px 90px #00000035;
  position: relative;
}
.companyBackButton,
.loginCompanyBack {
  border: 0;
  background: transparent;
  color: #547087;
  font-size: 10px;
  font-weight: 800;
}
.companyBackButton { position: absolute; top: 24px; right: 26px; }
.loginCompanyBack { align-self: flex-start; margin-bottom: 22px; padding: 0; }
.topTwoComingLogo {
  width: 184px;
  height: 184px;
  margin: 14px auto 20px;
  display: grid;
  place-items: center;
}
.topTwoComingLogo img { width: 100%; height: 100%; object-fit: contain; }
.topTwoComingBadge {
  display: inline-block;
  color: #8b6314;
  background: #fff2c9;
  border: 1px solid #f3d77c;
  padding: 7px 13px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}
.topTwoComingSoon h1 { font-size: 35px; margin: 14px 0 10px; color: #12345d; }
.topTwoComingSoon p { color: #66798e; font-size: 12px; line-height: 2; max-width: 560px; margin: 0 auto; }
.topTwoComingFeatures { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 23px 0; }
.topTwoComingFeatures span { padding: 9px 12px; border-radius: 10px; background: #f3f6fa; color: #38536e; font-size: 9px; font-weight: 800; }
.topTwoComingSoon small { color: #1c7d5e; font-size: 9px; font-weight: 800; }
.adminNotice {
  background: #fff7e6;
  border: 1px solid #f0d598;
  border-radius: 10px;
  padding: 12px;
  color: #846223;
  font-size: 9px;
  margin-bottom: 10px;
}
.adminGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) 310px;
  gap: 18px;
}
.adminPeople {
  min-width: 0;
}
.primary.compact {
  padding: 9px 13px;
  box-shadow: none;
}
.adminIntro {
  font-size: 9px;
  color: var(--muted);
  margin: -8px 0 15px;
}
.editTable input,
.editTable select,
.appearance input {
  width: 100%;
  border: 1px solid var(--line);
  background: #f9fbfd;
  border-radius: 8px;
  padding: 9px;
  font-size: 10px;
  outline: none;
}
.editTable td {
  padding: 7px;
}
.editTable td:first-child {
  min-width: 150px;
}
.editTable td:nth-child(2) {
  min-width: 120px;
}
.editTable td:nth-child(3) {
  min-width: 140px;
}
.deleteBtn {
  border: 0;
  background: #ffe8e8;
  color: #b63d45;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 8px;
}
.appearance h3 {
  margin: 6px 0 24px;
}
.appearance > label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 18px;
}
.appearance > label > input {
  display: block;
  margin-top: 8px;
}
.colorField {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  background: #f9fbfd;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 7px;
}
.colorField input {
  width: 42px;
  height: 32px;
  padding: 0;
  border: 0;
}
.colorField span {
  font-size: 9px;
  color: var(--muted);
}
.adminTip {
  margin-top: 20px;
  background: #f1f6fb;
  border-radius: 10px;
  padding: 13px;
}
.adminTip b {
  font-size: 10px;
  color: #28486e;
}
.adminTip p {
  font-size: 8px;
  line-height: 1.8;
  color: #687a90;
  margin: 5px 0 0;
}
.reviewCount {
  display: flex;
  align-items: center;
  gap: 9px;
  background: #f5f8fc;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 9px 13px;
}
.reviewCount strong {
  font-size: 18px;
  color: var(--gold);
}
.reviewCount span {
  font-size: 9px;
  color: var(--muted);
}
.emptyReviews {
  text-align: center;
  padding: 65px 20px;
  color: var(--muted);
}
.emptyReviews > span {
  display: grid;
  place-items: center;
  margin: auto;
  width: 55px;
  height: 55px;
  border-radius: 16px;
  background: #f0f4f9;
  color: var(--gold);
  font-size: 22px;
}
.emptyReviews h3 {
  color: var(--text);
  font-size: 15px;
  margin: 15px 0 6px;
}
.emptyReviews p {
  font-size: 9px;
}
.goalInput {
  display: flex;
  align-items: center;
  gap: 6px;
}
.goalInput input {
  width: 82px;
  border: 1px solid var(--line);
  background: #f9fbfd;
  border-radius: 8px;
  padding: 9px;
  text-align: center;
  outline: none;
}
.goalInput input:focus {
  border-color: var(--gold);
}
.saveMini {
  border: 0;
  background: #17385f;
  color: #fff;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 9px;
  font-weight: 700;
}
.goalTable td {
  white-space: nowrap;
}
.evaluationDate {
  margin-top: 13px;
}
.evaluationDate input,
.dateFilters input,
.dateFilters select {
  border: 1px solid var(--line);
  background: #f9fbfd;
  border-radius: 9px;
  padding: 10px;
  color: #3e5067;
  outline: none;
}
.dateFilters {
  display: flex;
  align-items: end;
  gap: 10px;
  background: #f7f9fc;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.dateFilters label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 9px;
  font-weight: 700;
}
.quickDates {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.quickDates button {
  border: 1px solid #d9e1eb;
  background: #fff;
  color: #274666;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 9px;
  font-weight: 700;
}
.quickDates button:hover {
  background: #17385f;
  color: #fff;
}
.periodSummary {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 10px;
  margin-bottom: 16px;
}
.periodSummary > div {
  background: linear-gradient(135deg, #0d2544, #173f69);
  color: #fff;
  border-radius: 12px;
  padding: 13px 16px;
}
.periodSummary small,
.periodSummary strong {
  display: block;
}
.periodSummary small {
  font-size: 8px;
  color: #b7c8da;
}
.periodSummary strong {
  font-size: 16px;
  margin-top: 5px;
}
.detailsBtn {
  border: 1px solid #cfdae7;
  background: #fff;
  color: #21476f;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}
.detailsBtn:hover {
  background: #17385f;
  color: #fff;
}
.detailsRow td {
  background: #f5f8fc;
  padding: 14px;
}
.scoreDetails {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, 1fr);
  gap: 9px;
}
.detailIdentity,
.detailScore,
.finalDetail {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 11px;
  padding: 12px;
}
.detailIdentity {
  display: flex;
  align-items: center;
  gap: 10px;
  grid-row: span 2;
}
.detailIdentity small,
.detailIdentity strong,
.detailIdentity em {
  display: block;
}
.detailIdentity small {
  font-size: 8px;
  color: #8997a8;
}
.detailIdentity strong {
  font-size: 12px;
  margin: 4px 0;
}
.detailIdentity em {
  font-size: 8px;
  color: #687b91;
  font-style: normal;
}
.detailScore span,
.detailScore strong {
  display: block;
}
.detailScore span {
  font-size: 8px;
  color: #738398;
}
.detailScore strong {
  font-size: 15px;
  color: #17385f;
  margin: 5px 0;
}
.detailScore > i {
  display: block;
  height: 4px;
  background: #edf1f5;
  border-radius: 5px;
  overflow: hidden;
}
.detailScore > i > em {
  display: block;
  height: 100%;
  background: var(--gold);
}
.finalDetail {
  background: linear-gradient(135deg, #0c2544, #173f69);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.finalDetail span {
  font-size: 9px;
}
.finalDetail strong {
  font-size: 19px;
}
.finalDetail small {
  font-size: 8px;
  color: #c9d5e2;
}
.reviewActions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.pdfBtn {
  border: 0;
  background: linear-gradient(135deg, #173f69, #0b2849);
  color: #fff;
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.pdfBtn:disabled,
.rowPdfBtn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.rowPdfBtn {
  border: 1px solid #d6e0eb;
  background: #eff5fb;
  color: #21476f;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .stats {
    grid-template-columns: 1fr 1fr;
  }
  .supervisorGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .sidebar {
    position: relative;
    width: 100%;
    height: auto;
    padding: 16px;
  }
  .brand {
    padding-bottom: 14px;
  }
  nav {
    flex-direction: row;
    margin-top: 12px;
    overflow: auto;
  }
  .sidebarNote,
  .sideFooter {
    display: none;
  }
  main {
    display: block;
  }
  .workspace {
    margin: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .hero {
    padding: 22px;
    gap: 18px;
  }
  .hero h2 {
    font-size: 19px;
  }
  .heroScore > span {
    display: none;
  }
  .stats,
  .dashboardGrid,
  .evaluationGrid {
    grid-template-columns: 1fr;
  }
  .supervisorGrid {
    grid-template-columns: 1fr 1fr;
  }
  .teamToolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 15px;
  }
  .filters {
    flex-direction: column;
  }
  .filters input {
    width: 100%;
  }
  header {
    height: 65px;
  }
  .tableWrap {
    margin: 0 -10px;
  }
  .hero p {
    font-size: 10px;
  }
  .scoreRing {
    width: 72px;
    height: 72px;
  }
  .headerActions .iconBtn {
    display: none;
  }
}
@media (max-width: 760px) {
  .companyGateway { padding: 14px; }
  .gatewayShell { padding: 24px 15px 19px; border-radius: 27px; }
  .gatewayCompactHeader { margin-bottom: 21px; }
  .gatewayMonogram { width: 65px; height: 43px; margin-bottom: 12px; border-radius: 15px; }
  .gatewayCompactHeader h1 { font-size: 28px; margin-top: 4px; }
  .gatewayCompactHeader p { font-size: 9px; }
  .companyGatewayChoices { grid-template-columns: 1fr; gap: 11px; }
  .companyChoiceCard {
    min-height: 137px;
    grid-template-columns: 67px minmax(0, 1fr) 34px;
    grid-template-rows: 1fr;
    gap: 12px;
    padding: 17px 14px;
    border-radius: 19px;
  }
  .companyChoiceCard > .companyChoiceLogo,
  .companyChoiceCard > .companyChoiceText,
  .companyChoiceCard > .companyChoiceAction { grid-column: auto; }
  .companyChoiceStatus { top: 9px; left: 10px; font-size: 6px; padding: 4px 7px; }
  .companyChoiceStatus.available i { width: 5px; height: 5px; }
  .companyChoiceLogo { width: 67px; height: 67px; border-radius: 18px; }
  .companyChoiceLogo img { max-width: 57px; max-height: 49px; }
  .companyChoiceLogo.topTwoLogo img { max-width: 55px; max-height: 55px; }
  .companyChoiceText small { font-size: 7px; margin-bottom: 2px; }
  .companyChoiceText b { font-size: 14px; }
  .companyChoiceText em { font-size: 7px; margin-top: 4px; }
  .companyChoiceAction { width: 32px; height: 32px; border-radius: 11px; }
  .companyChoiceAction i { font-size: 16px; }
  .gatewaySecurity { margin-top: 15px; font-size: 7px; }
  .topTwoComingSoon { padding: 15px; }
  .topTwoComingSoon > section { padding: 65px 22px 32px; border-radius: 22px; }
  .topTwoComingLogo { width: 145px; height: 145px; }
  .topTwoComingSoon h1 { font-size: 28px; }
  .companyBackButton { top: 20px; right: 20px; }
  .loginPage {
    display: block;
  }
  .loginVisual {
    display: none;
  }
  .loginCard {
    min-height: 100vh;
    padding: 35px 25px;
  }
  .loginBrand {
    margin-bottom: 35px;
  }
  .logout {
    display: none;
  }
}
@media (max-height: 620px) and (max-width: 760px) {
  .companyGateway { align-items: start; overflow-y: auto; }
  .gatewayShell { margin: auto 0; }
  .gatewayCompactHeader { margin-bottom: 15px; }
  .gatewayMonogram { margin-bottom: 8px; }
  .companyChoiceCard { min-height: 116px; }
  .gatewaySecurity { margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .gatewayShell,
  .companyChoiceCard,
  .gatewayGlow,
  .gatewayMonogram {
    animation: none !important;
    opacity: 1;
  }
  .companyChoiceCard,
  .companyChoiceCard::after,
  .companyChoiceAction,
  .gatewayShell { transition-duration: .01ms !important; }
}
@media (max-width: 900px) {
  .adminGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .dateFilters {
    align-items: stretch;
    flex-direction: column;
  }
  .quickDates {
    margin: 0;
  }
  .dateFilters input,
  .dateFilters select {
    width: 100%;
  }
  .periodSummary,
  .scoreDetails {
    grid-template-columns: 1fr;
  }
  .detailIdentity {
    grid-row: auto;
  }
  .reviewActions {
    align-items: stretch;
    flex-direction: column;
  }
  .pdfBtn {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .stats,
  .supervisorGrid {
    grid-template-columns: 1fr;
  }
  .heroScore {
    display: none;
  }
  .primary {
    padding: 11px;
  }
  .workspace {
    padding: 17px 11px;
  }
  .panel {
    padding: 15px;
  }
}
.appearance textarea {
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 1px solid var(--line);
  background: #f9fbfd;
  border-radius: 8px;
  padding: 9px;
  font: inherit;
  font-size: 10px;
  resize: vertical;
  min-height: 68px;
  line-height: 1.7;
  outline: none;
}
.adminWorkspace {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.usersAdmin {
  min-width: 0;
}
.usersTable td {
  white-space: nowrap;
}
.usersTable td:first-child {
  min-width: 130px;
}
.usersTable td:nth-child(2) {
  min-width: 175px;
}
.usersTable td:nth-child(3) {
  min-width: 145px;
}
.userActions {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.backupDownloadActions {
  display: flex;
  max-width: 360px;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.backupReadyLink {
  color: #0b6f50;
  font-size: 11px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.backupDownloadMessage {
  color: #587187;
  font-size: 10px;
  line-height: 1.55;
}
.backupDownloadMessage.error {
  color: #a43832;
}
.userMessage {
  background: #eef8f3;
  color: #177654;
  border-radius: 9px;
  padding: 10px 13px;
  font-size: 9px;
  margin-bottom: 12px;
}
.goalFilters {
  align-items: center;
}
.goalFilterHint {
  font-size: 9px;
  color: var(--muted);
  margin-right: auto;
}
.periodPicker {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rangeButton {
  border: 1px solid #d7e0ea;
  background: #17385f;
  color: #fff;
  border-radius: 9px;
  padding: 10px 13px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.rangePopover {
  position: absolute;
  top: 92px;
  left: 34px;
  width: min(420px, calc(100vw - 30px));
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  padding: 17px;
  box-shadow: 0 22px 55px #102a4e2e;
  z-index: 50;
}
.rangeHead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.rangeHead b,
.rangeHead small {
  display: block;
}
.rangeHead b {
  font-size: 14px;
}
.rangeHead small {
  font-size: 10px;
  color: var(--muted);
  margin-top: 4px;
}
.rangeHead > button {
  border: 0;
  background: #f1f4f8;
  color: #506278;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 19px;
}
.presetGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.presetGrid button,
.compareBox button {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #354a63;
  border-radius: 9px;
  padding: 10px;
  font-size: 11px;
  font-weight: 700;
}
.presetGrid button:hover,
.compareBox button.active {
  background: #eaf2ff;
  border-color: #a9c8fa;
  color: #2563c7;
}
.compareBox {
  border-top: 1px solid var(--line);
  margin-top: 13px;
  padding-top: 13px;
}
.compareBox > b {
  display: block;
  font-size: 11px;
  margin-bottom: 8px;
}
.compareBox > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}
.periodCell {
  display: block;
  color: var(--muted);
  font-size: 8px;
  margin-top: 4px;
  white-space: nowrap;
}
.weekPicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  font-weight: 700;
}
.weekPicker input,
.numericGrid input {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 9px;
  padding: 9px;
  color: #30445d;
  outline: none;
}
.metricPair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 12px;
}
.metricPair span {
  background: #f4f7fa;
  border-radius: 8px;
  padding: 8px;
  font-size: 10px;
  color: #68798e;
}
.metricPair b {
  display: block;
  color: #17385f;
  font-size: 14px;
  margin-top: 4px;
}
.numericGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 17px 0;
}
.numericGrid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  background: #f7f9fc;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 13px;
}
.numericGrid small {
  color: var(--muted);
  font-weight: 400;
}
.numericGrid input {
  font-size: 16px;
  font-weight: 700;
}
.summaryList {
  margin-top: 25px;
  border-top: 1px solid #ffffff17;
  padding-top: 14px;
  text-align: right;
}
.summaryList span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #ffffff10;
  font-size: 11px;
  color: #b9c8d9;
}
.summaryList b {
  color: #fff;
}
.panelHead p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.7;
}

/* Readability pass: larger Arabic UI type without changing the dashboard layout. */
body {
  font-size: 15px;
}
.brand strong,
.loginBrand strong {
  font-size: 21px;
}
.brand span,
.loginBrand span,
.heroScore > span,
.supervisorCard > strong {
  font-size: 13px;
}
nav button {
  font-size: 15px;
}
.sideFooter b,
.person strong,
.formPanel > label,
.loginCard > p,
.loginVisual span {
  font-size: 13px;
}
.sidebarNote b,
.primary,
.hero p,
.supervisorCard > small,
.teamToolbar p,
.loginVisual p {
  font-size: 14px;
}
header p,
.eyebrow,
.panelHead button,
.rank,
.teamToolbar p,
.filters input,
.filters select,
.formPanel select,
.step,
.sliderRow span,
.weights > b,
.editTable input,
.editTable select,
.appearance input,
.appearance > label {
  font-size: 12px;
}
table {
  font-size: 12px;
}
th,
td {
  line-height: 1.65;
}
small,
.sidebarNote small,
.sideFooter small,
.scoreRing small,
.stats small,
.person small,
.sliderRow small,
.resultCard > p,
.bigResult small,
.autoInsight p,
.autoInsight b,
.weights span,
.loginCard > small,
.detailIdentity small,
.detailIdentity em,
.detailScore span,
.finalDetail small,
.periodSummary small,
.periodCell {
  font-size: 11px;
}
.stats em,
.legend,
.live,
.superBottom span,
.barItem > span,
.barItem b,
.insight p,
.adminIntro,
.adminTip p,
.reviewCount span,
.emptyReviews p,
.dateFilters label,
.detailScore span,
.finalDetail span {
  font-size: 11px;
}
.pill,
.rankRow em,
.up,
.down,
.weightNote,
.adminNotice,
.loginError,
.deleteBtn,
.goalFilterHint,
.userMessage {
  font-size: 11px;
}
.detailsBtn,
.rowPdfBtn,
.saveMini,
.quickDates button,
.pdfBtn {
  font-size: 11px;
}
.appearance textarea {
  font-size: 12px;
}
.logout {
  font-size: 11px;
}
.sessionLoading {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #07172c, #12375f);
  color: #fff;
}
.sessionLoading > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.sessionLoading span {
  color: #dab35e;
  font-size: 24px;
  font-weight: 800;
}
.sessionLoading b {
  font-size: 14px;
  color: #c7d2e1;
}

/* Mobile application layout */
@media (max-width: 760px) {
  html {
    scroll-behavior: smooth;
  }
  body {
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
  }
  main {
    padding-bottom: 76px;
  }
  .sidebar {
    position: relative;
    inset: auto;
    width: 100%;
    padding: 13px 14px 12px;
    border-radius: 0;
    z-index: 20;
  }
  .brand {
    padding: 0 0 11px;
    padding-left: 82px;
    border-bottom: 0;
    min-height: 54px;
  }
  .brandLogo {
    width: 60px;
    height: 45px;
  }
  .brand strong {
    font-size: 18px;
  }
  .brand span {
    font-size: 11px;
  }
  .logout {
    display: block;
    position: absolute;
    left: 14px;
    top: 17px;
    margin: 0;
    padding: 9px 12px;
    color: #fff;
    font-size: 11px;
    z-index: 2;
  }
  nav {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 72px;
    margin: 0;
    padding: 7px 7px max(7px, env(safe-area-inset-bottom));
    background: #0a203b;
    box-shadow: 0 -7px 25px #07172c35;
    display: flex;
    flex-direction: row;
    gap: 4px;
    overflow: visible;
    z-index: 100;
  }
  nav button {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 6px 3px;
    border-radius: 10px;
    border-right: 0 !important;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
  }
  nav button i {
    width: auto;
    font-size: 20px;
    line-height: 1;
  }
  nav button.active {
    background: #ffffff12;
    color: #fff;
    box-shadow: inset 0 2px 0 var(--gold);
  }
  .workspace {
    margin: 0;
    width: 100%;
    padding: 17px 12px 28px;
  }
  header {
    height: auto;
    min-height: 60px;
    margin-bottom: 15px;
    align-items: center;
    gap: 10px;
  }
  header p {
    font-size: 11px;
    margin-bottom: 4px;
  }
  header h1 {
    font-size: 21px;
  }
  .headerActions .primary {
    padding: 10px 12px;
    font-size: 11px;
  }
  .hero {
    padding: 20px;
    border-radius: 17px;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .hero h2 {
    font-size: 21px;
    line-height: 1.45;
  }
  .hero p {
    font-size: 13px;
    line-height: 1.75;
  }
  .heroScore {
    justify-content: space-between;
  }
  .heroScore > span {
    display: block;
    font-size: 12px;
  }
  .scoreRing {
    width: 76px;
    height: 76px;
  }
  .scoreRing strong {
    font-size: 22px;
  }
  .stats {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 12px 0;
  }
  .stats article {
    padding: 13px 11px;
    gap: 9px;
    border-radius: 13px;
  }
  .statIcon {
    width: 38px;
    height: 38px;
  }
  .stats strong {
    font-size: 17px;
  }
  .dashboardGrid,
  .evaluationGrid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .panel,
  .teamPanel,
  .formPanel {
    padding: 16px;
    border-radius: 15px;
  }
  .panelHead {
    align-items: flex-start;
    gap: 8px;
  }
  .panelHead h3,
  .teamToolbar h3 {
    font-size: 17px;
  }
  .supervisorGrid {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .supervisorCard {
    padding: 12px;
  }
  .teamToolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 15px;
  }
  .filters,
  .goalFilters {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .filters input,
  .filters select,
  .formPanel select,
  .evaluationDate input,
  .dateFilters input,
  .dateFilters select {
    width: 100%;
    min-height: 48px;
    font-size: 14px;
    padding: 12px;
  }
  .dateFilters {
    padding: 12px;
    gap: 9px;
  }
  .quickDates {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }
  .quickDates button {
    padding: 11px 5px;
    min-height: 44px;
  }
  .periodSummary {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .periodSummary > div:last-child {
    grid-column: 1/-1;
  }
  .reviewActions {
    gap: 8px;
  }
  .reviewCount,
  .pdfBtn {
    min-height: 48px;
  }
  .pdfBtn {
    font-size: 12px;
  }
  .tableWrap {
    margin: 0;
    overflow: visible;
  }
  .responsiveTable,
  .responsiveTable tbody {
    display: block;
    width: 100%;
  }
  .responsiveTable thead {
    display: none;
  }
  .responsiveTable > tbody > tr:not(.detailsRow) {
    display: block;
    background: #fff;
    border: 1px solid #e1e8f0;
    border-radius: 14px;
    padding: 8px 13px;
    margin-bottom: 11px;
    box-shadow: 0 6px 15px #17355a0b;
  }
  .responsiveTable > tbody > tr:not(.detailsRow) > td {
    display: grid;
    grid-template-columns: minmax(105px, 40%) 1fr;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 0;
    border-bottom: 1px solid #edf1f5;
    text-align: left;
    color: #263b56;
  }
  .responsiveTable > tbody > tr:not(.detailsRow) > td:last-child {
    border-bottom: 0;
  }
  .responsiveTable > tbody > tr:not(.detailsRow) > td:before {
    content: attr(data-label);
    font-weight: 700;
    color: #758499;
    text-align: right;
    font-size: 11px;
  }
  .responsiveTable .tableScore,
  .responsiveTable .goalInput {
    justify-content: flex-end;
  }
  .responsiveTable .tableScore > i {
    flex: 1;
    max-width: 95px;
  }
  .responsiveTable .avatar.small {
    margin-left: 7px;
  }
  .responsiveTable .pill,
  .responsiveTable button {
    justify-self: end;
  }
  .detailsRow {
    display: block;
    margin: -6px 0 12px;
  }
  .detailsRow td {
    display: block !important;
    padding: 10px !important;
    border-radius: 12px;
  }
  .detailsRow td:before {
    display: none;
  }
  .scoreDetails {
    grid-template-columns: 1fr 1fr;
  }
  .detailIdentity,
  .finalDetail {
    grid-column: 1/-1;
  }
  .sliderRow {
    padding: 15px 0;
  }
  .sliderRow span {
    font-size: 14px;
  }
  .sliderRow b {
    font-size: 13px;
    width: 44px;
    padding: 8px;
  }
  .sliderRow input[type="range"] {
    height: 34px;
    touch-action: pan-y;
  }
  .primary.full {
    min-height: 50px;
    font-size: 14px;
    position: sticky;
    bottom: 82px;
    z-index: 5;
  }
  .resultCard {
    padding: 22px 17px;
  }
  .bigResult {
    width: 120px;
    height: 120px;
    margin: 20px auto 10px;
  }
  .bigResult strong {
    font-size: 39px;
  }
  .loginCard {
    padding: 28px 20px;
  }
  .loginBrand {
    margin-bottom: 28px;
  }
  .loginCard h1 {
    font-size: 28px;
  }
  .loginCard input {
    min-height: 50px;
    font-size: 16px;
  }
  .editTable,
  .usersTable {
    min-width: 780px;
  }
  .editTable input,
  .editTable select {
    min-height: 43px;
    font-size: 13px;
  }
  .weekPicker {
    flex-direction: column;
    align-items: stretch;
  }
  .weekPicker input {
    min-height: 42px;
  }
  .numericGrid {
    grid-template-columns: 1fr;
  }
  .metricPair {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 430px) {
  .workspace {
    padding: 14px 9px 24px;
  }
  .panel,
  .teamPanel,
  .formPanel {
    padding: 13px;
  }
  .stats {
    grid-template-columns: 1fr 1fr;
  }
  .stats article {
    min-width: 0;
  }
  .stats small {
    font-size: 10px;
  }
  .stats strong {
    font-size: 15px;
  }
  .supervisorGrid {
    grid-template-columns: 1fr;
  }
  .heroScore {
    display: flex;
  }
  nav button {
    font-size: 9px;
  }
  nav button i {
    font-size: 18px;
  }
  .responsiveTable > tbody > tr:not(.detailsRow) > td {
    grid-template-columns: 98px 1fr;
  }
  .scoreDetails {
    grid-template-columns: 1fr;
  }
  .detailIdentity,
  .finalDetail {
    grid-column: auto;
  }
}
@media (max-width: 760px) {
  header {
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }
  .periodPicker {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .rangeButton {
    grid-column: 1/-1;
    min-height: 44px;
  }
  .rangePopover {
    position: fixed;
    top: auto;
    bottom: 82px;
    left: 10px;
    right: 10px;
    width: auto;
    max-height: 70vh;
    overflow: auto;
  }
  .compareBox > div {
    grid-template-columns: 1fr;
  }
  .presetGrid button {
    min-height: 44px;
  }
}


/* v31.8.7 — clearer dashboard/report typography */
:root{--rd-text:#102a43;--rd-muted:#627d98;--rd-soft:#f5f8fb;--rd-line:#dbe5ee}
body{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;color:var(--rd-text)}
.metricBox{min-height:76px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 12px;border-radius:12px;background:#f7f9fb;border:1px solid #edf1f4}
.metricBox>span{font-size:12px!important;font-weight:700!important;color:#60788f!important}
.metricBox>b{font-size:20px!important;line-height:1.25!important;font-weight:800!important;color:#0f2f52!important;letter-spacing:.1px}
.metricPercent{display:block!important;margin-top:1px;font-size:12px!important;line-height:1.4!important;font-weight:800!important;color:#2d6a9f!important}
.collectionMetric>b,.collectionAmountStrong{font-size:19px!important;font-weight:800!important;color:#16745a!important}
.salesMetric>b{font-size:20px!important;color:#123b66!important}
.summaryMoney{display:block;font-size:24px!important;line-height:1.2;font-weight:900!important;color:#102f52}
.summaryPercent{display:block;margin-top:5px;font-size:12px!important;font-weight:800!important;color:#2d6a9f}
.periodCell{font-size:12px!important;font-weight:700!important;line-height:1.45!important}
.repCard,.supervisor-card,.team-card{font-size:13px!important}
.repCard b,.supervisor-card b,.team-card b{font-weight:800}
table{font-size:13px!important}
table th{font-size:12px!important;font-weight:800!important;color:#526a80!important}
table td{font-size:13px!important;font-weight:600!important;color:#173958!important}
@media(max-width:760px){
  .metricBox{min-height:70px;padding:9px 8px}
  .metricBox>b{font-size:17px!important}
  .metricPercent{font-size:11px!important}
  .summaryMoney{font-size:20px!important}
}
@media print{
  body{font-size:12px!important;color:#111!important;background:#fff!important}
  .metricBox{border:1px solid #cfd8df!important;background:#fff!important}
  .metricBox>b,.summaryMoney{color:#111!important}
  .metricPercent,.summaryPercent{color:#333!important}
}


/* v31.8.8 — report-grade money typography */
.moneyMetric{display:flex!important;flex-direction:column;gap:3px}
.moneyMetric>b{font-size:15px!important;font-weight:900!important;color:#123b66!important;white-space:nowrap}
.moneyMetric>small{font-size:11px!important;font-weight:800!important;color:#58728a!important}
.collectionMoney>b,.collectionAmountStrong{color:#127055!important;font-size:15px!important;font-weight:900!important;white-space:nowrap}
td[data-label="المبيعات"] b,td[data-label="التحصيل"] b{font-size:14px!important;line-height:1.5!important;font-weight:900!important}
td[data-label="المبيعات"] small{display:block;font-size:11px!important;font-weight:800!important;color:#35658e!important;margin-top:3px}
.stats article strong.summaryMoney{font-size:21px!important}
.heroScore .summaryMoney{font-size:17px!important;text-align:center}
.heroScore .summaryPercent{font-size:10px!important}
@media(max-width:760px){
  td[data-label="المبيعات"] b,td[data-label="التحصيل"] b{font-size:13px!important}
  .moneyMetric>b{font-size:13px!important}
}


/* v31.8.10 — restore clean sales hero */
.heroScore{display:flex!important;align-items:center!important;gap:18px!important;min-width:285px;justify-content:flex-end}
.heroScoreText{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.heroScoreText>span{font-size:11px!important;color:#b9c8da!important}
.heroScoreText>b{font-size:18px!important;line-height:1.35;font-weight:900!important;color:#fff!important;white-space:nowrap}
.heroScoreText>small{font-size:9px!important;color:#91a6bd!important}
.heroScore .scoreRing{flex:0 0 90px;width:90px!important;height:90px!important}
.heroScore .scoreRing strong{font-size:24px!important;line-height:1!important;color:#fff!important;font-weight:900!important}
.heroScore .scoreRing small{font-size:9px!important;line-height:1.25!important;color:#b8c7d9!important;margin-top:4px}
@media(max-width:760px){
  .heroScore{min-width:0;width:100%;justify-content:space-between;gap:12px}
  .heroScoreText>b{font-size:16px!important}
  .heroScore .scoreRing{width:82px!important;height:82px!important;flex-basis:82px}
  .heroScore .scoreRing strong{font-size:21px!important}
}


/* v31.8.14 — collection money fix */
.collectionAmountStrong{
  font-size:15px!important;
  font-weight:900!important;
  color:#16745a!important;
  white-space:nowrap;
}
@media(max-width:760px){
  .collectionAmountStrong{font-size:13px!important}
}


/* v31.8.15 — visual hierarchy cleanup only */
.statsClean article{
  min-height:118px;
  padding:20px 22px!important;
  align-items:center!important;
}
.statsClean article>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  min-width:0;
}
.statsClean article>div>small:first-child{
  margin:0!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:650!important;
  color:#718096!important;
  letter-spacing:0!important;
}
.statsClean article>div>strong{
  margin:0!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:#0d3158!important;
  letter-spacing:.1px;
}
.statsClean .summaryMoney{
  font-size:23px!important;
  color:#0d3158!important;
}
.statsClean .summaryPercent{
  display:inline-block!important;
  width:max-content;
  margin:0!important;
  padding:3px 8px;
  border-radius:999px;
  background:#eef4ff;
  color:#3267a8!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.statsClean article>div>em{
  display:none!important;
}
.statsClean .statIcon{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  font-size:17px!important;
}
.panelHead .eyebrow{
  color:#66788d!important;
  font-weight:700!important;
}
.panelHead h3{
  color:#102f55!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
table th{
  color:#43566d!important;
  font-weight:800!important;
}
table td{
  color:#273b51!important;
}
table td strong,table td b{
  color:#102f55;
  font-weight:850;
}
.periodCell,td small{
  color:#7b8b9e!important;
}
@media(max-width:760px){
  .statsClean article{min-height:104px;padding:16px!important}
  .statsClean article>div>strong,.statsClean .summaryMoney{font-size:19px!important}
  .statsClean article>div>small:first-child{font-size:10px!important}
  .statsClean .statIcon{width:42px!important;height:42px!important;flex-basis:42px!important}
}
/* v31.8.17 */
.statsClean{gap:16px!important}.statsClean article{background:linear-gradient(145deg,#fff,#f8fbff)!important;border:1px solid #e2eaf2!important;box-shadow:0 10px 28px rgba(15,47,82,.07)!important}.statsClean article>div>strong,.statsClean .summaryMoney,.moneyMetric>b,.collectionAmountStrong{font-variant-numeric:tabular-nums}.collectionAdjustmentInput input{border-color:#b9dccf!important;background:#f5fbf8!important}.goalTable tbody tr:hover{background:#f8fbfe!important}
.stagnantMoney{background:#fff6f3!important;border-color:#f1d5ce!important}.stagnantMoney small{color:#9b5b50!important}

/* v31.8.19 — ceramic offer notice: UI only */
.ceramicOfferNotice{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px;padding:16px 19px;border:1px solid #ead8aa;border-radius:18px;background:linear-gradient(115deg,#fffdf7,#fff8e8);box-shadow:0 10px 28px rgba(91,67,16,.08);color:#16344f;overflow:hidden}.ceramicOfferCopy{display:flex;align-items:center;gap:13px;min-width:0}.ceramicOfferTag{flex:0 0 auto;background:#9a6a13;color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900}.ceramicOfferCopy strong{display:block;font-size:14px;line-height:1.5;color:#173b5d}.ceramicOfferCopy p{margin:3px 0 0;color:#7a6844;font-size:10px;line-height:1.6}.ceramicOfferTimer{display:flex;align-items:center;gap:6px;direction:rtl;flex:0 0 auto}.ceramicOfferTimer>div{min-width:48px;text-align:center;background:#fff;border:1px solid #eadcb8;border-radius:11px;padding:7px 6px;box-shadow:0 4px 12px rgba(72,54,17,.05)}.ceramicOfferTimer b{display:block;color:#173b5d;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}.ceramicOfferTimer span{display:block;color:#8b7955;font-size:8px;margin-top:4px}.ceramicOfferTimer i{font-style:normal;color:#b3914c;font-weight:900}.workspace>.ceramicOfferNotice{margin-left:0;margin-right:0}
@media(max-width:820px){.ceramicOfferNotice{align-items:stretch;flex-direction:column;gap:12px;padding:14px;margin-bottom:15px}.ceramicOfferCopy{align-items:flex-start}.ceramicOfferTag{margin-top:1px}.ceramicOfferCopy strong{font-size:12px}.ceramicOfferCopy p{font-size:9px}.ceramicOfferTimer{width:100%;justify-content:space-between;gap:4px}.ceramicOfferTimer>div{flex:1;min-width:0;padding:7px 3px}.ceramicOfferTimer b{font-size:14px}.ceramicOfferTimer i{font-size:11px;align-self:center}}

/* v31.9 Executive Company Portal */
.executiveStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.executiveStrip article{background:linear-gradient(145deg,#102f52,#173f69);border:1px solid #ffffff18;border-radius:18px;padding:17px 18px;color:#fff;box-shadow:0 10px 28px #0c2a4812}.executiveStrip small,.executiveStrip span{display:block;color:#c9d7e4;font-size:11px}.executiveStrip b{display:block;font-size:22px;margin:7px 0 5px}.managementGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:18px}.executivePanel{margin-bottom:18px}.executiveBadge{background:#f4f7fa;border:1px solid #e0e7ee;border-radius:999px;padding:7px 11px;font-size:10px;color:#617389}.managementAlerts{display:grid;gap:10px}.managementAlert{border-radius:14px;padding:13px 15px;border:1px solid #e5eaf0;background:#f8fafc}.managementAlert b,.managementAlert span{display:block}.managementAlert span{font-size:11px;color:#65758a;margin-top:4px}.managementAlert.danger{background:#fff4f3;border-color:#f3d2ce}.managementAlert.warning{background:#fff9ea;border-color:#efdfb1}.managementAlert.info{background:#f1f7fc;border-color:#d4e4f1}.managementAlert.success{background:#eff9f4;border-color:#cee8db}.rankList{display:grid;gap:8px}.rankList>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e7edf2;border-radius:13px}.rankList em{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f5e8bd;color:#7d5b10;font-style:normal;font-weight:800}.rankList span b,.rankList span small{display:block}.rankList span small{color:#7a8998;font-size:10px;margin-top:2px}.rankList strong{color:#0f684f}.regionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.regionCard{border:1px solid #e3e9ef;border-radius:15px;padding:14px;background:#fff}.regionCard>div:first-child{display:flex;justify-content:space-between;gap:8px}.regionCard small{color:#8190a0;font-size:9px}.regionCard>strong{display:block;font-size:22px;color:#12385e;margin:10px 0}.regionCard>span{display:block;font-size:10px;color:#647587;margin-top:4px}.regionProgress{height:6px;background:#edf1f5;border-radius:999px;margin-top:12px;overflow:hidden}.regionProgress i{display:block;height:100%;background:#d6a832;border-radius:999px}
@media(max-width:1100px){.executiveStrip,.regionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.managementGrid{grid-template-columns:1fr}}
@media(max-width:700px){.executiveStrip{grid-template-columns:1fr 1fr;gap:8px}.executiveStrip article{padding:13px}.executiveStrip b{font-size:17px}.regionGrid{grid-template-columns:1fr}.executiveBadge{display:none}}


/* v31.10 — Management Intelligence UI (visual/read-only) */
.paceForecastGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin:0 0 18px}.paceCard,.forecastCard{margin:0!important}.paceCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.paceCardHead h3,.forecastCard h3{margin:4px 0 0;color:#102f55}.paceStatus,.forecastBadge,.paceMini{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;white-space:nowrap}.paceStatus.ahead,.forecastBadge.hit,.paceMini.ahead{background:#eaf8f1;color:#17664e;border:1px solid #cce9dc}.paceStatus.behind,.forecastBadge.risk,.paceMini.behind{background:#fff1ee;color:#a13f35;border:1px solid #f0d0ca}.paceNumbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 15px}.paceNumbers>div{padding:12px;border:1px solid #e6ecf2;border-radius:13px;background:#f9fbfd}.paceNumbers small,.paceNumbers b{display:block}.paceNumbers small{font-size:9px;color:#7a8999}.paceNumbers b{font-size:17px;color:#12385e;margin-top:5px}.paceTrack{height:9px;border-radius:999px;background:#e9eef3;position:relative;overflow:visible}.paceTrack i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c79b2d,#e1bd5b)}.paceTrack span{position:absolute;top:-5px;width:3px;height:19px;background:#153c62;border-radius:3px;transform:translateX(50%)}.forecastCard{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#102f52,#173f69)!important;color:#fff!important}.forecastCard .eyebrow,.forecastCard p{color:#bfcddd!important}.forecastCard h3{color:#fff!important}.forecastCard>strong{font-size:29px;margin:18px 0 10px;font-variant-numeric:tabular-nums}.forecastCard>strong small{font-size:11px;color:#c7d4e1}.forecastCard .forecastBadge.hit{background:#ffffff18;color:#dff7ec;border-color:#ffffff20}.forecastCard .forecastBadge.risk{background:#ffdfd51a;color:#ffd7cf;border-color:#ffffff20}.positiveText{color:#16705a!important}.negativeText{color:#a8453c!important}.supervisorCommand{margin-bottom:18px!important;border:1px solid #dfe8f0!important;background:linear-gradient(145deg,#fff,#f7fbff)!important}.teamHealthStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.teamHealthStats>div{border:1px solid #e2e9ef;border-radius:14px;padding:14px;background:#fff}.teamHealthStats small,.teamHealthStats b,.teamHealthStats span{display:block}.teamHealthStats small{color:#7a8999;font-size:9px}.teamHealthStats b{color:#12385e;font-size:17px;margin:6px 0}.teamHealthStats span{color:#6d7d8e;font-size:9px}.paceMini{padding:5px 8px;font-size:9px}
@media(max-width:900px){.paceForecastGrid{grid-template-columns:1fr}.teamHealthStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.paceNumbers{grid-template-columns:1fr}.paceCardHead{flex-direction:column}.teamHealthStats{grid-template-columns:1fr 1fr}.forecastCard>strong{font-size:24px}}


/* v31.11 — supervisors summary promoted + compact command cards */
.supervisors{margin:0 0 18px!important;border:1px solid #dfe7ef!important;background:linear-gradient(145deg,#fff,#fbfdff)!important}
.supervisors .panelHead{align-items:flex-end;gap:16px;margin-bottom:12px}
.supervisors .panelHead .adminIntro{margin:5px 0 0;max-width:620px}
.supervisorGrid{gap:10px!important}
.supervisorCard{padding:13px 14px!important;min-height:0!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.supervisorCard.clickable{cursor:pointer}
.supervisorCard.clickable:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,52,86,.09);border-color:#cddbe8}
.superTop{margin-bottom:7px!important}
.supervisorIdentity{display:flex;align-items:center;gap:7px}.supervisorRank{font-style:normal;font-size:9px;font-weight:900;color:#8a681d;background:#fff7df;border:1px solid #ead9a8;border-radius:999px;padding:4px 7px}
.supervisorCard>strong{font-size:13px!important}.supervisorCard>small{margin-top:3px!important;font-size:9px!important}
.metricPair{margin-top:10px!important;gap:7px!important}.metricPair>span{padding:9px!important}.moneyMetric b{margin-top:3px!important}
.supervisorProgress{height:6px;border-radius:999px;background:#e9eef3;overflow:hidden;margin:9px 0 8px}.supervisorProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8871f,#ddb74e)}
.superBottom{padding-top:8px!important;margin-top:0!important}
@media(max-width:900px){.supervisors .panelHead{align-items:stretch}.supervisors .panelHead select{width:100%}.supervisorGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.supervisorGrid{grid-template-columns:1fr!important}.supervisorCard{padding:12px!important}.supervisors .panelHead .adminIntro{font-size:9px}.paceMini{white-space:normal;text-align:center;line-height:1.35}}

/* v32.1 — admin-only activity and audit log */
.activityWorkspace{display:grid;gap:18px}.activitySummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.activitySummary article{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fafc);border:1px solid #dce5ee;border-radius:16px;padding:17px 18px;box-shadow:0 8px 25px rgba(16,42,78,.06)}.activitySummary article:after{content:"";position:absolute;inset:auto -18px -24px auto;width:75px;height:75px;border-radius:50%;background:#eaf2fb}.activitySummary article.danger:after{background:#feeceb}.activitySummary span,.activitySummary small{display:block;color:#6a7b8e}.activitySummary span{font-size:12px;font-weight:700}.activitySummary strong{position:relative;z-index:1;display:block;margin:7px 0 3px;color:#102a4e;font-size:27px}.activitySummary small{font-size:10px}.activitySummary .danger strong{color:#b42318}.activityPanel{padding:22px}.activityFilters{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.4fr 1fr 1fr;gap:10px;align-items:end;margin:18px 0 12px;padding:14px;background:#f5f8fb;border:1px solid #e0e7ef;border-radius:14px}.activityFilters label{display:grid;gap:6px}.activityFilters label>span{font-size:10px;font-weight:800;color:#607389}.activityFilters input,.activityFilters select{width:100%;height:40px;padding:0 10px;background:#fff;border:1px solid #d4dee9;border-radius:9px;color:#173653;font:inherit;font-size:12px}.activityFilters input:focus,.activityFilters select:focus{outline:2px solid #c7daee;border-color:#2b679a}.activityFilterActions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-start}.activityCount{margin:4px 2px 10px;color:#748496;font-size:11px}.activityList{display:grid;gap:8px}.activityItem{border:1px solid #e1e7ee;border-radius:12px;background:#fff;overflow:hidden}.activityItem.failure{border-color:#f2cbc7}.activityItem.warning{border-color:#ecdcae}.activityMain{width:100%;display:grid;grid-template-columns:34px minmax(150px,.9fr) minmax(220px,1.7fr) 105px 155px 20px;gap:12px;align-items:center;padding:12px 14px;border:0;background:transparent;color:#173653;text-align:right;cursor:pointer}.activityMain:hover{background:#f8fafc}.activityIcon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:900}.activityIcon.success{background:#e7f6ef;color:#087a53}.activityIcon.warning{background:#fff5d9;color:#996b00}.activityIcon.failure{background:#feecea;color:#b42318}.activityWho,.activityWhat{min-width:0}.activityWho b,.activityWhat b,.activityWho small,.activityWhat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityWho b,.activityWhat b{font-size:12px}.activityWho small,.activityWhat small{margin-top:3px;color:#78889a;font-size:9px}.activityStatus{justify-self:start;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.activityStatus.success{background:#e7f6ef;color:#087a53}.activityStatus.warning{background:#fff5d9;color:#8b6305}.activityStatus.failure{background:#feecea;color:#b42318}.activityMain time{direction:ltr;color:#647588;font-size:10px;text-align:right}.activityExpand{color:#8795a5}.activityDetails{padding:11px 58px 13px 18px;background:#f8fafc;border-top:1px solid #edf1f5;color:#4e6277;font-size:11px;line-height:1.8}.activityEmpty{padding:48px;text-align:center;border:1px dashed #ccd7e2;border-radius:12px;color:#7c8b9b}.activityPagination{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:16px}.activityPagination span{color:#63758a;font-size:11px}
@media(max-width:1100px){.activitySummary{grid-template-columns:repeat(2,minmax(0,1fr))}.activityFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.activityMain{grid-template-columns:34px minmax(130px,1fr) minmax(190px,1.5fr) 100px 130px 18px}}
@media(max-width:700px){.activitySummary{grid-template-columns:1fr 1fr;gap:8px}.activitySummary article{padding:13px}.activitySummary strong{font-size:22px}.activityPanel{padding:13px}.activityFilters{grid-template-columns:1fr 1fr;padding:10px}.activityFilterActions{grid-column:1/-1}.activityMain{grid-template-columns:30px 1fr auto;padding:11px 9px;gap:8px}.activityWho{grid-column:2}.activityWhat{grid-column:2;grid-row:2}.activityStatus{grid-column:3;grid-row:1}.activityMain time{grid-column:2;grid-row:3}.activityExpand{grid-column:3;grid-row:2}.activityDetails{padding:10px 48px 12px 12px}.activityPanel .panelHead{align-items:flex-start}.activityPanel .panelHead>.pdfBtn{white-space:nowrap}}

/* v31.12 Executive Daily Command — presentation only */
.todayCommand{margin-top:18px}.todayCommandGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.todayCommandGrid article{background:linear-gradient(180deg,#f8fbff,#f3f7fb);border:1px solid #e1e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.todayCommandGrid small{color:#6d7c8f}.todayCommandGrid b{font-size:20px;color:#102f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todayCommandGrid span{font-size:12px;color:#6c7b8d}
.decisionGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.attentionCount{min-width:38px;height:38px;border-radius:12px;background:#fff0ed;color:#b74637;display:grid;place-items:center;font-weight:800;border:1px solid #f2c9c2}
.interventionList{display:flex;flex-direction:column;gap:8px}.interventionList button{border:1px solid #e4eaf1;background:#fff;border-radius:13px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;text-align:right;cursor:pointer;gap:12px}
.interventionList button:hover{background:#f8fbff;border-color:#c9d8e8}.interventionList span{display:flex;flex-direction:column;gap:2px}.interventionList small{color:#75859a}.interventionList em{font-style:normal;font-size:12px;color:#a94838;background:#fff3f0;border-radius:999px;padding:5px 8px;white-space:nowrap}
.interventionList .attentionToggle{display:block;width:100%;padding:11px;text-align:center;background:#f4f7fb;color:#12365b;border:1px solid #d9e3ee;font-weight:700}.interventionList .attentionToggle:hover{background:#eaf1f8;border-color:#bdcede}
.emptyExecutive{padding:20px;text-align:center;color:#738196;background:#f7f9fc;border-radius:14px}.companyRanking{display:flex;flex-direction:column;gap:7px}.companyRanking>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #edf1f5;padding:8px 0}
.companyRanking em{font-style:normal;font-weight:800;color:#b68322}.companyRanking span{display:flex;flex-direction:column}.companyRanking small{color:#7b8999}.companyRanking strong{color:#11375f;font-size:13px}
.periodComparison{margin-top:16px}.periodCompareGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.periodCompareGrid>div{background:#f7f9fc;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:5px}.periodCompareGrid small,.periodCompareGrid span{color:#718096;font-size:12px}.periodCompareGrid b{font-size:21px;color:#102f55}
@media(max-width:980px){.todayCommandGrid{grid-template-columns:repeat(2,1fr)}.decisionGrid{grid-template-columns:1fr}.periodCompareGrid{grid-template-columns:1fr}}
@media(max-width:560px){.todayCommandGrid{grid-template-columns:1fr 1fr;gap:8px}.todayCommandGrid article{padding:12px}.todayCommandGrid b{font-size:16px}.interventionList button{align-items:flex-start;flex-direction:column}.periodCompareGrid{grid-template-columns:1fr}}


/* v31.13.4 — heater price increase notice, portal home only, visible to all roles */
.heaterPriceNotice{
  display:grid;
  grid-template-columns:minmax(260px,1.25fr) minmax(360px,1fr);
  gap:18px;
  align-items:center;
  margin:0 0 20px;
  padding:17px 19px;
  border:1px solid #e8d7aa;
  border-radius:18px;
  background:linear-gradient(115deg,#fffdf8,#fff8e8);
  box-shadow:0 10px 28px rgba(91,67,16,.07);
  color:#173b5d;
}
.heaterPriceNoticeHead{display:flex;align-items:center;gap:13px;min-width:0}
.heaterPriceIcon{
  width:42px;height:42px;flex:0 0 42px;
  border-radius:13px;display:grid;place-items:center;
  background:#b77a13;color:#fff;font-size:22px;font-weight:900;
  box-shadow:0 7px 18px rgba(183,122,19,.18);
}
.heaterPriceTag{
  display:inline-block;background:#fff0c9;color:#8a5c0c;
  border:1px solid #ead49c;border-radius:999px;
  padding:4px 8px;font-size:9px;font-weight:900;margin-bottom:5px;
}
.heaterPriceNoticeHead strong{display:block;font-size:14px;line-height:1.55;color:#173b5d}
.heaterPriceNoticeHead p{margin:3px 0 0;color:#786847;font-size:10px;line-height:1.55}
.heaterPriceChanges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.heaterPriceChanges>div{
  min-width:0;background:#fff;border:1px solid #eadfbe;border-radius:13px;
  padding:10px 11px;text-align:center;
}
.heaterPriceChanges span{display:block;color:#7a6a48;font-size:9px;font-weight:700;line-height:1.4}
.heaterPriceChanges b{
  display:block;margin-top:5px;color:#173b5d;font-size:14px;font-weight:900;
  font-variant-numeric:tabular-nums;direction:ltr;
}
.heaterPriceChanges .quoteValidityNotice{background:#173b5d;border-color:#173b5d}
.heaterPriceChanges .quoteValidityNotice span{color:#cfdae5}
.heaterPriceChanges .quoteValidityNotice b{color:#fff}
@media(max-width:900px){
  .heaterPriceNotice{grid-template-columns:1fr;gap:12px}
}
@media(max-width:620px){
  .heaterPriceNotice{padding:13px;margin-bottom:14px;border-radius:16px}
  .heaterPriceNoticeHead{align-items:flex-start;gap:10px}
  .heaterPriceIcon{width:36px;height:36px;flex-basis:36px;font-size:18px;border-radius:11px}
  .heaterPriceNoticeHead strong{font-size:11px}
  .heaterPriceNoticeHead p{font-size:8.5px}
  .heaterPriceChanges{grid-template-columns:1fr 1fr}
  .heaterPriceChanges .quoteValidityNotice{grid-column:1/-1}
  .heaterPriceChanges>div{padding:9px 8px}
  .heaterPriceChanges b{font-size:13px}
}

/* v31.13.5 — ADMIN announcement center */
.dynamicAnnouncements{display:grid;gap:10px;margin:0 0 18px}
.dynamicAnnouncement{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #e2e8ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,47,85,.055)}
.dynamicAnnouncementIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:17px}
.dynamicAnnouncementBody{min-width:0}.dynamicAnnouncementBody>span{display:block;font-size:9px;font-weight:900;margin-bottom:3px}.dynamicAnnouncementBody>strong{display:block;color:#15395c;font-size:13px;line-height:1.5}.dynamicAnnouncementBody>p{white-space:pre-line;margin:4px 0 0;color:#66778a;font-size:10px;line-height:1.7}.dynamicAnnouncement>small{font-size:9px;white-space:nowrap;color:#748297}
.dynamicAnnouncement.warning{background:linear-gradient(110deg,#fffdf8,#fff9ec);border-color:#ead7aa}.dynamicAnnouncement.warning .dynamicAnnouncementIcon{background:#fff0c5;color:#95630b}.dynamicAnnouncement.warning .dynamicAnnouncementBody>span{color:#95630b}
.dynamicAnnouncement.urgent{background:linear-gradient(110deg,#fff9f8,#fff1ef);border-color:#f0c8c1}.dynamicAnnouncement.urgent .dynamicAnnouncementIcon{background:#ffe0dc;color:#b23a2c}.dynamicAnnouncement.urgent .dynamicAnnouncementBody>span{color:#b23a2c}
.dynamicAnnouncement.info{background:linear-gradient(110deg,#f9fcff,#f1f7fd);border-color:#cfe0ef}.dynamicAnnouncement.info .dynamicAnnouncementIcon{background:#e1effb;color:#1e5f91}.dynamicAnnouncement.info .dynamicAnnouncementBody>span{color:#1e5f91}
.dynamicAnnouncement.success{background:linear-gradient(110deg,#f9fdfb,#eff9f3);border-color:#cce8d7}.dynamicAnnouncement.success .dynamicAnnouncementIcon{background:#ddf3e5;color:#24774a}.dynamicAnnouncement.success .dynamicAnnouncementBody>span{color:#24774a}
.announcementAdmin{margin-bottom:18px}.announcementComposer{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.announcementComposerMain,.announcementComposerSide{display:grid;gap:10px}.announcementField{display:grid;gap:5px}.announcementField>span{font-size:10px;font-weight:800;color:#52657a}.announcementField input,.announcementField textarea,.announcementField select{width:100%;border:1px solid #d9e2eb;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:#173b5d}.announcementField textarea{min-height:95px;resize:vertical}.announcementAudience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.announcementAudience label{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#f6f8fb;border-radius:9px;font-size:9px;color:#536579}.announcementAudience input{accent-color:#173b5d}.announcementAdminActions{display:flex;gap:8px;flex-wrap:wrap}.announcementList{display:grid;gap:8px;margin-top:14px}.announcementListItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e3e8ee;border-radius:12px;background:#fbfcfd}.announcementListItem.off{opacity:.58}.announcementListItem strong{display:block;color:#173b5d;font-size:11px}.announcementListItem p{margin:2px 0 0;color:#697a8d;font-size:9px;white-space:pre-line}.announcementMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.announcementMeta span{font-size:8px;background:#eef2f6;border-radius:999px;padding:3px 6px;color:#617287}.announcementListActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.dynamicAnnouncement{grid-template-columns:36px 1fr}.dynamicAnnouncement>small{grid-column:2}.announcementComposer{grid-template-columns:1fr}.announcementAudience{grid-template-columns:repeat(2,1fr)}.announcementListItem{grid-template-columns:1fr}.announcementListActions{justify-content:flex-start}}

/* v31.13.5 — ADMIN announcement center */
.dynamicAnnouncements{display:grid;gap:10px;margin:0 0 18px}.dynamicAnnouncement{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #e2e8ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,47,85,.055)}.dynamicAnnouncementIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:17px}.dynamicAnnouncementBody{min-width:0}.dynamicAnnouncementBody>span{display:block;font-size:9px;font-weight:900;margin-bottom:3px}.dynamicAnnouncementBody>strong{display:block;color:#15395c;font-size:13px;line-height:1.5}.dynamicAnnouncementBody>p{white-space:pre-line;margin:4px 0 0;color:#66778a;font-size:10px;line-height:1.7}.dynamicAnnouncement>small{font-size:9px;white-space:nowrap;color:#748297}.dynamicAnnouncement.warning{background:linear-gradient(110deg,#fffdf8,#fff9ec);border-color:#ead7aa}.dynamicAnnouncement.warning .dynamicAnnouncementIcon{background:#fff0c5;color:#95630b}.dynamicAnnouncement.warning .dynamicAnnouncementBody>span{color:#95630b}.dynamicAnnouncement.urgent{background:linear-gradient(110deg,#fff9f8,#fff1ef);border-color:#f0c8c1}.dynamicAnnouncement.urgent .dynamicAnnouncementIcon{background:#ffe0dc;color:#b23a2c}.dynamicAnnouncement.urgent .dynamicAnnouncementBody>span{color:#b23a2c}.dynamicAnnouncement.info{background:linear-gradient(110deg,#f9fcff,#f1f7fd);border-color:#cfe0ef}.dynamicAnnouncement.info .dynamicAnnouncementIcon{background:#e1effb;color:#1e5f91}.dynamicAnnouncement.info .dynamicAnnouncementBody>span{color:#1e5f91}.dynamicAnnouncement.success{background:linear-gradient(110deg,#f9fdfb,#eff9f3);border-color:#cce8d7}.dynamicAnnouncement.success .dynamicAnnouncementIcon{background:#ddf3e5;color:#24774a}.dynamicAnnouncement.success .dynamicAnnouncementBody>span{color:#24774a}.announcementAdmin{margin-bottom:18px}.announcementComposer{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.announcementComposerMain,.announcementComposerSide{display:grid;gap:10px}.announcementField{display:grid;gap:5px}.announcementField>span{font-size:10px;font-weight:800;color:#52657a}.announcementField input,.announcementField textarea,.announcementField select{width:100%;border:1px solid #d9e2eb;border-radius:10px;background:#fff;padding:9px 10px;font:inherit;color:#173b5d}.announcementField textarea{min-height:95px;resize:vertical}.announcementAudience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.announcementAudience label{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#f6f8fb;border-radius:9px;font-size:9px;color:#536579}.announcementAudience input{accent-color:#173b5d}.announcementAdminActions{display:flex;gap:8px;flex-wrap:wrap}.announcementList{display:grid;gap:8px;margin-top:14px}.announcementListItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e3e8ee;border-radius:12px;background:#fbfcfd}.announcementListItem.off{opacity:.58}.announcementListItem strong{display:block;color:#173b5d;font-size:11px}.announcementListItem p{margin:2px 0 0;color:#697a8d;font-size:9px;white-space:pre-line}.announcementMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.announcementMeta span{font-size:8px;background:#eef2f6;border-radius:999px;padding:3px 6px;color:#617287}.announcementListActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.dynamicAnnouncement{grid-template-columns:36px 1fr}.dynamicAnnouncement>small{grid-column:2}.announcementComposer{grid-template-columns:1fr}.announcementAudience{grid-template-columns:repeat(2,1fr)}.announcementListItem{grid-template-columns:1fr}.announcementListActions{justify-content:flex-start}}


/* v31.14.1 — Mobile bottom navigation collision fix */
@media (max-width: 760px) {
  nav {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    direction: rtl;
  }
  nav::-webkit-scrollbar { display: none; }
  nav button {
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: clip;
    line-height: 1.1 !important;
    padding: 5px 2px !important;
  }
  nav button span {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 9px !important;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 430px) {
  nav button {
    flex-basis: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }
  nav button span { font-size: 8.5px !important; }
}

/* v31.14.8 — mobile bottom nav: full labels, no clipping */
@media (max-width:760px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  nav{
    height:calc(88px + env(safe-area-inset-bottom))!important;
    min-height:calc(88px + env(safe-area-inset-bottom))!important;
    padding:7px 5px calc(8px + env(safe-area-inset-bottom))!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    align-items:stretch!important;
    gap:2px!important;
  }
  nav button{
    flex:1 1 0!important;
    width:auto!important;
    min-width:56px!important;
    max-width:none!important;
    height:72px!important;
    padding:5px 2px 7px!important;
    overflow:visible!important;
    white-space:normal!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }
  nav button i{
    flex:0 0 auto!important;
    font-size:19px!important;
    line-height:1!important;
    margin-top:1px!important;
  }
  nav button span{
    display:-webkit-box!important;
    width:100%!important;
    min-height:26px!important;
    max-height:28px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-align:center!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
}
@media (max-width:430px){
  nav button{min-width:54px!important;height:72px!important}
  nav button span{font-size:8.6px!important;line-height:1.35!important}
}

/* v32.20 — active sales-rep reassignment and automatic customer-directory UI */
.customerAdminGrid.coverageOnly{grid-template-columns:1fr}
.customerAdminGrid.coverageOnly .delegationEditor{background:linear-gradient(145deg,#fff,#f6fbf8)}
.activeMovePanel{border-top:4px solid #1f7a62!important;background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%)!important}
.activeMoveSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:3px 0 14px}
.activeMoveSteps span{display:flex;align-items:center;gap:8px;border:1px solid #dbe8e2;border-radius:12px;background:#fff;padding:9px 11px;color:#50677a;font-size:10px;font-weight:800}
.activeMoveSteps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4f4ec;color:#17684c}
.activeMoveForm{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
.activeMoveForm .customerSourceField{grid-column:span 3}
.activeMoveForm .customerSourceField small{color:#728493;font-size:8px;line-height:1.5}
.safeMoveWarning{background:#eaf7f1;color:#23644d}
.assignmentRow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:center;border:1px solid #dfe9e4;border-radius:12px;background:#fff;padding:10px 12px;margin-top:7px}
.assignmentRow span{display:flex;flex-direction:column;gap:2px}.assignmentRow b{color:#153b5d;font-size:10px}.assignmentRow small{color:#748696;font-size:8px}
@media(max-width:980px){.activeMoveForm{grid-template-columns:1fr 1fr!important}.activeMoveForm .customerSourceField{grid-column:1/-1}}
@media(max-width:620px){.activeMoveSteps{grid-template-columns:1fr}.activeMoveForm{grid-template-columns:1fr!important}.activeMoveForm .customerSourceField{grid-column:auto}.assignmentRow{grid-template-columns:1fr}.activeMovePanel .panelHead{align-items:flex-start}.activeMovePanel .executiveBadge{margin-top:4px}}

/* v32 — official portal visual system and Push controls */
body{background:#eef3f7;color:#102b45}
.sidebar{background:linear-gradient(180deg,#061f38,#0a3154);box-shadow:-12px 0 36px rgba(5,31,54,.16)}
.workspace{background:linear-gradient(180deg,#eef3f7 0,#f8fafc 430px,#f3f6f9 100%)}
.panel{border-color:#d8e2ea!important;box-shadow:0 12px 32px rgba(11,43,70,.065)!important}
.hero{background:linear-gradient(125deg,#071f38,#114a77)!important;border-radius:24px!important;box-shadow:0 20px 48px rgba(7,36,61,.2)!important;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:300px;height:300px;border:58px solid rgba(255,255,255,.035);border-radius:50%;left:-115px;top:-160px;pointer-events:none}
.supervisorHeroPremium .supervisorRankLine{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.supervisorHeroPremium .supervisorRankLine span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.1);color:#d6e4ef}.supervisorHeroPremium .supervisorRankLine b{color:#f0c661}
.supervisors{border-radius:18px!important}.supervisorCard{border-radius:15px!important;background:linear-gradient(145deg,#fff,#f8fbfd)!important}.supervisorGrid:has(.supervisorCard:only-child){grid-template-columns:minmax(280px,520px)!important}
.pushEnable{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid #d5b15f;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#fff);color:#153b5d;padding:0 13px;font:inherit;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px rgba(182,123,12,.1)}.pushEnable span{color:#b67b0c}.pushEnableCompact{min-height:38px}.pushEnable:disabled{opacity:.65;cursor:wait}
.pushPromptBackdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(5,24,42,.68);backdrop-filter:blur(5px)}.pushPrompt{width:min(460px,100%);text-align:center;border:1px solid rgba(210,161,63,.55);border-radius:24px;background:linear-gradient(160deg,#fff,#f7fafc);padding:28px;box-shadow:0 30px 90px rgba(4,25,44,.36);animation:pushPromptIn .24s ease-out}.pushPromptIcon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 12px;border-radius:22px;background:linear-gradient(145deg,#0b3457,#15537f);font-size:31px;box-shadow:0 14px 30px rgba(11,52,87,.24)}.pushPromptEyebrow{display:block;color:#a8730f;font-size:10px;font-weight:950;letter-spacing:.04em}.pushPrompt h2{margin:7px 0;color:#0d3150;font-size:24px}.pushPrompt>p{margin:0 auto;color:#5f7284;font-size:12px;line-height:1.9;max-width:360px}.pushPromptNotice{margin:14px 0 0;padding:10px 12px;border:1px solid #efd2a0;border-radius:11px;background:#fff7e7;color:#8a5b08;font-size:10px;line-height:1.7}.pushPromptActions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:20px}.pushPromptActions .primary{min-height:46px}.pushPromptLater{min-width:88px;border:1px solid #d9e2ea;border-radius:11px;background:#fff;color:#607285;font:inherit;font-weight:800;cursor:pointer}.pushPrompt>small{display:block;margin-top:12px;color:#84919e;font-size:8.5px;line-height:1.6}@keyframes pushPromptIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.announcementTargetMode{display:grid;grid-template-columns:1fr 1fr;gap:7px}.announcementTargetMode button{border:1px solid #d7e1e9;border-radius:10px;padding:9px;background:#f6f8fa;color:#4f6477}.announcementTargetMode button.active{background:#123c61;color:#fff;border-color:#123c61}
.announcementPeople{max-height:240px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:3px}.announcementPeople label,.announcementPush{display:flex;align-items:center;gap:9px;border:1px solid #dfe7ee;border-radius:10px;background:#f8fafc;padding:9px}.announcementPeople label>span,.announcementPush>span{display:flex;flex-direction:column;gap:2px}.announcementPeople small,.announcementPush small{color:#728397;font-size:9px}.announcementPush input,.announcementPeople input{accent-color:#123c61}.announcementPush{background:#fff8e8;border-color:#ead5a2}
@media(max-width:760px){.headerActions .pushEnable{width:auto;min-width:118px;padding:0 10px;font-size:9px}.headerActions .pushEnable span{font-size:13px}.announcementPeople{grid-template-columns:1fr}.supervisorHeroPremium .heroScore{margin-top:18px}.pushPrompt{padding:23px 18px;border-radius:20px}.pushPrompt h2{font-size:20px}.pushPromptActions{grid-template-columns:1fr}.pushPromptLater{min-height:42px}}

/* v32.1 — standalone Push center */
.pushAdmin{margin-bottom:18px;border-top:4px solid #d2a13f!important;background:linear-gradient(145deg,#fff,#fbfdff)!important}.pushComposer{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pushComposerMain,.pushComposerTargets{display:grid;gap:10px;align-content:start}.pushComposerMain textarea{min-height:122px}.pushSendButton{min-height:44px;width:100%;margin-top:2px}.pushHistory{margin-top:18px;border-top:1px solid #e1e8ee;padding-top:13px}.pushHistory h4{margin:0 0 9px;color:#153b5d;font-size:11px}.pushHistoryEmpty{margin:0;color:#7b8998;font-size:10px}.pushHistoryItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid #e1e8ee;border-radius:12px;background:#f8fafc;margin-top:7px}.pushHistoryItem strong{color:#153b5d;font-size:11px}.pushHistoryItem p{white-space:pre-line;margin:3px 0 0;color:#687b8f;font-size:9px}.pushHistoryStats{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pushHistoryStats span{background:#e4f4eb;color:#24744a;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.pushHistoryStats span.failed{background:#fde9e6;color:#a93c30}.pushHistoryStats small{color:#728397;font-size:8px}
@media(max-width:760px){.pushComposer{grid-template-columns:1fr}.pushHistoryItem{grid-template-columns:1fr}.pushHistoryStats{justify-content:flex-start}}

/* v32.4.1 — formal executive dashboard */
.executiveMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;position:relative;z-index:1}.executiveMeta>span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.075);padding:6px 9px;color:#d6e2ed;font-size:9px;font-weight:750}.executiveMeta .liveDataBadge{color:#dff6e9}.liveDataBadge i{width:7px;height:7px;border-radius:50%;background:#4fd39a;box-shadow:0 0 0 4px rgba(79,211,154,.13)}
.workdayNotice{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 13px;border:1px solid #d9e5ef;border-radius:12px;background:linear-gradient(100deg,#f2f8fd,#f9fbfd);color:#516b82}.workdayNotice b{color:#163f62;font-size:11px}.workdayNotice span{font-size:10px}.attentionCount.calm{background:#eef5fa;color:#446883;border-color:#d6e4ee}.emptyExecutive.early{background:#f3f8fc;color:#4d6b82;border:1px dashed #ccdce8;line-height:1.8}.paceStatus.forming,.paceMini.forming{background:#eef5fa;color:#446883;border:1px solid #d6e4ee}.forecastBadge.forming{background:rgba(255,255,255,.11);color:#d7e5f0;border:1px solid rgba(255,255,255,.16)}
.regionTable{border:1px solid #e0e8ef;border-radius:15px;overflow:hidden}.regionTableHead,.regionTableRow{display:grid;grid-template-columns:1.25fr .65fr 1fr 1fr 1.2fr;align-items:center;gap:12px}.regionTableHead{padding:10px 14px;background:#f3f7fa;color:#6f8192;font-size:9px;font-weight:850}.regionTableRow{padding:11px 14px;border-top:1px solid #e8edf2;color:#52697d;font-size:10px;transition:background .16s ease}.regionTableRow:hover{background:#f9fbfd}.regionName{display:flex;align-items:center;gap:9px}.regionName em{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f7ebc7;color:#816019;font-style:normal;font-weight:900}.regionName b{color:#123b5f;font-size:11px}.regionResult{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px}.regionResult>b{color:#123b5f;font-size:12px}.regionResult i{height:6px;border-radius:999px;background:#e9eef2;overflow:hidden}.regionResult u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b98721,#d9b64f);text-decoration:none}
@media(max-width:760px){.executiveMeta{gap:5px;margin-top:11px}.executiveMeta>span{font-size:8px;padding:5px 7px}.workdayNotice{align-items:flex-start;flex-direction:column;gap:3px}.regionTable{border:0;display:grid;gap:9px;overflow:visible}.regionTableHead{display:none}.regionTableRow{grid-template-columns:1fr 1fr;padding:12px;border:1px solid #e0e8ef;border-radius:13px;background:#fff;gap:9px}.regionName{grid-column:1/-1;border-bottom:1px solid #edf1f4;padding-bottom:8px}.regionTableRow>span:not(.regionName):not(.regionResult){display:flex;justify-content:space-between;gap:8px}.regionTableRow>span[data-label]:before{content:attr(data-label);color:#8391a0;font-size:8px}.regionResult{grid-column:1/-1;grid-template-columns:1fr 2fr}.regionResult:before{content:attr(data-label);color:#8391a0;font-size:8px}.regionResult>b{justify-self:end}}

/* v32.2 — customer directory and temporary rep coverage */
.customerDirectoryAdmin{margin-bottom:18px;border-top:4px solid #2a8b69!important;background:linear-gradient(145deg,#fff,#fbfefd)!important}.customerDirectoryStats{display:flex;gap:7px;flex-wrap:wrap}.customerDirectoryStats span{display:flex;align-items:baseline;gap:5px;border:1px solid #d8e8e1;border-radius:11px;background:#f1f8f5;padding:8px 10px;color:#537263;font-size:9px}.customerDirectoryStats b{color:#176246;font-size:16px}.customerAdminGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.customerImportCard,.delegationEditor{border:1px solid #dfe8e5;border-radius:16px;background:#f9fcfb;padding:15px}.customerCardTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.customerCardTitle>div{display:flex;flex-direction:column;gap:3px}.customerCardTitle b{color:#123b5f;font-size:13px}.customerCardTitle span{color:#718395;font-size:9px;line-height:1.6}.customerFilePicker{display:grid;place-items:center;text-align:center;min-height:112px;border:1px dashed #8eb9a8;border-radius:13px;background:#fff;cursor:pointer;padding:14px}.customerFilePicker input{position:absolute;opacity:0;pointer-events:none}.customerFilePicker span{color:#176246;font-weight:900;font-size:11px}.customerFilePicker small{color:#7a8c9c;font-size:8.5px}.customerImportPreview{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border-radius:11px;background:#eaf6f0;color:#3e6c58}.customerImportPreview span{font-size:9px}.customerImportPreview b{color:#176246;font-size:12px}.customerImportPreview small{margin-right:auto;font-size:8px}.customerImportButton{width:100%;min-height:42px;margin-top:10px}.customerLastUpdate{margin:8px 2px 0;color:#8795a2;font-size:8px}.delegationForm{display:grid;grid-template-columns:1fr 1fr;gap:9px}.delegationForm label{display:grid;gap:5px}.delegationForm label>span{color:#526b7e;font-size:9px;font-weight:850}.delegationForm select,.delegationForm input{width:100%;height:41px;border:1px solid #d9e4e1;border-radius:10px;background:#fff;padding:0 10px;font:inherit;color:#173c5c}.delegationNote{grid-column:1/-1}.delegationList{margin-top:15px;border-top:1px solid #e2e9e7;padding-top:12px}.delegationList h4{margin:0 0 8px;color:#153b5d;font-size:11px}.delegationRow{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(190px,1fr) auto;gap:13px;align-items:center;border:1px solid #dee8e4;border-radius:13px;background:#fff;padding:10px 12px;margin-top:7px}.delegationRow.off{opacity:.62;background:#f5f6f7}.delegationRoute{display:flex;align-items:center;gap:12px}.delegationRoute>span{display:flex;flex-direction:column;gap:2px}.delegationRoute b{color:#153b5d;font-size:10px}.delegationRoute small{color:#758797;font-size:8px}.delegationRoute i{font-style:normal;color:#b88929;font-size:20px}.delegationMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.delegationMeta span{padding:4px 7px;border-radius:999px;background:#e4f4eb;color:#24744a;font-size:8px;font-weight:850}.delegationRow.off .delegationMeta span{background:#edf0f2;color:#677684}.delegationMeta small{color:#6f8191;font-size:8px}.delegationActions{display:flex;gap:6px}.customerEmpty{margin:0;color:#7d8c99;font-size:9px}
@media(max-width:900px){.customerAdminGrid{grid-template-columns:1fr}.delegationRow{grid-template-columns:1fr}.delegationActions{justify-content:flex-start}}
@media(max-width:560px){.customerDirectoryStats{margin-top:9px}.customerCardTitle{flex-direction:column}.delegationForm{grid-template-columns:1fr}.delegationNote{grid-column:auto}.delegationRoute{align-items:flex-start}.delegationRoute i{margin-top:5px}.customerImportPreview{align-items:flex-start;flex-wrap:wrap}.customerImportPreview small{width:100%;margin:0}}
.userRepBinding{display:grid;grid-template-columns:92px minmax(120px,1fr) minmax(125px,1fr);gap:6px;min-width:390px}.userRepBinding label{display:grid;gap:3px}.userRepBinding label>span{color:#63788b;font-size:8px;font-weight:850}.userRepBinding input,.userRepBinding select{min-width:0!important;width:100%!important}.userSaveInline{display:block;margin-top:5px;max-width:190px;color:#a33d32;font-size:8px;line-height:1.5}.userSaveInline.ok{color:#23724a}@media(max-width:760px){.userRepBinding{grid-template-columns:1fr;min-width:230px}}

/* v32.11.4 — supervisor cards quarter-range layout stabilization */
.supervisors{overflow:hidden}
.supervisorGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%;min-width:0}
.supervisorCard{min-width:0;overflow:hidden}
.supervisorCard .superTop{gap:8px;align-items:flex-start}
.supervisorCard .supervisorIdentity{flex:0 0 auto;min-width:0}
.supervisorCard .paceMini{max-width:58%;white-space:normal!important;text-align:center;line-height:1.3}
.supervisorCard .metricPair{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0}
.supervisorCard .moneyMetric{min-width:0}
.supervisorCard .moneyMetric>b{white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:1200px){.supervisorGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.supervisorGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.supervisorGrid{grid-template-columns:1fr!important}.supervisorCard .paceMini{max-width:62%}}

/* v32.11.5 — push visibility only */
.pushUserSummary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.pushUserSummary span{background:#eef3f7;color:#496277;border:1px solid #dce6ee;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}.pushUserSummary span.ok{background:#e5f5ec;color:#1d7447;border-color:#c9ead8}.pushUserSummary span.off{background:#fdeceb;color:#a43d35;border-color:#f2d0cc}.pushUserSummary b{font-size:13px}.pushUserBadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;white-space:nowrap}.pushUserBadge.on{background:#e5f5ec;color:#1d7447}.pushUserBadge.off{background:#fdeceb;color:#a43d35}.pushUserBadge small{font-size:8px;opacity:.8}.pushDeliveryDetails{margin-top:8px}.pushDeliveryDetails summary{cursor:pointer;color:#0d4b76;font-size:9px;font-weight:900}.pushDeliveryGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.pushDeliveryGrid>div{background:#fff;border:1px solid #e2e9ef;border-radius:9px;padding:8px;display:grid;gap:4px}.pushDeliveryGrid b{font-size:9px;color:#173e5e}.pushDeliveryGrid span{font-size:9px;color:#52687b}.pushDeliveryGrid span small{display:block;color:#9b5a51;font-size:7px}.pushLegacyNote{display:block;margin-top:7px;color:#8a98a6;font-size:8px}.usersTable th,.usersTable td{vertical-align:middle}
@media(max-width:760px){.pushDeliveryGrid{grid-template-columns:1fr}.pushUserSummary{gap:5px}.pushUserSummary span{font-size:9px;padding:6px 8px}}

/* v32.12.0 — per-user permission center */
.permissionBtn{border:1px solid #d6e0e8;background:#f8fbfd;color:#0d3558;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;white-space:nowrap}.permissionBtn:hover{background:#eef6fb}.permissionSummary{display:block;margin-top:5px;color:#7a8998;font-size:11px}.permissionOverlay{position:fixed;inset:0;background:rgba(6,26,44,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:22px}.permissionModal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.25);padding:22px;direction:rtl}.permissionHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e7edf2;padding-bottom:16px;margin-bottom:16px}.permissionHead span{font-size:12px;color:#b38626;font-weight:800}.permissionHead h3{font-size:24px;margin:4px 0}.permissionHead p{margin:0;color:#667788}.permissionHead>button{border:0;background:#eef3f6;width:38px;height:38px;border-radius:11px;font-size:25px;cursor:pointer}.permissionScope{background:#f7fafc;border:1px solid #e0e8ef;border-radius:16px;padding:14px;margin-bottom:16px;display:grid;gap:10px}.permissionScope select{height:42px;border:1px solid #d4dee7;border-radius:10px;background:#fff;padding:0 10px}.permissionReps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:190px;overflow:auto}.permissionReps label{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e5ebf0;padding:8px;border-radius:10px}.permissionReps span{display:flex;flex-direction:column}.permissionReps small{color:#8995a0}.permissionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permissionGroup{border:1px solid #e1e8ee;border-radius:16px;overflow:hidden}.permissionGroup h4{margin:0;padding:11px 13px;background:#0d3558;color:#fff;font-size:14px}.permissionGroup label{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 13px;border-top:1px solid #edf1f4}.permissionGroup label:first-of-type{border-top:0}.permissionGroup label span{display:flex;flex-direction:column}.permissionGroup label small{color:#8a97a3;margin-top:3px}.permissionGroup input[type=checkbox]{width:20px;height:20px;accent-color:#0d6b52}.permissionFoot{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;margin-top:18px;border-top:1px solid #e7edf2}@media(max-width:760px){.permissionOverlay{padding:8px}.permissionModal{padding:14px;border-radius:16px}.permissionGrid{grid-template-columns:1fr}.permissionHead h3{font-size:20px}}
.repTransitionPanel{border:1px solid #d9e5dd;background:linear-gradient(135deg,#fff 0%,#f6fbf8 100%)}.repTransitionForm{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;gap:12px;align-items:end}.repTransitionForm label{display:grid;gap:6px}.repTransitionForm label>span{font-size:11px;font-weight:850;color:#52657b}.repTransitionForm select,.repTransitionForm input{width:100%;height:43px;border:1px solid #d4dee7;border-radius:11px;background:#fff;padding:0 11px;color:#17324c}.repTransitionWarning{margin:13px 0 0;padding:10px 12px;border-radius:11px;background:#fff8e8;color:#795a16;font-size:12px;font-weight:700}@media(max-width:980px){.repTransitionForm{grid-template-columns:1fr 1fr}.repTransitionForm button{min-height:43px}}@media(max-width:620px){.repTransitionForm{grid-template-columns:1fr}}
.safeTransitionHint{display:block;max-width:105px;color:#7a641d;font-size:9px;line-height:1.4}.usersTable select:disabled{background:#f1f4f6;color:#61717f;cursor:not-allowed}

/* v32.12.1 — keep sidebar identity + logout always visible on desktop */
@media (min-width: 761px) {
  .sidebar {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    box-sizing: border-box;
  }
  .sidebar .brand { flex: 0 0 auto; }
  .sidebar > nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 4px;
    margin-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #ffffff2b transparent;
  }
  .sidebar > nav::-webkit-scrollbar { width: 5px; }
  .sidebar > nav::-webkit-scrollbar-thumb { background: #ffffff2b; border-radius: 8px; }
  .sidebar .sideFooter,
  .sidebar > .logout {
    flex: 0 0 auto;
  }
  .sidebar .sideFooter {
    margin-top: 6px;
    padding-top: 12px;
  }
  .sidebar > .logout {
    margin-top: 8px;
    min-height: 38px;
    color: #d9e3ee;
    font-size: 11px;
  }
}

/* v32.16.8 — smart date range and a private sales-rep home dashboard */
.smartDateLabel{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:1px solid #dbe5ee;
  border-radius:10px;
  background:#f7fafc;
  color:#244a6f;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.smartDateLabel i{font-style:normal;color:#bd8d29;font-size:14px}
.salesRepHero .heroScore{display:flex!important}
.repHeroCollection{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.14)}
.repHeroCollection>span{color:#b9c8da!important;font-size:9px!important;font-weight:800!important;white-space:nowrap}
.repHeroCollection>b{color:#76ddb2!important;font-size:14px!important;line-height:1.3!important;font-weight:950!important;white-space:nowrap}
.repQuarterPlans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.repQuarterPlan{border-radius:20px;padding:18px;background:linear-gradient(135deg,#0a2946,#0d4f7b);color:#fff;box-shadow:0 10px 24px rgba(13,52,83,.1);min-width:0}
.repQuarterPlan.repQuarterTato{background:linear-gradient(135deg,#fffaf0,#fff);color:#12365b;border:1px solid #ead39d}
.repQuarterHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.repQuarterHead>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.repQuarterHead span{font-size:11px;opacity:.8}.repQuarterHead h3{margin:0;font-size:17px}.repQuarterHead small{opacity:.68;font-size:10px}.repQuarterPlan .scoreRing{flex:0 0 70px;width:70px;height:70px}.repQuarterPlan .scoreRing strong{font-size:15px}.repQuarterTato .scoreRing strong{color:#fff}.repQuarterGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-radius:13px;overflow:hidden}.repQuarterGrid article{padding:12px 9px;background:rgba(255,255,255,.14);display:flex;flex-direction:column;gap:5px;min-width:0}.repQuarterTato .repQuarterGrid article{background:#fff;border:1px solid #f0e6cf}.repQuarterGrid small,.repQuarterGrid span{font-size:10px;opacity:.78;line-height:1.5}.repQuarterGrid b{font-size:15px;white-space:nowrap}
.repMappingNotice{display:flex;flex-direction:column;gap:7px;border-color:#ead49e;background:#fffaf0;color:#173a5c}
.repMappingNotice span{font-size:11px;color:#7b6a45}
@media(max-width:760px){
  .periodPicker .smartDateLabel{flex:1 1 100%!important;justify-content:center;width:100%}
  .salesRepHero .heroScore{width:100%!important;justify-content:space-between!important}
  .repHeroCollection{justify-content:flex-start;gap:6px;margin-top:6px;padding-top:6px}.repHeroCollection>span{font-size:8px!important}.repHeroCollection>b{font-size:12px!important}
  .repQuarterPlans{grid-template-columns:1fr;gap:10px;margin-top:12px}.repQuarterPlan{padding:13px;border-radius:16px}.repQuarterHead{margin-bottom:9px}.repQuarterHead h3{font-size:15px}.repQuarterPlan .scoreRing{flex-basis:58px;width:58px;height:58px}.repQuarterPlan .scoreRing strong{font-size:12px}.repQuarterGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.repQuarterGrid article{padding:9px 6px;border-radius:0}.repQuarterGrid small,.repQuarterGrid span{font-size:8px}.repQuarterGrid b{font-size:12px}
}
@media(max-width:430px){
  .salesRepHero .heroScore{display:flex!important}
}

/* v32.13.0 — TATO target foundation */
.tatoTargetPanel{margin-top:16px;border-top:4px solid #1f7a55!important;background:linear-gradient(145deg,#fff,#f7fcf9)!important}.tatoTargetControls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 12px}.tatoTargetControls label{display:grid;gap:5px;min-width:150px}.tatoTargetControls label span{font-size:9px;font-weight:850;color:#587466}.tatoTargetControls select{height:40px;border:1px solid #d7e4dc;border-radius:10px;background:#fff;padding:0 10px;font:inherit;color:#173f31}.tatoRuleBadge{display:flex;align-items:center;gap:8px;margin-inline-start:auto;border:1px solid #cce6d9;border-radius:12px;background:#eaf7f0;padding:7px 11px}.tatoRuleBadge b{font-size:18px;color:#166644}.tatoRuleBadge span{font-size:9px;color:#537566;font-weight:800}.tatoTargetTable{min-width:1500px}.tatoTargetCell{display:grid;gap:4px;min-width:135px}.tatoTargetCell input{width:100%;min-width:120px}.tatoTargetCell small{font-size:8px;color:#6f8378}.tatoTargetCell b{font-size:10px;color:#176b49}.tatoDerived{display:grid;gap:4px;min-width:125px}.tatoDerived b{font-size:11px;color:#153b5d}.tatoDerived small{font-size:8px;color:#778898}.tatoTargetNote{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:#edf8f2;color:#4f7262;font-size:9px;line-height:1.7}@media(max-width:760px){.tatoTargetControls{align-items:stretch}.tatoTargetControls label{flex:1 1 140px}.tatoRuleBadge{margin-inline-start:0}.tatoTargetTable{min-width:1380px}}


/* v32.16.1 — TATO visibility + laptop/mobile layout hotfix */
.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.statsClean article{min-height:112px}
.summaryPercent{line-height:1.5}
.supervisorGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
.supervisorCard{min-height:238px}
.supervisorCard .metricPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.companyRanking>div{grid-template-columns:36px minmax(0,1fr) auto!important;gap:12px}
.companyRanking strong{font-size:14px!important;white-space:nowrap}
.companyRanking b,.supervisorCard b,.stats strong,.paceNumbers b,.todayCommandGrid b{font-variant-numeric:tabular-nums}
.paceForecastGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}
.todayCommandGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.decisionGrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
.tatoPaceCard{
  background:linear-gradient(145deg,#fffaf0,#ffffff)!important;
  border:1px solid #ead7a8!important;
  box-shadow:0 12px 30px rgba(157,114,24,.08)!important;
}
.tatoPaceCard .eyebrow{color:#9f6f12!important}
.tatoPaceCard .paceCardHead h3{color:#12385e!important}
.tatoPaceCard .paceStatus{background:#fff2d3!important;color:#946a1a!important;border:1px solid #ead096!important}
.tatoPaceCard .paceNumbers>div{background:#fffdf9!important;border-color:#ecdcb8!important}
.tatoPaceCard .paceNumbers small{color:#8b6d35!important}
.tatoPaceCard .paceNumbers b{color:#12385e!important}
.tatoPaceCard .paceTrack{background:#f1e8d2!important}
.tatoPaceCard .paceTrack i{background:linear-gradient(90deg,#c79b2d,#e1bd5b)!important}
.regionTableRow>span,.regionTableHead>span{min-width:0}
header{min-height:72px;height:auto!important;gap:14px;align-items:flex-start}
.headerActions{flex-wrap:wrap;justify-content:flex-end}
.weekPicker input,.rangeButton{min-height:40px}
@media (max-width:1366px){
  .workspace{padding:22px 24px 42px!important}
  .panel{padding:18px!important}
  .hero{padding:24px 26px!important}
}
@media (max-width:1100px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .todayCommandGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .workspace{padding:18px 12px 28px!important}
  header{flex-direction:column;align-items:stretch!important}
  .headerActions{justify-content:stretch!important}
  .headerActions>*{flex:1 1 calc(50% - 8px);min-width:0}
  .weekPicker{width:100%}
  .weekPicker input,.rangeButton{width:100%}
  .hero{padding:20px 18px!important;flex-direction:column;align-items:flex-start!important}
  .stats{grid-template-columns:1fr!important}
  .supervisorGrid{grid-template-columns:1fr!important}
  .todayCommandGrid{grid-template-columns:1fr!important}
  .paceForecastGrid{grid-template-columns:1fr!important}
  .decisionGrid{grid-template-columns:1fr!important}
  .companyRanking>div{grid-template-columns:28px 1fr!important}
  .companyRanking>div strong{grid-column:1/-1;justify-self:end}
  .supervisorCard{min-height:auto}
}

/* v32.16.2 — selected-period TATO hero + no-zoom sales/collection layout */
.executiveHeroScores{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.stagnantScoreRing{background:radial-gradient(circle,#0d3357 56%,transparent 58%),conic-gradient(#ef7d67 calc(var(--score)*1%),#ffffff24 0)!important}
.stagnantHeroMetric .heroScoreText small{color:#ffd7cf}
.heroMetricBlock{display:flex;align-items:center;gap:13px;padding:8px 0;min-width:245px}
.heroMetricBlock+.heroMetricBlock{padding-inline-start:22px;border-inline-start:1px solid rgba(255,255,255,.14)}
.heroScoreText{min-width:0}
.heroScoreText span,.heroScoreText b,.heroScoreText small{display:block}
.heroScoreText span{font-size:10px;color:#c9d7e4;font-weight:800}
.heroScoreText b{font-size:18px;color:#fff;margin:4px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.heroScoreText small{font-size:9px;color:#aebfd0}
.tatoHeroMetric .heroScoreText span{color:#f0ca72}
.tatoScoreRing{background:radial-gradient(circle closest-side,#102d50 83%,transparent 84% 100%),conic-gradient(#e3b84e calc(var(--score) * 1%),#ffffff19 0)!important}

.tableWrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.salesCollectionAdminTable{width:100%}

@media (max-width:1450px){
  .salesCollectionAdminTable{min-width:0!important;border-collapse:separate;border-spacing:0 12px}
  .salesCollectionAdminTable thead{display:none}
  .salesCollectionAdminTable tbody{display:grid;gap:12px}
  .salesCollectionAdminTable tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #dfe8f0;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(17,55,92,.05)}
  .salesCollectionAdminTable td{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0!important;width:auto!important;padding:8px 10px!important;border:0!important;background:#f8fbfd;border-radius:11px;white-space:normal!important}
  .salesCollectionAdminTable td:before{content:attr(data-label);display:block;color:#7c8c9d;font-size:9px;font-weight:800;margin-bottom:2px}
  .salesCollectionAdminTable td[data-label="المندوب"]{grid-column:span 2;background:#f1f6fa}
  .salesCollectionAdminTable td[data-label="المشرف"]{grid-column:span 2;background:#f1f6fa}
  .salesCollectionAdminTable td[data-label="تعديل يدوي"],
  .salesCollectionAdminTable td[data-label="تعديل تاتو"],
  .salesCollectionAdminTable td[data-label="تعديل التحصيل"]{align-items:stretch}
  .salesCollectionAdminTable td[data-label="حفظ"]{grid-column:1/-1;align-items:stretch;background:transparent;padding:0!important}
  .salesCollectionAdminTable td[data-label="حفظ"] .saveMini{width:100%;min-height:40px}
  .salesCollectionAdminTable .goalInput{width:100%;min-width:0}
  .salesCollectionAdminTable .goalInput input{width:100%;min-width:0}
  .salesCollectionAdminTable .tatoInlineSave{width:100%;margin-top:5px}
  .salesCollectionAdminTable b{font-size:13px;line-height:1.35}
  .salesCollectionAdminTable .periodCell{font-size:8px;line-height:1.45}
}
@media (max-width:1100px){
  .executiveHeroScores{gap:13px}
  .heroMetricBlock{min-width:220px}
  .salesCollectionAdminTable tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  .salesCollectionAdminTable td[data-label="المندوب"],.salesCollectionAdminTable td[data-label="المشرف"]{grid-column:auto}
}
@media (max-width:760px){
  .executiveHeroScores{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .heroMetricBlock{min-width:0;padding:10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px;background:rgba(255,255,255,.05);justify-content:space-between}
  .heroMetricBlock+.heroMetricBlock{border-inline-start:1px solid rgba(255,255,255,.12)!important}
  .heroScoreText b{font-size:15px}
  .executiveHeroScores .scoreRing{width:64px;height:64px;flex:0 0 64px}
  .executiveHeroScores .scoreRing strong{font-size:18px}
  .salesCollectionAdminTable tr{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}
  .salesCollectionAdminTable td[data-label="المندوب"],.salesCollectionAdminTable td[data-label="المشرف"],.salesCollectionAdminTable td[data-label="حفظ"]{grid-column:1/-1}
}
@media (max-width:430px){
  .executiveHeroScores{grid-template-columns:1fr}
  .heroMetricBlock{width:100%}
  .salesCollectionAdminTable tr{grid-template-columns:1fr}
  .salesCollectionAdminTable td{grid-column:1!important}
}

/* v32.16.3 — keep currency unit on same line */
.statsClean strong,
.statsClean .summaryMoney,
.heroScoreText b,
.paceNumbers b,
.todayCommandGrid b,
.supervisorCard .moneyMetric b,
.responsiveTable b,
.regionTableRow b,
.regionTableRow span,
.salesCollectionAdminTable td b {
  white-space: nowrap;
  word-break: keep-all;
}

.statsClean article div,
.paceNumbers > div,
.todayCommandGrid article,
.supervisorCard .moneyMetric {
  min-width: 0;
}

/* v32.16.4 — adaptive KPI numbers without breaking "ر.س" */
.statsClean article{
  container-type:inline-size;
  padding:15px 14px!important;
  gap:10px!important;
}
.statsClean article>div{
  flex:1 1 auto;
  min-width:0;
  overflow:visible;
}
.statsClean article>div>strong,
.statsClean .summaryMoney{
  white-space:nowrap!important;
  font-size:clamp(14px,1.15vw,19px)!important;
  letter-spacing:-.35px;
  line-height:1.25!important;
}
.statsClean .statIcon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
}
.statsClean article>div>small:first-child{
  line-height:1.35;
}
@container (max-width:235px){
  .statsClean article>div>strong,
  .statsClean .summaryMoney{
    font-size:15px!important;
    letter-spacing:-.5px;
  }
  .statsClean .statIcon{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
  }
}
@container (max-width:205px){
  .statsClean article{
    padding:13px 10px!important;
    gap:7px!important;
  }
  .statsClean article>div>strong,
  .statsClean .summaryMoney{
    font-size:13px!important;
    letter-spacing:-.65px;
  }
  .statsClean .statIcon{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    font-size:14px!important;
  }
  .statsClean article>div>small:first-child{
    font-size:8px!important;
  }
  .statsClean .summaryPercent{
    font-size:7.5px!important;
  }
}
@media(max-width:1100px){
  .statsClean article>div>strong,
  .statsClean .summaryMoney{
    font-size:18px!important;
    letter-spacing:-.25px;
  }
}
@media(max-width:760px){
  .statsClean article{
    min-height:96px!important;
  }
  .statsClean article>div>strong,
  .statsClean .summaryMoney{
    font-size:18px!important;
  }
}

/* v32.16.7 — formal, consistently aligned executive KPI rings on mobile */
@media (max-width:760px){
  .executiveHeroScores{
    width:100%;
    gap:12px!important;
  }
  .executiveHeroScores .heroMetricBlock{
    width:100%;
    min-height:108px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px;
    align-items:center;
    gap:14px!important;
    padding:14px 16px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.055)!important;
  }
  .executiveHeroScores .heroScoreText{
    width:100%;
    min-width:0;
    text-align:right;
    align-items:flex-start;
  }
  .executiveHeroScores .heroScoreText span{
    font-size:11px!important;
    line-height:1.4;
    letter-spacing:0;
  }
  .executiveHeroScores .heroScoreText b{
    margin:5px 0 4px!important;
    font-size:18px!important;
    line-height:1.25!important;
    letter-spacing:-.35px;
    font-variant-numeric:tabular-nums;
  }
  .executiveHeroScores .heroScoreText small{
    font-size:9px!important;
    line-height:1.45!important;
  }
  .executiveHeroScores .scoreRing{
    box-sizing:border-box;
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    flex:0 0 78px!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:0!important;
    aspect-ratio:1;
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 6px 16px rgba(2,18,35,.16);
  }
  .executiveHeroScores .scoreRing strong{
    display:block;
    width:100%;
    margin:0!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.65px;
    text-align:center;
    white-space:nowrap;
    direction:ltr;
    unicode-bidi:isolate;
    font-variant-numeric:tabular-nums;
  }
  .executiveHeroScores .scoreRing small{
    display:block;
    width:100%;
    margin:0!important;
    padding:0 5px;
    color:#b9c9d9!important;
    font-size:7.5px!important;
    font-weight:700;
    line-height:1.25!important;
    text-align:center;
    white-space:nowrap;
  }
}

@media (max-width:430px){
  .executiveHeroScores .heroMetricBlock{
    grid-template-columns:minmax(0,1fr) 76px;
    min-height:106px;
    padding:13px 14px!important;
  }
  .executiveHeroScores .scoreRing{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    flex-basis:76px!important;
  }
  .executiveHeroScores .scoreRing strong{
    font-size:18px!important;
  }
}
/* v32.25.0 — official quarter-close report */
.quarterReport{display:grid;gap:18px}.quarterLocked{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;background:radial-gradient(circle at 15% 10%,rgba(205,158,55,.12),transparent 32%),#fff}.quarterLockIcon{width:84px;height:84px;display:grid;place-items:center;border-radius:26px;background:#0d365d;color:#e2b54b;font-size:38px;box-shadow:0 16px 36px rgba(13,54,93,.17);margin-bottom:22px}.quarterLocked h2{font-size:34px;color:#102f50;margin:7px 0 10px}.quarterLocked>p{max-width:670px;line-height:1.9;color:#66798d;margin:0}.quarterLockDate{display:flex;align-items:center;gap:14px;margin-top:25px;padding:14px 18px;border:1px solid #e3e9ef;border-radius:15px;background:#f7f9fb}.quarterLockDate small{color:#7a8998}.quarterLockDate b{font-size:20px;color:#123b62}.quarterLockDate span{background:#fff1cf;color:#8b6412;border-radius:99px;padding:7px 11px;font-weight:800}.quarterArchiveNote{margin-top:22px;color:#728398}.quarterLoading{min-height:360px;display:grid;place-content:center;text-align:center;gap:14px}.quarterLoading span{width:44px;height:44px;border:4px solid #e1e8ef;border-top-color:#c8952c;border-radius:50%;margin:auto;animation:quarterSpin .8s linear infinite}@keyframes quarterSpin{to{transform:rotate(360deg)}}
.quarterReportToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid #dce6ed;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(23,55,83,.05)}.quarterReportToolbar>div{display:grid;gap:3px}.quarterReportToolbar b{color:#133d63}.quarterReportToolbar span{color:#728497;font-size:11px}.quarterPdfButton{border:0;border-radius:12px;background:linear-gradient(135deg,#c99122,#e2b849);color:#fff;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 9px 20px rgba(193,137,31,.22);white-space:nowrap}.quarterPdfButton:disabled{opacity:.6;cursor:wait;box-shadow:none}
.quarterHero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px 42px;border-radius:25px;background:linear-gradient(125deg,#0b2b4a,#164f7c);color:#fff;box-shadow:0 18px 44px rgba(17,57,92,.18);position:relative;overflow:hidden}.quarterHero:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-120px;top:-160px;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}.quarterHero>div,.quarterHero>aside{position:relative;z-index:1}.quarterHero>div>span{color:#e5bb55;font-weight:800}.quarterHero h2{font-size:31px;margin:8px 0}.quarterHero p{max-width:760px;color:#d6e2ec;line-height:1.8;margin:0}.quarterHero aside{min-width:190px;display:grid;gap:5px;text-align:center;padding:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:18px}.quarterHero aside small{color:#e3bd62}.quarterHero aside b{font-size:16px}.quarterHero aside i{font-style:normal;color:#9eb4c8;font-size:11px}
.quarterKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quarterKpis article{background:#fff;border:1px solid #dde6ee;border-radius:17px;padding:20px;box-shadow:0 7px 20px rgba(23,55,83,.05)}.quarterKpis small,.quarterKpis span{display:block;color:#758699}.quarterKpis b{display:block;font-size:29px;color:#12395f;margin:7px 0}.quarterKpis span{font-size:11px}.quarterHighlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quarterHighlights article{display:flex;align-items:center;gap:14px;padding:19px;background:#fff;border:1px solid #dde6ee;border-radius:18px}.quarterHighlights article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef3f8;color:#244b70;font-size:22px}.quarterHighlights .best{border-color:#e6ca86;background:#fffaf0}.quarterHighlights .best>span{background:#d2a039;color:#fff}.quarterHighlights small,.quarterHighlights b,.quarterHighlights em{display:block}.quarterHighlights small{color:#7b8998}.quarterHighlights b{font-size:18px;color:#12395f;margin:4px 0}.quarterHighlights em{font-style:normal;color:#9b6f14;font-weight:800}.quarterSection{padding:22px}.quarterTableWrap{overflow:auto;margin-top:14px}.quarterTable{width:100%;min-width:970px;border-collapse:separate;border-spacing:0;font-size:12px}.quarterTable th{background:#eef3f7;color:#53697e;padding:12px;text-align:right;border-bottom:1px solid #dce5ed}.quarterTable td{padding:13px 12px;border-bottom:1px solid #e5ebf0;color:#284660}.quarterTable td small{display:block;color:#8492a1;margin-top:4px}.quarterRank{color:#b67d0b}.quarterStatus{display:inline-block;border-radius:99px;padding:6px 9px;font-weight:800;white-space:nowrap}.quarterStatus.hit{background:#e1f5ea;color:#177347}.quarterStatus.miss{background:#fff0e9;color:#a24c26}.quarterPersonal{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:28px}.quarterPersonal h3{font-size:26px;margin:7px 0}.quarterPersonal>div p{color:#758699}.quarterPersonal>section{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quarterPersonal article{border:1px solid #dfe7ef;background:#f8fafc;border-radius:17px;padding:20px}.quarterPersonal article small,.quarterPersonal article span{display:block;color:#77889a}.quarterPersonal article b{display:block;font-size:24px;color:#12395f;margin:7px 0}.quarterPersonal article em{display:inline-block;margin-top:12px;padding:7px 10px;border-radius:99px;font-style:normal;font-weight:800}.quarterPersonal article em.hit{background:#e1f5ea;color:#177347}.quarterPersonal article em.miss{background:#fff0e9;color:#a24c26}
@media(max-width:900px){.quarterHero{align-items:flex-start;flex-direction:column;padding:28px}.quarterHero aside{width:100%;grid-template-columns:auto 1fr auto 1fr;align-items:center}.quarterKpis{grid-template-columns:repeat(2,1fr)}.quarterPersonal{grid-template-columns:1fr}.quarterPersonal>section{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.quarterLocked{min-height:420px;padding:28px 18px}.quarterLocked h2{font-size:27px}.quarterLockDate{flex-wrap:wrap;justify-content:center}.quarterReportToolbar{align-items:stretch;flex-direction:column}.quarterPdfButton{width:100%}.quarterHero{padding:24px 20px}.quarterHero h2{font-size:25px}.quarterHero aside{grid-template-columns:1fr}.quarterKpis,.quarterHighlights,.quarterPersonal>section{grid-template-columns:1fr}.quarterKpis article{padding:16px}.quarterSection{padding:15px}}