:root {
  --eym-blue:#1F7BEA;
  --eym-yellow:#F9E21B;
  --eym-red:#D9272E;
  --eym-ink:#162033;
  --eym-muted:#6B7280;
  --eym-bg:#F5F7FA;
  --eym-card:#FFFFFF;
  --eym-line:rgba(22,32,51,.08);
  --eym-shadow:0 20px 55px rgba(22,32,51,.07);

  --eym-font:"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing:border-box;
}

html {
  font-family:var(--eym-font);
  background:var(--eym-bg);
  color:var(--eym-ink);
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

body {
  margin:0;
  background:
    radial-gradient(circle at top left, rgba(31,123,234,.08), transparent 34%),
    linear-gradient(180deg, #F8FAFD 0%, var(--eym-bg) 100%);
  color:var(--eym-ink);
}

h1, h2, h3, p {
  margin-top:0;
}

h1 {
  font-size:clamp(30px, 4vw, 44px);
  line-height:1.05;
  letter-spacing:-.055em;
  font-weight:850;
}

h2 {
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:820;
}

a {
  transition:all .18s ease;
}

.eym-header {
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(245,247,250,.82);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(22,32,51,.06);
}

.eym-header-inner {
  max-width:1120px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.eym-logo {
  display:flex;
  align-items:center;
  text-decoration:none;
}

.eym-logo img {
  height:54px;
  width:auto;
  display:block;
}

.eym-nav {
  display:flex;
  align-items:center;
  gap:24px;
}

.eym-nav a {
  color:var(--eym-ink);
  text-decoration:none;
  font-weight:740;
  font-size:14px;
  letter-spacing:-.01em;
}

.eym-nav a:hover {
  color:var(--eym-blue);
}

.eym-lang {
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(22,32,51,.07);
  border-radius:999px;
}

.eym-lang a {
  color:var(--eym-muted);
  text-decoration:none;
  margin:0;
  padding:7px 10px;
  border-radius:999px;
  font-weight:850;
  font-size:12px;
  line-height:1;
}

.eym-lang a.active {
  color:var(--eym-blue);
  background:rgba(31,123,234,.10);
}

.eym-burger {
  display:none;
  border:0;
  background:#fff;
  color:var(--eym-ink);
  border-radius:999px;
  width:42px;
  height:42px;
  box-shadow:0 12px 30px rgba(22,32,51,.10);
  font-size:22px;
  cursor:pointer;
}

.eym-page {
  max-width:1120px;
  margin:34px auto 70px;
  padding:0 20px;
}

.eym-breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 0 18px;
  color:var(--eym-muted);
  font-size:13px;
  font-weight:740;
}

.eym-breadcrumbs a {
  color:var(--eym-blue);
  text-decoration:none;
}

.eym-card {
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.72);
  border-radius:26px;
  padding:28px;
  margin-bottom:22px;
  box-shadow:var(--eym-shadow);
}

.eym-hero {
  position:relative;
  overflow:hidden;
}

.eym-hero::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:linear-gradient(180deg, var(--eym-blue), var(--eym-yellow), var(--eym-red));
}

.eym-kicker {
  color:var(--eym-muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:850;
  margin-bottom:10px;
}

.eym-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.eym-item {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid var(--eym-line);
}

.eym-item:last-child {
  border-bottom:0;
}

.eym-item-title {
  font-weight:820;
  letter-spacing:-.015em;
}

.eym-item-meta {
  color:var(--eym-muted);
  font-size:14px;
  margin-top:4px;
}

.eym-status {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.eym-status-complete,
.eym-status-verified {
  color:#0E7A5F;
  background:rgba(14,122,95,.10);
}

.eym-status-missing,
.eym-status-pending {
  color:#9A6400;
  background:rgba(249,226,27,.28);
}

.eym-status-invalid,
.eym-status-rejected,
.eym-status-expired {
  color:var(--eym-red);
  background:rgba(217,39,46,.10);
}

.eym-notice {
  background:linear-gradient(135deg, rgba(31,123,234,.10), rgba(249,226,27,.20));
  border:1px solid rgba(31,123,234,.08);
  border-radius:20px;
  padding:18px;
  color:var(--eym-ink);
  line-height:1.55;
}

.eym-action-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  margin-top:10px;
  padding:10px 15px;
  border-radius:999px;
  background:var(--eym-blue);
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  line-height:1;
  box-shadow:0 8px 18px rgba(31,123,234,.18);
}

.eym-action-btn:hover {
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(31,123,234,.22);
}

.eym-action-btn.secondary {
  background:rgba(31,123,234,.10);
  color:var(--eym-blue);
  box-shadow:none;
}

.eym-action-btn.secondary:hover {
  background:rgba(31,123,234,.14);
}

@media (max-width:760px) {
  .eym-header-inner {
    padding:12px 18px;
  }

  .eym-burger {
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .eym-nav {
    display:none;
    position:absolute;
    left:18px;
    right:18px;
    top:72px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(22,32,51,.07);
    border-radius:22px;
    padding:18px;
    box-shadow:0 24px 60px rgba(22,32,51,.14);
    flex-direction:column;
    align-items:flex-start;
  }

  .eym-nav.is-open {
    display:flex;
  }

  .eym-logo img {
    height:40px;
  }

  .eym-page {
    margin-top:22px;
  }

  .eym-grid {
    grid-template-columns:1fr;
  }

  .eym-card {
    border-radius:22px;
    padding:22px;
  }

  .eym-item {
    gap:12px;
  }
}

.eym-upload-form {
  margin-top:30px;
}

.eym-file-drop {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:240px;
  padding:38px;
  margin:26px 0;
  border:1px solid rgba(31,123,234,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at top left, rgba(31,123,234,.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,253,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 18px 45px rgba(22,32,51,.055);
  cursor:pointer;
  text-align:center;
  transition:all .22s ease;
}

.eym-file-drop:hover {
  transform:translateY(-1px);
  border-color:rgba(31,123,234,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 24px 60px rgba(22,32,51,.08);
}

.eym-file-drop input[type="file"] {
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.eym-file-mark {
  width:54px;
  height:54px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, var(--eym-blue), #4B9BFF);
  color:#fff;
  font-size:30px;
  font-weight:500;
  box-shadow:0 14px 30px rgba(31,123,234,.24);
  margin-bottom:18px;
}

.eym-file-title {
  font-size:22px;
  font-weight:850;
  letter-spacing:-.035em;
  color:var(--eym-ink);
}

.eym-file-text {
  margin-top:6px;
  color:var(--eym-muted);
  font-size:14px;
  font-weight:650;
}

.eym-file-name {
  margin-top:18px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(31,123,234,.08);
  color:var(--eym-blue);
  font-size:13px;
  font-weight:800;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.eym-upload-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
}

.eym-action-btn-large {
  padding:14px 22px;
  font-size:14px;
}

.eym-link-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(22,32,51,.045);
  color:var(--eym-ink);
  text-decoration:none;
  font-weight:800;
  font-size:14px;
}

.eym-link-pill:hover {
  background:rgba(31,123,234,.10);
  color:var(--eym-blue);
}

@media (max-width:760px) {
  .eym-file-drop {
    min-height:220px;
    padding:30px 22px;
  }

  .eym-upload-actions {
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .eym-upload-actions .eym-action-btn,
  .eym-upload-actions .eym-link-pill {
    width:100%;
    max-width:none;
  }
}

.eym-timeline {
  margin-top:22px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.eym-timeline-step {
  display:flex;
  gap:16px;
  align-items:flex-start;
  position:relative;
}

.eym-timeline-dot {
  width:14px;
  height:14px;
  border-radius:999px;
  margin-top:6px;
  flex-shrink:0;
}

.eym-timeline-content {
  flex:1;
}

.eym-timeline-title {
  font-weight:800;
  letter-spacing:-.02em;
}

.eym-timeline-text {
  margin-top:4px;
  color:var(--eym-muted);
  font-size:14px;
}

/* Status styles */
.eym-timeline-completed .eym-timeline-dot {
  background:#0E7A5F;
}

.eym-timeline-current .eym-timeline-dot {
  background:var(--eym-blue);
  box-shadow:0 0 0 6px rgba(31,123,234,.15);
}

.eym-timeline-pending .eym-timeline-dot {
  background:rgba(22,32,51,.15);
}

.eym-timeline-blocked .eym-timeline-dot {
  background:var(--eym-red);
}

.eym-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.eym-bell {
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(22,32,51,.08);
  background: rgba(255,255,255,.78);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(22,32,51,.08);
  padding: 0;
}

.eym-bell i {
  font-size: 17px;
  color: var(--eym-ink);
}

.eym-bell-dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 8px;
  height: 8px;
  background: var(--eym-red);
  border-radius: 999px;
}

.eym-notif-panel {
  position: fixed;
  top: 78px;
  right: calc((100vw - 1120px) / 2 + 20px);
  width: 360px;
  max-width: calc(100vw - 32px);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(22,32,51,.08);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(22,32,51,.18);
  display: none;
  overflow: hidden;
  z-index: 2000;
}

.eym-notif-panel.open {
  display: block;
}

.eym-notif-header {
  padding: 18px 20px;
  font-weight: 850;
  border-bottom: 1px solid var(--eym-line);
}

.eym-notif-list {
  max-height: 420px;
  overflow: auto;
}

.eym-notif-item {
  padding: 16px 20px;
  border-bottom: 1px solid var(--eym-line);
}

.eym-notif-item.unread {
  background: rgba(31,123,234,.06);
}

.eym-notif-title {
  font-weight: 850;
  font-size: 14px;
}

.eym-notif-text {
  margin-top: 5px;
  color: var(--eym-muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 760px) {
  .eym-notif-panel {
    top: 72px;
    right: 16px;
    left: 16px;
    width: auto;
  }
}

/* Premium glass header */
.eym-header {
  position: sticky;
  top: 0;
  z-index: 1000;

  /* More transparent */
  background: rgba(248, 250, 253, 0.38);

  /* Stronger glass effect */
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);

  /* Softer separation line */
  border-bottom: 1px solid rgba(255,255,255,.45);

  /* Subtle depth (almost none) */
  box-shadow: 0 1px 0 rgba(22,32,51,.025);
}

.eym-header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* ultra subtle light gradient like iOS */
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,.25),
    rgba(255,255,255,0)
  );
}
.eym-header-inner {
  position: relative;
}

/* Bell: no round background */
.eym-bell {
  position: relative;
  cursor: pointer;
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.eym-bell i {
  font-size: 19px;
  color: var(--eym-ink);
  opacity: .82;
}

.eym-bell:hover i {
  color: var(--eym-blue);
  opacity: 1;
}

.eym-bell-dot {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 7px;
  height: 7px;
  background: var(--eym-red);
  border: 2px solid rgba(248,250,253,.95);
  border-radius: 999px;
}
/* Premium glass notification panel */
.eym-notif-panel {
  position: fixed;
  top: 78px;
  right: calc((100vw - 1120px) / 2 + 20px);
  width: 370px;
  max-width: calc(100vw - 32px);

  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(34px) saturate(185%);
  -webkit-backdrop-filter: blur(34px) saturate(185%);

  border: 1px solid rgba(255,255,255,.55);
  border-radius: 26px;

  box-shadow:
    0 30px 80px rgba(22,32,51,.14),
    inset 0 1px 0 rgba(255,255,255,.55);

  display: none;
  overflow: hidden;
  z-index: 2000;
}

.eym-notif-panel.open {
  display: block;
}

.eym-notif-header {
  padding: 18px 20px;
  font-weight: 850;
  letter-spacing: -.02em;
  color: var(--eym-ink);
  border-bottom: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.22);
}

.eym-notif-list {
  max-height: 420px;
  overflow: auto;
}

.eym-notif-item {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255,255,255,.38);
}

.eym-notif-item:last-child {
  border-bottom: 0;
}

.eym-notif-item.unread {
  background: rgba(31,123,234,.075);
}

.eym-notif-title {
  font-weight: 850;
  font-size: 14px;
  letter-spacing: -.015em;
}

.eym-notif-text {
  margin-top: 5px;
  color: var(--eym-muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width:760px) {
  .eym-notif-panel {
    top: 72px;
    left: 16px;
    right: 16px;
    width: auto;
  }
}

/* Premium Apple-style timeline */
.eym-timeline {
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:0;
  position:relative;
}

.eym-timeline-step {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:18px;
  position:relative;
  padding:0 0 26px;
}

.eym-timeline-step:last-child {
  padding-bottom:0;
}

.eym-timeline-step::after {
  content:"";
  position:absolute;
  left:21px;
  top:44px;
  bottom:0;
  width:2px;
  background:linear-gradient(
    180deg,
    rgba(31,123,234,.24),
    rgba(22,32,51,.08)
  );
}

.eym-timeline-step:last-child::after {
  display:none;
}

.eym-timeline-dot {
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 12px 28px rgba(22,32,51,.08);
  position:relative;
  z-index:2;
}

.eym-timeline-dot::before {
  font-family:"bootstrap-icons";
  font-size:18px;
  line-height:1;
}

/* Completed */
.eym-timeline-completed .eym-timeline-dot {
  background:rgba(14,122,95,.10);
  color:#0E7A5F;
  border-color:rgba(14,122,95,.18);
}

.eym-timeline-completed .eym-timeline-dot::before {
  content:"\F633"; /* bi-check2 */
}

/* Current */
.eym-timeline-current .eym-timeline-dot {
  background:linear-gradient(135deg, rgba(31,123,234,.95), rgba(75,155,255,.95));
  color:#fff;
  border-color:rgba(255,255,255,.75);
  box-shadow:
    0 0 0 7px rgba(31,123,234,.12),
    0 18px 38px rgba(31,123,234,.22);
}

.eym-timeline-current .eym-timeline-dot::before {
  content:"\F4C2"; /* bi-hourglass-split */
}

/* Pending */
.eym-timeline-pending .eym-timeline-dot {
  background:rgba(22,32,51,.045);
  color:rgba(22,32,51,.42);
  border-color:rgba(22,32,51,.06);
}

.eym-timeline-pending .eym-timeline-dot::before {
  content:"\F28A"; /* bi-circle */
}

/* Blocked */
.eym-timeline-blocked .eym-timeline-dot {
  background:rgba(217,39,46,.10);
  color:var(--eym-red);
  border-color:rgba(217,39,46,.18);
}

.eym-timeline-blocked .eym-timeline-dot::before {
  content:"\F623"; /* bi-x-lg */
}

.eym-timeline-content {
  padding-top:2px;
}

.eym-timeline-title {
  font-weight:850;
  letter-spacing:-.025em;
  color:var(--eym-ink);
}

.eym-timeline-text {
  margin-top:5px;
  color:var(--eym-muted);
  font-size:14px;
  line-height:1.45;
  max-width:760px;
}

.eym-timeline-current .eym-timeline-content {
  background:rgba(31,123,234,.055);
  border:1px solid rgba(31,123,234,.08);
  border-radius:18px;
  padding:14px 16px;
  margin-top:-8px;
}

@media (max-width:760px) {
  .eym-timeline-step {
    grid-template-columns:40px 1fr;
    gap:14px;
  }

  .eym-timeline-dot {
    width:40px;
    height:40px;
    border-radius:14px;
  }

  .eym-timeline-step::after {
    left:19px;
    top:40px;
  }
}

/* Executive case timeline v2 */
.eym-timeline {
  margin-top:28px;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.eym-timeline::before {
  content:"";
  position:absolute;
  left:25px;
  top:26px;
  bottom:26px;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(31,123,234,.30),
    rgba(22,32,51,.08)
  );
}

.eym-timeline-step {
  position:relative;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:18px;
  padding:0;
}

.eym-timeline-step::after {
  display:none;
}

.eym-timeline-dot {
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 16px 36px rgba(22,32,51,.075);
  color:var(--eym-muted);
  font-size:0;
  z-index:2;
}

.eym-timeline-dot::before {
  font-family:"bootstrap-icons";
  font-size:19px;
}

.eym-timeline-content {
  position:relative;
  padding:18px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 14px 34px rgba(22,32,51,.045);
}

.eym-timeline-title {
  font-size:15px;
  font-weight:850;
  letter-spacing:-.025em;
  color:var(--eym-ink);
}

.eym-timeline-text {
  margin-top:6px;
  color:var(--eym-muted);
  font-size:14px;
  line-height:1.5;
}

.eym-timeline-content::after {
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
}

/* completed */
.eym-timeline-completed .eym-timeline-dot {
  color:#0E7A5F;
  background:rgba(14,122,95,.09);
  border-color:rgba(14,122,95,.16);
}

.eym-timeline-completed .eym-timeline-dot::before {
  content:"\F26E"; /* bi-check-circle */
}

.eym-timeline-completed .eym-timeline-content::after {
  content:"Complete";
  color:#0E7A5F;
  background:rgba(14,122,95,.09);
}

/* current */
.eym-timeline-current .eym-timeline-dot {
  color:#fff;
  background:linear-gradient(135deg, var(--eym-blue), #5BA7FF);
  border-color:rgba(255,255,255,.82);
  box-shadow:
    0 0 0 8px rgba(31,123,234,.10),
    0 22px 46px rgba(31,123,234,.22);
}

.eym-timeline-current .eym-timeline-dot::before {
  content:"\F4C1"; /* bi-hourglass */
}

.eym-timeline-current .eym-timeline-content {
  background:rgba(255,255,255,.72);
  border-color:rgba(31,123,234,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 22px 55px rgba(31,123,234,.10);
}

.eym-timeline-current .eym-timeline-content::after {
  content:"Current";
  color:var(--eym-blue);
  background:rgba(31,123,234,.10);
}

/* pending */
.eym-timeline-pending .eym-timeline-dot {
  color:rgba(22,32,51,.38);
  background:rgba(22,32,51,.035);
}

.eym-timeline-pending .eym-timeline-dot::before {
  content:"\F28A"; /* bi-circle */
}

.eym-timeline-pending .eym-timeline-content {
  opacity:.72;
}

.eym-timeline-pending .eym-timeline-content::after {
  content:"Pending";
  color:var(--eym-muted);
  background:rgba(22,32,51,.055);
}

/* blocked */
.eym-timeline-blocked .eym-timeline-dot {
  color:var(--eym-red);
  background:rgba(217,39,46,.09);
  border-color:rgba(217,39,46,.16);
}

.eym-timeline-blocked .eym-timeline-dot::before {
  content:"\F33A"; /* bi-exclamation-circle */
}

.eym-timeline-blocked .eym-timeline-content {
  border-color:rgba(217,39,46,.16);
  background:rgba(255,255,255,.68);
}

.eym-timeline-blocked .eym-timeline-content::after {
  content:"Action needed";
  color:var(--eym-red);
  background:rgba(217,39,46,.09);
}

@media (max-width:760px) {
  .eym-timeline::before {
    left:22px;
  }

  .eym-timeline-step {
    grid-template-columns:44px 1fr;
    gap:14px;
  }

  .eym-timeline-dot {
    width:44px;
    height:44px;
    border-radius:16px;
  }

  .eym-timeline-content {
    padding:16px;
  }

  .eym-timeline-content::after {
    position:static;
    display:inline-flex;
    margin-top:10px;
  }
}

.eym-timeline-content::after {
  display:none !important;
  content:none !important;
}

.eym-timeline-pill {
  display:inline-flex;
  margin-top:12px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
}

.eym-timeline-pill-completed {
  color:#0E7A5F;
  background:rgba(14,122,95,.09);
}

.eym-timeline-pill-current {
  color:var(--eym-blue);
  background:rgba(31,123,234,.10);
}

.eym-timeline-pill-pending {
  color:var(--eym-muted);
  background:rgba(22,32,51,.055);
}

.eym-timeline-pill-blocked {
  color:var(--eym-red);
  background:rgba(217,39,46,.09);
}

.eym-timeline-content {
  position: relative;
  padding-right: 130px;
}

.eym-timeline-pill {
  position: absolute;
  top: 18px;
  right: 20px;
  margin-top: 0;
}

@media (max-width:760px) {
  .eym-timeline-content {
    padding-right: 16px;
  }

  .eym-timeline-pill {
    position: static;
    margin-top: 12px;
  }
}

.eym-timeline-completed .eym-timeline-dot::before {
  content:"\F26E"; /* bi-check-circle */
}

.eym-timeline-current .eym-timeline-dot::before {
  content:"\F4C2"; /* bi-hourglass-split */
}

.eym-timeline-pending .eym-timeline-dot::before {
  content:"\F28A"; /* bi-circle */
}

.eym-timeline-blocked .eym-timeline-dot::before {
  content:"\F33A"; /* bi-exclamation-circle */
}

.eym-timeline-dot[data-event="case_started"]::before {
  content:"\F3E7"; /* bi-file-earmark-text */
}

.eym-timeline-dot[data-event="documents_uploaded"]::before {
  content:"\F603"; /* bi-upload */
}

.eym-timeline-dot[data-event="document_review"]::before {
  content:"\F52A"; /* bi-shield-check */
}

.eym-timeline-dot[data-event="submission"]::before,
.eym-timeline-dot[data-event="ready_for_submission"]::before {
  content:"\F1C6"; /* bi-send */
}

.eym-timeline-dot[data-event="decision"]::before {
  content:"\F26E"; /* bi-check-circle */
}

.eym-timeline-dot[data-event^="document_received_"]::before {
  content:"\F603"; /* bi-upload */
}

.eym-timeline-dot[data-event^="document_verified_"]::before,
.eym-timeline-dot[data-event="passport_validated"]::before {
  content:"\F26E"; /* bi-check-circle */
}

.eym-timeline-dot[data-event^="document_rejected_"]::before,
.eym-timeline-dot[data-event="case_blocked"]::before {
  content:"\F33A"; /* bi-exclamation-circle */
}

.eym-timeline-content {
  transition: all .22s ease;
}

.eym-timeline-step:hover .eym-timeline-content {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 22px 60px rgba(22,32,51,.08);
}

.eym-timeline-meta {
  display:inline-block;
  margin-top:10px;
  font-size:12px;
  font-weight:700;
  color:var(--eym-muted);
}

.eym-timeline-step {
  opacity: 0;
  transform: translateY(8px);
  animation: eymFadeIn .4s ease forwards;
}

.eym-timeline-step:nth-child(1) { animation-delay: .05s; }
.eym-timeline-step:nth-child(2) { animation-delay: .1s; }
.eym-timeline-step:nth-child(3) { animation-delay: .15s; }
.eym-timeline-step:nth-child(4) { animation-delay: .2s; }
.eym-timeline-step:nth-child(5) { animation-delay: .25s; }

@keyframes eymFadeIn {
  to {
    opacity:1;
    transform:translateY(0);
  }
}

.eym-timeline-action {
  margin-top: 12px;
  padding: 8px 12px;
  font-size: 12px;
}

.eym-empty-state {
  padding: 26px;
  border-radius: 22px;
  background: rgba(22,32,51,.035);
  color: var(--eym-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eym-empty-state i {
  font-size: 24px;
  color: var(--eym-blue);
}

.eym-empty-state strong {
  color: var(--eym-ink);
  font-size: 15px;
}
/* Mobile burger visibility fix */
.eym-burger {
  color: var(--eym-ink);
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(22,32,51,.08);
}

.eym-burger i {
  color: var(--eym-ink);
  font-size: 24px;
  line-height: 1;
}

@media (max-width:760px) {
  .eym-header-inner {
    gap: 14px;
  }

  .eym-burger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 999px;
  }

  .eym-nav {
    top: 78px;
  }
}

.eym-review-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}

.eym-review-actions {
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.eym-review-actions form {
  margin:0;
}

.eym-action-btn i {
  margin-right:7px;
}

@media (max-width:760px) {
  .eym-review-card-head {
    flex-direction:column;
  }

  .eym-review-actions,
  .eym-review-actions form,
  .eym-review-actions .eym-action-btn {
    width:100%;
    max-width:none;
  }
}

.eym-codeblock {
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  background:rgba(22,32,51,.045);
  color:var(--eym-ink);
  overflow:auto;
  font-size:13px;
}

.eym-notif-item {
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.eym-notif-icon {
  margin-top:2px;
  font-size:17px;
  color:var(--eym-blue);
  flex-shrink:0;
}

.eym-notif-body {
  min-width:0;
}
.eym-notif-time {
  margin-top: 6px;
  color: rgba(107,114,128,.65);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .01em;
}

.eym-notif-footer {
  padding: 14px 18px;
  border-top: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.18);
}

.eym-notif-footer a {
  color: var(--eym-blue);
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
}
.eym-notif-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 18px;
  border-top: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.18);
}

.eym-notif-footer a {
  color: var(--eym-blue);
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
}

.eym-notif-footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.eym-input {
  width: 240px;
  max-width: 100%;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid rgba(22,32,51,.10);
  background: rgba(255,255,255,.72);
  color: var(--eym-ink);
  font-family: var(--eym-font);
  font-size: 13px;
  font-weight: 650;
  outline: none;
}

.eym-input:focus {
  border-color: rgba(31,123,234,.38);
  box-shadow: 0 0 0 4px rgba(31,123,234,.08);
}

@media (max-width:760px) {
  .eym-input {
    width:100%;
  }
}
.eym-danger-text {
  color: var(--eym-red);
  font-weight: 750;
}
.eym-hero-status-row {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

.eym-hero-status-label {
  color:var(--eym-muted);
  font-size:13px;
  font-weight:750;
}
.eym-case-strip {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin:-6px 0 22px;
}

.eym-case-strip > div {
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.6);
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 34px rgba(22,32,51,.045);
}

.eym-case-strip span {
  display:block;
  color:var(--eym-muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.eym-case-strip strong {
  font-size:16px;
  font-weight:850;
}

@media (max-width:760px) {
  .eym-case-strip {
    grid-template-columns:1fr;
  }
}

.eym-section-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:10px;
}

.eym-section-head h2 {
  margin:0;
}

@media (max-width:760px) {
  .eym-section-head {
    flex-direction:column;
    align-items:flex-start;
  }
}

.eym-hero-actions {
  margin-top:18px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.eym-timeline-dot[data-event="case_submitted"]::before {
  content:"\F6C0"; /* bi-send-check */
}

.eym-timeline-dot[data-event="case_approved"]::before {
  content:"\F26A"; /* bi-check-circle-fill */
}

.eym-timeline-dot[data-event="case_rejected"]::before {
  content:"\F33A"; /* bi-exclamation-circle */
}

.eym-timeline-dot[data-event="case_reopened"]::before {
  content:"\F116"; /* bi-arrow-counterclockwise */
}

.eym-disabled {
  display:inline-block;
  font-size:.85rem;
  color:#999;
  opacity:.8;
  margin-top:6px;
}

.eym-change-request-form {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}

@media (max-width:760px) {
  .eym-change-request-form,
  .eym-change-request-form .eym-input,
  .eym-change-request-form .eym-action-btn {
    width:100%;
    max-width:none;
  }
}
.eym-change-request {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 0;
  border-top:1px solid var(--eym-line);
}

@media (max-width:760px) {
  .eym-change-request {
    flex-direction:column;
    align-items:flex-start;
  }
}

.eym-item-requested {
  background: rgba(31,123,234,.055);
  margin: 0 -14px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 18px;
}

.eym-item-requested .eym-item-title::after {
  content: "Requested";
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(31,123,234,.10);
  color: var(--eym-blue);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.eym-requested-pill {
  display:inline-flex;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(31,123,234,.10);
  color:var(--eym-blue);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
  vertical-align:middle;
}

.eym-filters{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap:12px;
  align-items:center;
}

.eym-filters .eym-action-btn{
  width:100%;
  justify-content:center;
}
.eym-signals{
  display:flex;
  gap:6px;
  margin-top:6px;
}

.eym-signal{
  font-size:10px;
  font-weight:800;
  padding:4px 8px;
  border-radius:999px;
  text-transform:uppercase;
}

.eym-signal.danger{
  background:rgba(220,38,38,.1);
  color:#dc2626;
}

.eym-signal.warning{
  background:rgba(245,158,11,.1);
  color:#f59e0b;
}

.eym-signal.aging{
  background:rgba(107,114,128,.1);
  color:#6b7280;
}

.eym-kpi-strip {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin:20px 0 24px;
}
.eym-actions {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.eym-actions form {
  margin:0;
}

.eym-action-btn.success {
  background:#16a34a;
  color:#fff;
}

.eym-action-btn.danger {
  background:#dc2626;
  color:#fff;
}

.eym-row {
  cursor:pointer;
}

.eym-actions form,
.eym-actions a,
.eym-actions button {
  position:relative;
  z-index:2;
}
.eym-kpi-strip {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin:22px 0;
}

.eym-kpi-strip > div {
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 34px rgba(22,32,51,.045);
}

.eym-kpi-strip strong {
  display:block;
  font-size:28px;
  letter-spacing:-.04em;
  line-height:1;
}

.eym-kpi-strip span {
  display:block;
  margin-top:8px;
  color:var(--eym-muted);
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.eym-row {
  display:grid;
  grid-template-columns:2fr 2fr 1fr 1.4fr;
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 16px 40px rgba(22,32,51,.055);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.eym-row:hover {
  transform:translateY(-1px);
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 54px rgba(22,32,51,.08);
}

.eym-signals {
  display:flex;
  gap:6px;
  margin-top:8px;
  flex-wrap:wrap;
}

.eym-signal {
  font-size:10px;
  font-weight:850;
  padding:4px 8px;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.eym-signal.danger {
  background:rgba(217,39,46,.10);
  color:var(--eym-red);
}

.eym-signal.warning {
  background:rgba(249,226,27,.32);
  color:#9A6400;
}

.eym-signal.aging {
  background:rgba(107,114,128,.10);
  color:var(--eym-muted);
}

@media (max-width:900px) {
  .eym-row,
  .eym-kpi-strip {
    grid-template-columns:1fr;
  }
}
.eym-stage-pills {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.eym-stage-pills a {
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:var(--eym-ink);
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  border:1px solid rgba(255,255,255,.72);
}

.eym-stage-pills a.active,
.eym-stage-pills a:hover {
  background:rgba(31,123,234,.10);
  color:var(--eym-blue);
}

.eym-auth-page {
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}

.eym-auth-card {
  width:min(100%, 460px);
  padding:34px;
  border-radius:32px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 30px 80px rgba(22,32,51,.10);
  backdrop-filter:blur(22px);
}

.eym-auth-logo {
  display:inline-flex;
  margin-bottom:24px;
}

.eym-auth-logo img {
  height:52px;
  width:auto;
}

.eym-auth-subtitle {
  color:var(--eym-muted);
  font-weight:600;
  line-height:1.55;
  margin:8px 0 24px;
}

.eym-auth-form {
  display:grid;
  gap:16px;
}

.eym-auth-form label span {
  display:block;
  margin-bottom:7px;
  color:var(--eym-muted);
  font-size:13px;
  font-weight:800;
}

.eym-auth-input {
  width:100%;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(22,32,51,.10);
  background:rgba(255,255,255,.74);
  color:var(--eym-ink);
  font-family:var(--eym-font);
  font-weight:650;
  outline:none;
}

.eym-auth-input:focus {
  border-color:rgba(31,123,234,.38);
  box-shadow:0 0 0 4px rgba(31,123,234,.08);
}

.eym-auth-submit {
  justify-content:center;
  margin-top:6px;
}

.eym-auth-footer {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:22px;
  color:var(--eym-muted);
  font-size:14px;
  font-weight:700;
}

.eym-auth-footer a {
  color:var(--eym-blue);
  text-decoration:none;
  font-weight:850;
}

.eym-auth-error {
  margin-bottom:18px;
}

.eym-auth-lang {
  justify-content:center;
  margin-top:22px;
}
.eym-auth-lang {
  margin: 4px 0 24px;
}

.eym-hero-subtitle {
  margin: 8px 0 22px;
  color: var(--eym-muted);
  font-size: 17px;
  font-weight: 700;
}
.eym-hero-subtitle {
  margin: 8px 0 18px;
  color: var(--eym-muted);
  font-size: 17px;
  font-weight: 750;
}

.eym-hero-status-stack {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.eym-hero-context {
  color:var(--eym-muted);
  font-size:14px;
  font-weight:650;
}

.eym-rule-list {
  list-style:none;
  margin:10px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}

.eym-rule-list li {
  display:flex;
  align-items:flex-start;
  gap:7px;
  color:var(--eym-muted);
  font-size:13px;
  font-weight:650;
  line-height:1.4;
}

.eym-rule-list i {
  color:var(--eym-blue);
  margin-top:2px;
}

.eym-rule-groups {
  display:grid;
  gap:10px;
  margin-top:10px;
}

.eym-rule-group {
  padding:10px 12px;
  border-radius:10px;
  background:#f9fafb;
}

.eym-rule-label {
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6b7280;
}

.eym-rule-group ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:4px;
}

.eym-rule-group li {
  display:flex;
  gap:6px;
  font-size:13px;
  color:#374151;
}

.eym-rule-group i {
  color:#2563eb;
  margin-top:2px;
}
.eym-item-main {
  min-width: 0;
}

.eym-rule-list {
  list-style: none;
  margin: 10px 0 12px;
  padding: 0;
  display: grid;
  gap: 5px;
}

.eym-rule-list li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: var(--eym-muted);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
}

.eym-rule-list i {
  color: var(--eym-blue);
  margin-top: 2px;
}

.eym-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 0;
}

.eym-item-main {
  flex: 1;
  min-width: 0;
}

.eym-action-btn {
  margin-top: 10px;
}

/* Prevent floating button look */
.eym-item > a {
  align-self: center;
}

.eym-item {
  transition: all .18s ease;
}

.eym-item:hover {
  transform: translateY(-1px);
}

.eym-progress-wrap {
  margin-top: 16px;
}

.eym-progress-bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(22,32,51,.07);
  overflow: hidden;
}

.eym-progress-bar span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--eym-blue), #5BA7FF);
}
.eym-badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.eym-badge-danger {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

.eym-badge-warning {
  background: rgba(255, 193, 7, 0.15);
  color: #b8860b;
}

.eym-badge-ok {
  background: rgba(25, 135, 84, 0.12);
  color: #198754;
}

.eym-table-compact {
  width: 100%;
  border-collapse: collapse;
}

.eym-table-compact th {
  text-align: left;
  font-size: 12px;
  opacity: 0.6;
  padding: 10px;
}

.eym-table-compact td {
  padding: 12px 10px;
  border-top: 1px solid rgba(0,0,0,0.05);
}

.eym-table {
  display: grid;
  gap: 18px;
}

.eym-case-row {
  margin-bottom: 0;
}

.eym-row-highlight {
  background: rgba(13, 110, 253, 0.06);
  border-left: 4px solid #0d6efd;
}
.eym-case-row {
  display: grid;
  grid-template-columns: 32px minmax(180px, 1.1fr) minmax(220px, 1.3fr) 160px minmax(220px, auto);
  gap: 18px;
  align-items: center;
}

.eym-case-row .eym-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.eym-case-row select.eym-input {
  min-width: 180px;
}

@media (max-width: 900px) {
  .eym-case-row {
    grid-template-columns: 1fr;
  }

  .eym-case-row .eym-actions {
    justify-content: flex-start;
  }
}
/* 🔵 Base Button — Apple style */
.eym-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 10px 18px;
    border-radius: 999px;

    font-weight: 500;
    font-size: 14px;

    border: none;
    outline: none;

    background: linear-gradient(180deg, #4A90E2 0%, #357ABD 100%);
    color: #fff;

    box-shadow:
        0 6px 16px rgba(53, 122, 189, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.2);

    transition: all 0.18s ease;
    cursor: pointer;
}

/* Hover */
.eym-action-btn:hover {
    transform: translateY(-1px);
    box-shadow:
        0 10px 22px rgba(53, 122, 189, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.25);
}

/* Active */
.eym-action-btn:active {
    transform: translateY(0);
    box-shadow:
        0 4px 10px rgba(53, 122, 189, 0.22),
        inset 0 2px 4px rgba(0,0,0,0.1);
}

/* 🔵 Secondary (outline, elegant) */
.eym-action-btn.secondary {
    background: rgba(255,255,255,0.7);
    color: #1a1a1a;

    box-shadow:
        0 6px 16px rgba(0,0,0,0.08);

    border: 1px solid rgba(0,0,0,0.05);
}

/* 🔴 Danger */
.eym-action-btn.danger {
    background: linear-gradient(180deg, #FF6B6B 0%, #D64545 100%);
    box-shadow: 0 6px 16px rgba(214,69,69,0.25);
}

/* 🟢 Success */
.eym-action-btn.success {
    background: linear-gradient(180deg, #5ACB7B 0%, #3DAA5C 100%);
    box-shadow: 0 6px 16px rgba(61,170,92,0.25);
}

.eym-auth-input,
.eym-input {
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.06);

    padding: 12px 14px;

    box-shadow:
        inset 0 1px 2px rgba(0,0,0,0.04);

    transition: all 0.15s ease;
}

.eym-auth-input:focus,
.eym-input:focus {
    border-color: #4A90E2;
    box-shadow:
        0 0 0 3px rgba(74,144,226,0.15);
}

.eym-auth-premium {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 16px;
  background:
    radial-gradient(circle at 20% 10%, rgba(18,58,111,.14), transparent 32%),
    radial-gradient(circle at 80% 0%, rgba(198,162,58,.14), transparent 28%),
    #f6f8fb;
}

.eym-auth-card-premium {
  width: min(100%, 460px);
  padding: 34px;
  border-radius: 28px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(18,58,111,.16);
  border: 1px solid rgba(255,255,255,.7);
}

.eym-auth-card-premium h1 {
  letter-spacing: -0.04em;
}

.eym-auth-success {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(25,135,84,.08);
  color: #174d32;
}

.eym-auth-success i {
  font-size: 24px;
}

.eym-auth-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}

.eym-auth-secondary-actions a,
.eym-auth-footer a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #123A6F;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
/* =========================================================
   Register page — desktop executive layout
   Keeps existing mobile behavior intact
========================================================= */

.eym-register-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 42px 18px;
  background:
    radial-gradient(circle at 18% 10%, rgba(18,58,111,.12), transparent 32%),
    radial-gradient(circle at 82% 0%, rgba(246,196,37,.14), transparent 28%),
    #f6f8fb;
}

.eym-register-card {
  width: min(100%, 980px);
  padding: 38px;
  border-radius: 30px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px);
  box-shadow: 0 28px 80px rgba(18,58,111,.16);
  border: 1px solid rgba(255,255,255,.75);
}

.eym-register-card .eym-auth-logo {
  margin-bottom: 18px;
}

.eym-register-card h1 {
  max-width: 520px;
  letter-spacing: -.045em;
}

.eym-register-card .eym-auth-subtitle {
  max-width: 560px;
}

.eym-register-form {
  margin-top: 26px;
}

@media (min-width: 860px) {
  .eym-register-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 18px;
    row-gap: 18px;
  }

  .eym-register-form label {
    margin: 0;
  }

  .eym-register-form label:nth-last-of-type(1) {
    grid-column: span 2;
  }

  .eym-register-form .eym-action-btn {
    grid-column: span 2;
    justify-self: start;
    margin-top: 6px;
  }

  .eym-register-card .eym-auth-footer,
  .eym-register-card .eym-auth-lang {
    max-width: 460px;
    margin-left: 0;
  }
}

@media (max-width: 859px) {
  .eym-register-page {
    display: block;
    padding: 22px 14px;
  }

  .eym-register-card {
    width: 100%;
    padding: 28px 22px;
    border-radius: 26px;
  }
}
/* Register master polish */
.eym-register-card {
  position: relative;
  overflow: hidden;
}

.eym-register-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(246,196,37,.22), transparent 24%),
    radial-gradient(circle at 8% 94%, rgba(18,58,111,.10), transparent 28%);
  pointer-events: none;
}

.eym-register-card > * {
  position: relative;
  z-index: 1;
}

.eym-register-hero {
  margin-top: 28px;
  margin-bottom: 28px;
}

.eym-register-card .eym-auth-logo img {
  height: 48px;
}

.eym-register-card h1 {
  max-width: 660px;
  font-size: clamp(38px, 4.2vw, 64px);
  line-height: .94;
  letter-spacing: -.065em;
  margin-bottom: 18px;
}

.eym-register-card .eym-auth-subtitle {
  max-width: 640px;
  font-size: 18px;
  line-height: 1.55;
  color: #667085;
}

.eym-register-form {
  align-items: end;
}

.eym-register-form label span {
  font-size: 12px;
  letter-spacing: -.01em;
  color: #667085;
}

.eym-register-form .eym-auth-input {
  height: 48px;
  border-radius: 18px;
  background: rgba(255,255,255,.78);
}

.eym-register-form .eym-auth-input:focus {
  background: #fff;
}

.eym-register-form button.eym-action-btn {
  min-height: 46px;
  padding-inline: 22px;
}

@media (min-width: 860px) {
  .eym-register-card {
    padding: 46px 54px 42px;
  }

  .eym-register-card .eym-auth-logo,
  .eym-register-card .eym-auth-lang:first-of-type {
    display: inline-flex;
    vertical-align: middle;
  }

  .eym-register-card .eym-auth-lang:first-of-type {
    width: 280px;
    margin-left: 22px;
    transform: translateY(-8px);
  }

  .eym-register-form {
    grid-template-columns: repeat(12, 1fr);
  }

  .eym-register-form label:nth-of-type(1),
  .eym-register-form label:nth-of-type(2),
  .eym-register-form label:nth-of-type(3),
  .eym-register-form label:nth-of-type(4) {
    grid-column: span 6;
  }

  .eym-register-form label:nth-of-type(5),
  .eym-register-form label:nth-of-type(6),
  .eym-register-form label:nth-of-type(7) {
    grid-column: span 4;
  }

  .eym-register-form label:nth-of-type(8) {
    grid-column: span 8;
  }

  .eym-register-form .eym-action-btn {
    grid-column: span 4;
    justify-self: end;
    align-self: end;
    width: 100%;
  }

  .eym-register-card .eym-auth-footer {
    margin-top: 26px;
    text-align: center;
  }

  .eym-register-card .eym-auth-lang:last-child {
    display: none;
  }
}

@media (max-width: 859px) {
  .eym-register-hero {
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .eym-register-card h1 {
    font-size: 42px;
  }
}

.eym-recommended-services details {
  width: 100%;
}

.eym-recommended-services summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.eym-recommended-services summary::-webkit-details-marker {
  display: none;
}

.eym-recommended-services summary h2 {
  margin-bottom: 0;
}

.eym-service-list {
  margin-top: 10px;
}
/* ROW */
.eym-visa-row {
  padding: 18px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* HEADER */
.eym-visa-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

/* TITLE */
.eym-visa-title {
  font-size:18px;
  font-weight:600;
  letter-spacing:-0.2px;
}

/* META */
.eym-visa-meta {
  font-size:13px;
  color:#6b7280;
  margin-top:4px;
}

.eym-visa-stats {
  font-size:13px;
  color:#4b5563;
  margin-top:6px;
}

/* STATUS BADGE */
.eym-visa-status {
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}

/* CONTROLS */
.eym-visa-controls {
  display:flex;
  gap:18px;
  margin-top:14px;
  align-items:center;
}

/* TOGGLES */
.eym-toggle {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:#374151;
}

/* SELECT */
.eym-parent-select {
  min-width:160px;
}
.eym-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 24px;
  align-items: start;
}

.eym-grid > .eym-card {
  min-width: 0;
}

@media (max-width: 900px) {
  .eym-grid {
    grid-template-columns: 1fr;
  }
}

.eym-doc-preview {
  margin-top: 18px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}

.eym-doc-preview iframe,
.eym-doc-preview img {
  width: 100%;
  min-height: 72vh;
  border: 0;
  display: block;
  background: #f8fafc;
}

.eym-doc-status-strip {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.eym-case-email{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:240px;
    display:block;
}
.eym-filters{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
  gap:12px;
  align-items:center;
}

.eym-filters .eym-input{
  width:100%;
}

.eym-filters .eym-action-btn{
  width:auto;
  min-width:120px;
  justify-content:center;
  margin-top:0;
}

@media (max-width:1100px){
  .eym-filters{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eym-filters .eym-action-btn{
    width:100%;
  }
}

@media (max-width:700px){
  .eym-filters{
    grid-template-columns:1fr;
  }
}

.eym-modal{
  position:fixed;
  inset:0;
  z-index:3000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(22,32,51,.28);
  backdrop-filter:blur(18px);
}

.eym-modal.open{
  display:flex;
}

.eym-modal-card{
  width:min(720px, 100%);
  max-height:90vh;
  overflow:auto;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  padding:28px;
  box-shadow:0 34px 90px rgba(22,32,51,.22);
}

textarea.eym-auth-input{
  min-height:140px;
  resize:vertical;
  line-height:1.5;
}
.eym-action-required-card{
  border-color:rgba(249,226,27,.65);
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.86)),
    radial-gradient(circle at top right, rgba(249,226,27,.22), transparent 30%);
}

.eym-action-required-card .eym-kicker{
  color:#9A6400;
}

.eym-notice.warning{
  background:rgba(249,226,27,.22);
  border-color:rgba(249,226,27,.45);
}
.eym-info-reply-form{
  margin-top:16px;
  display:grid;
  gap:12px;
}

.eym-info-reply-form .eym-action-btn{
  justify-self:start;
}

.eym-action-required-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(249,226,27,.38);
  background:
    radial-gradient(circle at top right, rgba(249,226,27,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84));
}

.eym-action-required-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg, var(--eym-yellow), var(--eym-blue));
}

.eym-info-request-item{
  align-items:stretch;
  padding:20px;
  margin-top:16px;
  border:1px solid rgba(22,32,51,.07);
  border-radius:24px;
  background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 14px 34px rgba(22,32,51,.045);
}

.eym-info-reply-form{
  margin-top:18px;
  display:grid;
  gap:12px;
}

.eym-info-upload{
  padding:16px;
  border-radius:20px;
  border:1px dashed rgba(31,123,234,.30);
  background:rgba(31,123,234,.045);
}

.eym-info-upload label{
  display:grid;
  gap:8px;
}

.eym-info-upload-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--eym-ink);
  font-size:13px;
  font-weight:850;
}

.eym-info-upload-title i{
  color:var(--eym-blue);
}

.eym-info-upload input[type="file"]{
  cursor:pointer;
  background:rgba(255,255,255,.82);
}

.eym-info-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

@media (max-width:760px){
  .eym-info-request-item{
    flex-direction:column;
  }

  .eym-info-actions .eym-action-btn{
    width:100%;
    max-width:none;
  }
}

.eym-upload-divider{
    display:flex;
    align-items:center;
    gap:12px;
    margin:22px 0 14px;
}

.eym-upload-divider::before,
.eym-upload-divider::after{
    content:'';
    flex:1;
    height:1px;
    background:#E8EDF5;
}

.eym-upload-divider span{
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#7B8190;
}

.eym-doc-status-strip{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.eym-file-pill-wrap{
    display:flex;
    align-items:center;
    gap:6px;
}

.eym-file-delete-form{
    margin:0;
}

.eym-file-delete-btn{
    width:28px;
    height:28px;
    border:none;
    border-radius:999px;

    background:#F3F5F8;
    color:#7B8190;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    transition:.18s ease;
}

.eym-file-delete-btn:hover{
    background:#FFE5E5;
    color:#C62828;
}

.eym-info-request-item{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start !important;
  gap:20px;
}

.eym-info-request-item > div:first-child{
  min-width:0;
}

.eym-info-request-item > .eym-status{
  width:auto !important;
  min-width:0 !important;
  max-width:max-content !important;
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
  justify-self:end !important;
  padding:8px 12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  display:inline-flex !important;
}

.eym-info-label{
  display:grid;
  gap:8px;
}

.eym-info-label span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:850;
  color:var(--eym-ink);
}

.eym-info-reply-form textarea.eym-auth-input{
  display:block !important;
  width:100% !important;
  min-height:120px !important;
  resize:vertical;
}

@media(max-width:760px){
  .eym-info-request-item{
    grid-template-columns:1fr;
  }

  .eym-info-request-item > .eym-status{
    justify-self:start !important;
  }
}

/* =========================
   INFO REQUEST — APPLE LEVEL
========================= */

.eym-action-required-card{
  border:1px solid rgba(31,123,234,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.92));
  box-shadow:
    0 20px 60px rgba(15,23,42,.06),
    0 6px 18px rgba(15,23,42,.04);
  border-radius:28px;
  overflow:hidden;
}

.eym-info-request-item{
  position:relative;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  transition:.22s ease;
}

.eym-info-request-item + .eym-info-request-item{
  margin-top:18px;
}

.eym-info-request-item:hover{
  transform:translateY(-1px);
  box-shadow:
    0 12px 34px rgba(15,23,42,.06),
    0 3px 12px rgba(15,23,42,.04);
}

.eym-info-request-item strong{
  display:block;
  font-size:18px;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--eym-ink);
  margin-bottom:8px;
}

.eym-item-meta{
  color:#667085;
  line-height:1.7;
  font-size:14px;
}

/* =========================
   STATUS PILL
========================= */

.eym-info-request-item .eym-status{
  border:none !important;
  border-radius:999px;
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.02em;
  padding:8px 12px !important;
  backdrop-filter:blur(8px);
}

.eym-status-pending{
  background:rgba(249,226,27,.18) !important;
  color:#7A5B00 !important;
}

.eym-status-verified{
  background:rgba(14,122,95,.12) !important;
  color:#0E7A5F !important;
}

.eym-status-invalid{
  background:rgba(217,39,46,.10) !important;
  color:#B42318 !important;
}

/* =========================
   REPLY FORM
========================= */

.eym-info-reply-form{
  margin-top:18px;
  display:grid;
  gap:14px;
}

.eym-info-reply-form textarea{
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:#FCFDFF !important;
  padding:18px !important;
  min-height:130px !important;
  font-size:15px;
  line-height:1.6;
  transition:.18s ease;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.03);
}

.eym-info-reply-form textarea:focus{
  border-color:rgba(31,123,234,.45) !important;
  box-shadow:
    0 0 0 4px rgba(31,123,234,.10),
    inset 0 1px 2px rgba(15,23,42,.03);
  background:#fff !important;
}

/* =========================
   ATTACHMENTS
========================= */

.eym-doc-status-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.eym-file-pill-wrap{
  display:flex;
  align-items:center;
  gap:6px;
}

.eym-link-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#F5F7FB;
  border:1px solid rgba(15,23,42,.06);
  color:var(--eym-ink);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  transition:.18s ease;
}

.eym-link-pill:hover{
  background:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}

.eym-file-delete-btn{
  width:28px;
  height:28px;
  border:none;
  border-radius:999px;
  background:rgba(217,39,46,.08);
  color:#B42318;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.18s ease;
}

.eym-file-delete-btn:hover{
  background:rgba(217,39,46,.16);
  transform:scale(1.05);
}

/* =========================
   DIVIDER
========================= */

.eym-upload-divider{
  margin-top:20px;
  margin-bottom:8px;
  position:relative;
  text-align:left;
}

.eym-upload-divider span{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#98A2B3;
}

/* =========================
   MOBILE
========================= */

@media(max-width:760px){

  .eym-info-request-item{
    padding:18px;
    border-radius:22px;
  }

  .eym-info-request-item strong{
    font-size:16px;
  }

  .eym-info-reply-form textarea{
    min-height:110px !important;
  }
}

.eym-audit-card,
.eym-card:has(details) {
  position: relative;
}

.eym-status-review {
  color: var(--eym-blue);
  background: rgba(31,123,234,.10);
}

.eym-codeblock {
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 420px;
}

.eym-card details summary {
  cursor: pointer;
  width: max-content;
  margin-top: 6px;
}

.eym-card details[open] summary {
  margin-bottom: 12px;
}

.eym-filters {
  align-items: end;
}

.eym-filters .eym-action-btn {
  margin-top: 0;
  max-width: none;
  height: 46px;
}

@media (max-width:760px) {
  .eym-filters .eym-action-btn,
  .eym-filters .eym-input {
    width: 100%;
  }
}

.finance-risk-card{
    padding:1.15rem;
    border-radius:24px;
    background:#fff;
    border:1px solid var(--eym-line);
    min-height:160px;
    display:flex;
    flex-direction:column;
    gap:.55rem;
}

.finance-risk-card i{
    width:44px;
    height:44px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
}

.finance-risk-card span{
    font-size:.92rem;
    font-weight:850;
    letter-spacing:-.02em;
    color:var(--eym-ink);
}

.finance-risk-card strong{
    font-size:2rem;
    line-height:1;
    letter-spacing:-.06em;
    font-weight:900;
}

.finance-risk-card small{
    color:var(--eym-muted);
    line-height:1.45;
}

.finance-risk-high i{
    background:rgba(217,39,46,.10);
    color:var(--eym-red);
}

.finance-risk-medium i{
    background:rgba(249,226,27,.24);
    color:#8A6400;
}

.finance-risk-low i{
    background:#F1F6FF;
    color:var(--eym-blue);
}

.finance-risk-card{
    color:var(--eym-ink);
    text-decoration:none;
    transition:.18s ease;
}

.finance-risk-card:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 60px rgba(15,23,42,.08);
}

.finance-ratio-health{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
}

.finance-ratio-health div{
    padding:1.25rem;
    border-radius:26px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.74);
    box-shadow:0 18px 50px rgba(15,23,42,.06);
}

.finance-ratio-health span{
    display:block;
    color:var(--eym-muted);
    font-size:.76rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.finance-ratio-health strong{
    display:block;
    margin-top:.4rem;
    font-size:2.1rem;
    line-height:1;
    letter-spacing:-.06em;
}

.finance-ratio-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
}

.finance-ratio-card{
    position:relative;
    overflow:hidden;
    min-height:245px;
    padding:1.35rem;
    border-radius:30px;
    background:
        radial-gradient(circle at top right, rgba(31,123,234,.10), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,253,.86));
    border:1px solid rgba(255,255,255,.76);
    box-shadow:0 24px 70px rgba(15,23,42,.07);
    animation:financeRise .42s ease both;
}

.finance-ratio-card.good{
    background:
        radial-gradient(circle at top right, rgba(14,122,95,.14), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,253,.86));
}

.finance-ratio-card.watch{
    background:
        radial-gradient(circle at top right, rgba(249,226,27,.22), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,253,.86));
}

.finance-ratio-card.risk{
    background:
        radial-gradient(circle at top right, rgba(217,39,46,.14), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,253,.86));
}

.finance-ratio-top{
    display:flex;
    align-items:center;
    gap:.7rem;
    margin-bottom:1.15rem;
}

.finance-ratio-top i{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:17px;
    background:#F1F6FF;
    color:var(--eym-blue);
    font-size:1.15rem;
}

.finance-ratio-card.good .finance-ratio-top i{
    background:rgba(14,122,95,.10);
    color:#0E7A5F;
}

.finance-ratio-card.watch .finance-ratio-top i{
    background:rgba(249,226,27,.28);
    color:#8A6400;
}

.finance-ratio-card.risk .finance-ratio-top i{
    background:rgba(217,39,46,.10);
    color:var(--eym-red);
}

.finance-ratio-top span{
    color:var(--eym-muted);
    font-size:.75rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.finance-ratio-card h3{
    margin:0;
    color:var(--eym-ink);
    font-size:1rem;
    font-weight:850;
    letter-spacing:-.03em;
}

.finance-ratio-card > strong{
    display:block;
    margin-top:1rem;
    font-size:2.15rem;
    line-height:1;
    letter-spacing:-.07em;
    font-weight:900;
}

.finance-ratio-card p{
    margin:1rem 0 0;
    color:var(--eym-muted);
    font-size:.92rem;
    line-height:1.55;
}

.finance-ratio-card:hover{
    transform:translateY(-3px);
    box-shadow:0 30px 80px rgba(15,23,42,.10);
}

@media(max-width:1100px){
    .finance-ratio-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:720px){
    .finance-ratio-health,
    .finance-ratio-grid{
        grid-template-columns:1fr;
    }
}

.finance-ratio-target{
    display:inline-flex;
    margin-top:1rem;
    padding:.45rem .65rem;
    border-radius:999px;
    background:rgba(15,23,42,.05);
    color:var(--eym-ink);
    font-size:.75rem;
    font-weight:850;
}

.finance-ratio-target{
    display:inline-flex;
    margin-top:1rem;
    padding:.45rem .65rem;
    border-radius:999px;
    background:rgba(15,23,42,.05);
    color:var(--eym-ink);
    font-size:.75rem;
    font-weight:850;
}
.eym-case-row {
  display: grid !important;
  grid-template-columns: 32px minmax(170px, 1.05fr) minmax(220px, 1.35fr) 150px minmax(220px, auto) !important;
  gap: 18px !important;
  align-items: center !important;
  width: 100%;
}

.eym-case-row > div {
  min-width: 0;
}

.eym-case-row .eym-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.eym-case-email,
.eym-case-row span,
.eym-case-row strong,
.eym-case-row .eym-item-meta {
  overflow: hidden;
  text-overflow: ellipsis;
}

.eym-case-email {
  max-width: 220px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .eym-case-row {
    grid-template-columns: 1fr !important;
  }

  .eym-case-row .eym-actions {
    justify-content: flex-start;
  }
}
.eym-bell-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(220, 38, 38, .35);
}

.eym-message-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
}

.eym-message-bubble {
  max-width: 78%;
  padding: 14px 16px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
}

.eym-message-bubble-team {
  align-self: flex-start;
  background: #f1f5f9;
  color: #0f172a;
  border-bottom-left-radius: 6px;
}

.eym-message-bubble-client {
  align-self: flex-end;
  background: #dbeafe;
  color: #0f172a;
  border-bottom-right-radius: 6px;
}

.eym-message-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .65;
  margin-bottom: 6px;
}
.eym-message-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
  width: 100%;
}

.eym-message-bubble {
  max-width: 78%;
  padding: 14px 16px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .08);
  word-break: break-word;
}

.eym-message-bubble-team {
  align-self: flex-start;
  background: #f1f5f9;
  border-bottom-left-radius: 6px;
}

.eym-message-bubble-client {
  align-self: flex-end;
  background: #dbeafe;
  border-bottom-right-radius: 6px;
}

.eym-message-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .65;
  margin-bottom: 6px;
}

.eym-message-time {
  font-size: 11px;
  opacity: .55;
  margin-top: 8px;
}

@media (max-width: 640px) {
  .eym-message-bubble {
    max-width: 94%;
    font-size: 14px;
  }

  .eym-message-bubble-client {
    align-self: flex-end;
  }

  .eym-message-bubble-team {
    align-self: flex-start;
  }
}

.eym-bell {
  position: relative;
}

.eym-bell-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eym-message-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
  width: 100%;
}

.eym-message-bubble {
  max-width: 78%;
  padding: 14px 16px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 10px 25px rgba(15, 23, 42, .08);
  word-break: break-word;
}

.eym-message-bubble-team {
  align-self: flex-start;
  background: #f1f5f9;
  border-bottom-left-radius: 6px;
}

.eym-message-bubble-client {
  align-self: flex-end;
  background: #dbeafe;
  border-bottom-right-radius: 6px;
}

.eym-message-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .65;
  margin-bottom: 6px;
}

.eym-message-time {
  font-size: 11px;
  opacity: .55;
  margin-top: 8px;
}

.eym-bell {
  position: relative;
}

.eym-bell-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 640px) {
  .eym-message-bubble {
    max-width: 94%;
    font-size: 14px;
  }
}
.eym-notif-item.priority-high,
.eym-notif-item.priority-critical {
  border-left: 4px solid #dc2626;
  background: #fff7f7;
}

.eym-notif-item.priority-critical .eym-notif-title {
  color: #991b1b;
  font-weight: 900;
}

.eym-notif-item.priority-high .eym-notif-title {
  font-weight: 800;
}
.eym-bell-count.urgent {
  background: #b91c1c;
  animation: eymPulseBell 1.3s infinite;
}

@keyframes eymPulseBell {
  0% { transform: scale(1); }
  50% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
.eym-admin-menu {
  position: relative;
}

.eym-admin-menu-btn {
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 800;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.eym-admin-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  min-width: 320px;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 60px rgba(15,23,42,.14);
  border: 1px solid rgba(15,23,42,.08);
  z-index: 1000;
}

.eym-admin-menu:hover .eym-admin-dropdown,
.eym-admin-menu:focus-within .eym-admin-dropdown {
  display: grid;
  gap: 14px;
}

.eym-admin-dropdown-section {
  display: grid;
  gap: 8px;
}

.eym-admin-dropdown-section span {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #64748b;
}

.eym-admin-dropdown-section a {
  padding: 10px 12px;
  border-radius: 14px;
}

.eym-admin-dropdown-section a:hover {
  background: #f1f5f9;
}
.eym-admin-command-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.eym-command-card {
  display: grid;
  gap: 14px;
  padding: 22px;
  border-radius: 24px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  border: 1px solid rgba(15, 23, 42, .08);
}

.eym-command-card:hover {
  transform: translateY(-2px);
}

.eym-command-icon {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #f1f5f9;
  font-size: 20px;
}

.eym-command-count {
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.eym-command-card h2 {
  margin: 8px 0 4px;
  font-size: 17px;
}

.eym-command-card p {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}

@media (max-width: 1100px) {
  .eym-admin-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .eym-admin-command-grid {
    grid-template-columns: 1fr;
  }
}
.eym-command-card:nth-child(1) .eym-command-icon { background:#e0f2fe; color:#0369a1; }
.eym-command-card:nth-child(2) .eym-command-icon { background:#ede9fe; color:#6d28d9; }
.eym-command-card:nth-child(3) .eym-command-icon { background:#fee2e2; color:#b91c1c; }
.eym-command-card:nth-child(4) .eym-command-icon { background:#fef3c7; color:#b45309; }
.eym-command-card:nth-child(5) .eym-command-icon { background:#dcfce7; color:#15803d; }

.eym-command-card:nth-child(3),
.eym-command-card:nth-child(4) {
  border-color: rgba(220, 38, 38, .16);
}

.eym-command-card:nth-child(3) .eym-command-count,
.eym-command-card:nth-child(4) .eym-command-count {
  color: #b91c1c;
}
.eym-quick-action-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.eym-activity-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid rgba(15,23,42,.08);
  text-decoration: none;
  color: inherit;
}

.eym-activity-row:hover strong {
  text-decoration: underline;
}
.eym-accordion-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}

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

.eym-accordion-card .eym-accordion-summary {
  padding-left: 14px !important;
}

.eym-accordion-activity .eym-accordion-summary {
  border-left: 4px solid #3b82f6 !important;
}

.eym-accordion-delivery .eym-accordion-summary {
  border-left: 4px solid #10b981 !important;
}

.eym-accordion-risk .eym-accordion-summary {
  border-left: 4px solid #f59e0b !important;
}

.eym-accordion-controls .eym-accordion-summary {
  border-left: 4px solid #8b5cf6 !important;
}
.eym-delivery-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.eym-delivery-status.status-sent {
  background: #dcfce7;
  color: #166534;
}

.eym-delivery-status.status-pending {
  background: #fef3c7;
  color: #92400e;
}

.eym-delivery-status.status-failed {
  background: #fee2e2;
  color: #991b1b;
}

.eym-delivery-status.status-skipped {
  background: #f1f5f9;
  color: #64748b;
}
.eym-admin-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .eym-header,
  .eym-header-inner,
  .eym-nav,
  .eym-mobile-menu {
    overflow: visible !important;
  }

  .eym-admin-dropdown,
  .eym-nav-admin {
    position: relative;
  }

  .eym-admin-dropdown-menu {
    position: fixed !important;
    top: 82px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    z-index: 99999 !important;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    padding: 14px;
  }

  .eym-admin-dropdown-menu a {
    display: flex;
    width: 100%;
    padding: 13px 14px;
    border-radius: 14px;
    color: #0f172a !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
.eym-admin-dropdown-menu.show,
.eym-admin-dropdown.open .eym-admin-dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.eym-executive-insight {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, #f8fafc);
  border: 1px solid rgba(37, 99, 235, 0.14);
}

.eym-executive-insight h2 {
  margin-bottom: 6px;
}

.eym-executive-insight .eym-kpi-strip > div {
  background: rgba(255, 255, 255, 0.78);
}
.eym-executive-insight {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 32%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.14), transparent 30%),
    linear-gradient(135deg, #ffffff, #f8fafc);
  border: 1px solid rgba(37, 99, 235, 0.16);
}

.eym-executive-insight .eym-kicker {
  color: #2563eb;
}

.eym-executive-insight h2 {
  color: #0f172a;
}

.eym-executive-insight .eym-kpi-strip > div:first-child {
  border-left: 4px solid #f59e0b;
}

.eym-executive-insight .eym-kpi-strip > div:last-child {
  border-left: 4px solid #10b981;
}
.eym-executive-insight .eym-kpi-strip > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 22px;
}

.eym-executive-insight .eym-link-pill {
  margin-bottom: 4px;
}

.eym-executive-insight .eym-kpi-strip span {
  line-height: 1.45;
  letter-spacing: 0.04em;
}

.eym-executive-insight .eym-kpi-strip strong {
  font-size: 24px;
  line-height: 1;
}
.eym-signal.forecast {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
}
.eym-table-compact tr.eym-performance-row td:first-child {
  position: relative !important;
  padding-left: 22px !important;
}

.eym-table-compact tr.eym-performance-row td:first-child::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 999px;
  background: #cbd5e1;
}

.eym-table-compact tr.eym-performance-ok td:first-child::before {
  background: #10b981 !important;
}

.eym-table-compact tr.eym-performance-warning td:first-child::before {
  background: #f59e0b !important;
}

.eym-table-compact tr.eym-performance-danger td:first-child::before {
  background: #ef4444 !important;
}.eym-table-compact tr.eym-performance-row td:first-child {
  position: relative !important;
  padding-left: 22px !important;
}

.eym-table-compact tr.eym-performance-row td:first-child::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 999px;
  background: #cbd5e1;
}

.eym-table-compact tr.eym-performance-ok td:first-child::before {
  background: #10b981 !important;
}

.eym-table-compact tr.eym-performance-warning td:first-child::before {
  background: #f59e0b !important;
}

.eym-table-compact tr.eym-performance-danger td:first-child::before {
  background: #ef4444 !important;
}
.eym-accordion-capacity .eym-accordion-summary {
  border-left: 4px solid #10b981;
  padding-left: 18px;
}

.eym-accordion-analytics .eym-accordion-summary {
  border-left: 4px solid #f59e0b;
  padding-left: 18px;
}
.eym-critical-stage {
  background: rgba(239, 68, 68, 0.04);
}

.eym-executive-insight .eym-kpi-strip > div {
  border-left: 4px solid #cbd5e1;
}

.eym-executive-insight .eym-kpi-strip > div:nth-child(1),
.eym-executive-insight .eym-kpi-strip > div:nth-child(4) {
  border-left-color: #f59e0b;
}

.eym-executive-insight .eym-kpi-strip > div:nth-child(2),
.eym-executive-insight .eym-kpi-strip > div:nth-child(3),
.eym-executive-insight .eym-kpi-strip > div:nth-child(5) {
  border-left-color: #10b981;
}
@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .eym-page {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    overflow-x: hidden;
  }

  .eym-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .eym-admin-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .eym-command-card {
    min-width: 0;
    padding: 18px 14px;
  }

  .eym-command-card h2,
  .eym-accordion-summary h2,
  .eym-executive-insight h2 {
    font-size: 22px;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .eym-command-card p,
  .eym-item-meta,
  .eym-notice {
    overflow-wrap: anywhere;
  }

  .eym-accordion-summary {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .eym-accordion-summary > div {
    min-width: 0;
    flex: 1;
  }

  .eym-accordion-summary .eym-action-btn,
  .eym-accordion-summary > span {
    flex-shrink: 0;
    white-space: nowrap;
    max-width: 44%;
  }

  .eym-kpi-strip {
    grid-template-columns: 1fr;
  }

  .eym-executive-insight .eym-kpi-strip {
    grid-template-columns: 1fr;
  }

  .eym-table-compact {
    min-width: 720px;
  }

  .eym-card > div[style*="overflow:auto"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 768px) {
  .eym-accordion-summary {
    flex-direction: column;
    align-items: flex-start;
  }

  .eym-accordion-summary .eym-action-btn,
  .eym-accordion-summary > span {
    max-width: 100%;
    align-self: flex-start;
    margin-top: 8px;
  }
}
@media (max-width: 768px) {

  .eym-card p,
  .eym-card .eym-item-meta,
  .eym-card .eym-notice,
  .eym-card span,
  .eym-card td,
  .eym-card th {
    font-size: 15px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .eym-accordion-summary h2,
  .eym-card h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere;
  }

  .eym-kicker {
    font-size: 11px !important;
    letter-spacing: 0.14em;
  }

  .eym-command-count {
    font-size: 28px !important;
  }
}
@media (max-width: 768px) {
  .eym-accordion-summary,
  .eym-section-head {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .eym-accordion-summary > div,
  .eym-section-head > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .eym-accordion-summary p,
  .eym-accordion-summary .eym-item-meta,
  .eym-section-head p,
  .eym-section-head .eym-item-meta {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .eym-accordion-summary h2,
  .eym-section-head h2 {
    white-space: normal !important;
    max-width: 100% !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
  }
}
.eym-status-critical {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.eym-status-warning {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.2);
}

.eym-status-info,
.eym-status-ok {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.eym-table-compact tr[onclick] {
  transition:
    background 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.eym-table-compact tr[onclick]:hover {
  background: rgba(248, 250, 252, 0.95);
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12);
}
.eym-stage-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.eym-stage-pills a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 14px;
    white-space: nowrap;
}
.eym-password-wrap {
  position: relative;
}

.eym-password-wrap .eym-auth-input {
  padding-right: 52px;
}

.eym-password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #64748b;
  font-size: 18px;
  cursor: pointer;
}
.eym-password-wrap {
    position: relative;
}

.eym-password-wrap .eym-auth-input {
    padding-right: 52px;
}

.eym-password-toggle {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
/* EYM Form Standard */
.eym-form {
    width: 100%;
}

.eym-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.eym-form-grid label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-weight: 600;
    color: #111827;
}

.eym-form-grid label span {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.eym-form-grid .eym-input,
.eym-form-grid input,
.eym-form-grid select,
.eym-form-grid textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.eym-form-actions {
    margin-top: 22px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .eym-form-grid {
        grid-template-columns: 1fr;
    }
}
/* ==================================================
   EYM Country + Australia Module Navigation
   Premium responsive navigation
================================================== */

/* Country selector */

.eym-country-shell {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 18px 16px 6px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 70;
}

.eym-country-shell::-webkit-scrollbar {
    display: none;
}

.eym-country-nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: max-content;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.eym-country-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.eym-country-nav a:hover {
    background: rgba(241, 245, 249, 0.9);
    color: #0f172a;
}

.eym-country-nav a.active {
    background: #0f172a;
    color: #ffffff;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* Australia module toolbar */

.eym-au-toolbar {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 8px 16px 18px;
    overflow: visible;
    position: relative;
    z-index: 80;
}

.eym-au-toolbar-inner {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 1180px;
    min-width: 0;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.eym-au-pill,
.eym-au-more summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    list-style: none;
    border: 0;
    background: transparent;
    transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.eym-au-pill i,
.eym-au-more summary i {
    font-size: 14px;
    line-height: 1;
    opacity: 0.82;
}

.eym-au-more summary::-webkit-details-marker {
    display: none;
}

.eym-au-more summary::marker {
    content: "";
}

.eym-au-pill:hover,
.eym-au-pill.active,
.eym-au-more[open] summary,
.eym-au-more summary.active {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 7px 18px rgba(15, 23, 42, 0.10);
}

.eym-au-pill.active {
    background: #0f172a;
    color: #ffffff;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.eym-au-pill.active i {
    opacity: 1;
}

.eym-au-more {
    position: relative;
    flex: 0 0 auto;
}

.eym-au-more-panel {
    position: absolute;
    top: 48px;
    right: 0;
    width: 250px;
    padding: 8px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: 300;
}

.eym-au-more-panel a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 13px;
    border-radius: 15px;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.eym-au-more-panel a:hover,
.eym-au-more-panel a.active {
    background: #eef4ff;
    color: #0f172a;
}

/* Mobile nav */

@media (max-width: 768px) {
    .eym-country-shell {
        justify-content: flex-start;
        padding: 12px 12px 6px;
        overflow-x: auto;
    }

    .eym-country-nav {
        min-width: max-content;
    }

    .eym-country-nav a {
        min-height: 42px;
        padding: 0 18px;
        font-size: 14px;
    }

    .eym-au-toolbar {
        justify-content: flex-start;
        padding: 8px 12px 14px;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }

    .eym-au-toolbar::-webkit-scrollbar {
        display: none;
    }

    .eym-au-toolbar-inner {
        min-width: max-content;
        justify-content: flex-start;
        border-radius: 24px;
    }

    .eym-au-pill {
        min-width: 44px;
        min-height: 42px;
        padding: 0 13px;
    }

    .eym-au-pill span {
        display: none;
    }

    .eym-au-more summary {
        min-height: 42px;
        padding: 0 16px;
        font-size: 14px;
    }

    .eym-au-more-panel {
        position: fixed;
        left: 14px;
        right: 14px;
        top: 155px;
        width: auto;
        max-height: 60vh;
        overflow: auto;
        border-radius: 26px;
        padding: 10px;
    }

    .eym-au-more-panel a {
        min-height: 48px;
        font-size: 15px;
    }
}
.eym-mobile-cards {
    display: none;
}

@media (max-width: 768px) {
    .eym-desktop-table {
        display: none !important;
    }

    .eym-mobile-cards {
        display: grid;
        gap: 16px;
    }

    .eym-mobile-card {
        padding: 18px;
        border-radius: 24px;
        background: #ffffff;
        border: 1px solid rgba(15,23,42,.08);
        box-shadow: 0 14px 34px rgba(15,23,42,.08);
    }

    .eym-mobile-card-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
    }

    .eym-mobile-card-head strong {
        display: block;
        color: #0f172a;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 850;
    }

    .eym-mobile-card-head span:not(.eym-status) {
        display: block;
        margin-top: 4px;
        color: #64748b;
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .eym-mobile-card-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .eym-mobile-card-grid small {
        display: block;
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 4px;
    }

    .eym-mobile-card-grid span {
        color: #0f172a;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .eym-mobile-card-actions {
        margin-top: 18px;
    }

    .eym-mobile-card-actions .eym-action-btn {
        width: 100%;
        justify-content: center;
    }
}
/* ==================================================
   Australia Course Mobile Cards
================================================== */

.eym-course-mobile-cards {
    display: none;
}

@media (max-width: 768px) {
    .eym-course-mobile-cards {
        display: grid;
        gap: 18px;
    }

    .eym-course-card {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding: 22px;
        border-radius: 28px;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.08);
        box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
    }

    .eym-course-card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 22px;
    }

    .eym-course-card-title {
        min-width: 0;
        flex: 1 1 auto;
    }

    .eym-course-card-title strong {
        display: block;
        color: #0f172a;
        font-size: 22px;
        line-height: 1.12;
        font-weight: 900;
        letter-spacing: -0.04em;
        overflow-wrap: anywhere;
    }

    .eym-course-card-title span {
        display: block;
        margin-top: 6px;
        color: #64748b;
        font-size: 17px;
        line-height: 1.3;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

    .eym-course-badge {
        flex: 0 1 auto;
        max-width: 42%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 9px 14px;
        border-radius: 999px;
        background: #fff7cc;
        color: #7a5a00;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .eym-course-facts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px 16px;
    }

    .eym-course-facts div {
        min-width: 0;
    }

    .eym-course-facts small {
        display: block;
        margin-bottom: 5px;
        color: #64748b;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .eym-course-facts span {
        display: block;
        color: #0f172a;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .eym-course-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid rgba(15, 23, 42, 0.08);
    }

    .eym-course-actions .eym-action-btn {
        flex: 1 1 auto;
        justify-content: center;
        min-width: 145px;
    }
}
/* ==================================================
   Dashboard Requirement Groups
   Preparation Mode / Upload Mode
================================================== */

.eym-requirement-group {
  margin-top: 22px;
  padding: 20px;
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(31,123,234,.06), transparent 34%),
    rgba(255,255,255,.62);
  border: 1px solid rgba(15,23,42,.06);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 14px 34px rgba(15,23,42,.045);
}

.eym-requirement-group + .eym-requirement-group {
  margin-top: 18px;
}

.eym-requirement-group-head {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(15,23,42,.07);
}

.eym-requirement-group-icon {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(31,123,234,.10);
  color: var(--eym-blue);
  font-size: 21px;
}

.eym-requirement-group-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.035em;
  color: var(--eym-ink);
}

.eym-requirement-group-head p {
  margin: 5px 0 0;
  color: var(--eym-muted);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
}

.eym-preparation-note {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 11px 14px;
  border-radius: 18px;
  background: rgba(31,123,234,.07);
  color: #245b9f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
  max-width: 520px;
}

.eym-preparation-note i {
  color: var(--eym-blue);
  font-size: 16px;
  margin-top: 1px;
  flex-shrink: 0;
}

.eym-requirement-group .eym-item {
  padding: 18px 0;
}

.eym-requirement-group .eym-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.eym-requirement-group .eym-item-title {
  font-size: 15px;
  font-weight: 850;
}

@media (max-width: 760px) {
  .eym-requirement-group {
    padding: 18px;
    border-radius: 24px;
  }

  .eym-requirement-group-head {
    grid-template-columns: 42px 1fr;
    gap: 12px;
  }

  .eym-requirement-group-icon {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    font-size: 18px;
  }

  .eym-requirement-group .eym-item {
    flex-direction: column;
    gap: 12px;
  }

  .eym-requirement-group .eym-status {
    align-self: flex-start;
  }

  .eym-preparation-note {
    width: 100%;
    max-width: none;
  }
}
.eym-filter-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
    align-items:end;
}

.eym-filter-grid select,
.eym-filter-grid input{
    width:100%;
}

.eym-badge{
    display:inline-flex;
    align-items:center;
    padding:6px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.eym-badge-pathway{
    background:#eef5ff;
    color:#2563eb;
}

.eym-badge-service{
    background:#f8fafc;
    color:#475569;
}
.eym-pathway-caption{
    margin-top:8px;
    font-size:13px;
    color:#64748b;
    font-weight:600;
}
.eym-timeline-dot-icon{
    display:flex;
    align-items:center;
    justify-content:center;
}

.eym-timeline-dot-icon::before,
.eym-timeline-dot-icon::after{
    display:none !important;
    content:none !important;
}

.eym-timeline-dot-icon i{
    display:block;
    font-size:18px;
    line-height:1;
    color:inherit;
}


/* =========================================================
   EYM ACTIVITY TIMELINE
   Historical operational events.
   Visual sibling of the Pathway Roadmap.
========================================================= */

.eym-activity-timeline {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-top:28px;
}

.eym-activity-timeline::before {
    content:"";
    position:absolute;
    left:25px;
    top:26px;
    bottom:26px;
    width:1px;
    background:linear-gradient(
        180deg,
        rgba(31,123,234,.30),
        rgba(22,32,51,.08)
    );
}

.eym-activity-event {
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:18px;
}

.eym-activity-marker {
    position:relative;
    z-index:2;

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    color:var(--eym-blue);
    font-size:18px;

    background:rgba(255,255,255,.72);
    border:1px solid rgba(31,123,234,.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 16px 36px rgba(22,32,51,.075);
}

.eym-activity-content {
    min-width:0;
    padding:18px 20px;
    border-radius:24px;

    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.64);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.70),
        0 14px 34px rgba(22,32,51,.045);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.eym-activity-event:hover .eym-activity-content {
    transform:translateY(-2px);
    background:rgba(255,255,255,.78);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.80),
        0 22px 60px rgba(22,32,51,.08);
}

.eym-activity-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

.eym-activity-title {
    color:var(--eym-ink);
    font-size:15px;
    font-weight:850;
    letter-spacing:-.025em;
}

.eym-activity-meta {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:6px;

    color:var(--eym-muted);
    font-size:12px;
    font-weight:650;
}

.eym-activity-meta span {
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.eym-activity-meta span + span::before {
    content:"·";
    margin-right:2px;
    opacity:.55;
}

.eym-activity-code {
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;

    padding:6px 10px;
    border-radius:999px;

    background:rgba(31,123,234,.08);
    color:var(--eym-blue);

    font-size:10px;
    font-weight:850;
    letter-spacing:.035em;
}

.eym-activity-note {
    margin-top:14px;
    padding:13px 15px;

    border-radius:16px;

    background:rgba(22,32,51,.035);
    border:1px solid rgba(22,32,51,.045);

    color:var(--eym-muted);
    font-size:14px;
    line-height:1.55;
}

.eym-activity-event {
    opacity:0;
    transform:translateY(8px);
    animation:eymFadeIn .4s ease forwards;
}

.eym-activity-event:nth-child(1) { animation-delay:.05s; }
.eym-activity-event:nth-child(2) { animation-delay:.10s; }
.eym-activity-event:nth-child(3) { animation-delay:.15s; }
.eym-activity-event:nth-child(4) { animation-delay:.20s; }
.eym-activity-event:nth-child(5) { animation-delay:.25s; }


@media (max-width:760px) {

    .eym-activity-timeline::before {
        left:22px;
    }

    .eym-activity-event {
        grid-template-columns:44px minmax(0,1fr);
        gap:14px;
    }

    .eym-activity-marker {
        width:44px;
        height:44px;
        border-radius:16px;
        font-size:16px;
    }

    .eym-activity-content {
        padding:16px;
    }

    .eym-activity-head {
        display:block;
    }

    .eym-activity-code {
        margin-top:10px;
    }
}


/* ==========================================================
   EYM CANONICAL ROADMAP + ACTIVITY TIMELINE
   Shared visual system
   ========================================================== */

/*
|--------------------------------------------------------------------------
| PATHWAY ROADMAP
|--------------------------------------------------------------------------
*/

.eym-timeline {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-top:28px;
}

.eym-timeline::before {
    content:"";
    position:absolute;
    left:25px;
    top:26px;
    bottom:26px;
    width:1px;
    background:linear-gradient(
        180deg,
        rgba(31,123,234,.30),
        rgba(22,32,51,.08)
    );
}

.eym-timeline-step {
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:18px;
    padding:0;
    opacity:1;
    transform:none;
}

.eym-timeline-step::after {
    display:none;
}

.eym-timeline-dot {
    position:relative;
    z-index:2;
    width:52px;
    height:52px;
    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.64);
    border:1px solid rgba(255,255,255,.72);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 16px 36px rgba(22,32,51,.075);

    color:var(--eym-muted);
    font-size:19px;
}

.eym-timeline-dot i {
    display:block;
    font-size:19px;
    line-height:1;
}

/*
 * roadmap.php supplies a real Bootstrap icon.
 * Historical ::before icon injection must therefore remain disabled.
 */
.eym-timeline-dot::before {
    display:none !important;
    content:none !important;
}

.eym-timeline-content {
    position:relative;

    min-width:0;
    padding:18px 130px 18px 20px;

    border-radius:24px;
    background:rgba(255,255,255,.52);
    border:1px solid rgba(255,255,255,.58);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.62),
        0 14px 34px rgba(22,32,51,.045);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease;
}

/*
 * Old CSS generated status labels here.
 * Status is now rendered semantically by roadmap.php.
 */
.eym-timeline-content::after {
    display:none !important;
    content:none !important;
}

.eym-timeline-step:hover .eym-timeline-content {
    transform:translateY(-2px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 22px 60px rgba(22,32,51,.08);
}

.eym-timeline-title {
    color:var(--eym-ink);
    font-size:15px;
    font-weight:850;
    letter-spacing:-.025em;
}

.eym-timeline-text {
    max-width:760px;
    margin-top:6px;

    color:var(--eym-muted);
    font-size:14px;
    line-height:1.5;
}

.eym-timeline-pill {
    position:absolute;
    top:18px;
    right:20px;

    display:inline-flex;
    align-items:center;

    margin:0;
    padding:6px 10px;

    border-radius:999px;

    font-size:11px;
    font-weight:850;
    letter-spacing:.02em;
    white-space:nowrap;
}

.eym-timeline-meta {
    display:inline-block;
    margin-top:10px;

    color:var(--eym-muted);
    font-size:12px;
    font-weight:700;
}

.eym-timeline-action {
    margin-top:12px;
    padding:8px 12px;
    font-size:12px;
}


/*
|--------------------------------------------------------------------------
| ROADMAP STATES
|--------------------------------------------------------------------------
*/

.eym-timeline-completed .eym-timeline-dot {
    color:#0E7A5F;
    background:rgba(14,122,95,.09);
    border-color:rgba(14,122,95,.16);
}

.eym-timeline-pill-completed {
    color:#0E7A5F;
    background:rgba(14,122,95,.09);
}


.eym-timeline-current .eym-timeline-dot {
    color:#fff;

    background:linear-gradient(
        135deg,
        var(--eym-blue),
        #5BA7FF
    );

    border-color:rgba(255,255,255,.82);

    box-shadow:
        0 0 0 8px rgba(31,123,234,.10),
        0 22px 46px rgba(31,123,234,.22);
}

.eym-timeline-current .eym-timeline-content {
    background:rgba(255,255,255,.72);
    border-color:rgba(31,123,234,.18);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 22px 55px rgba(31,123,234,.10);
}

.eym-timeline-pill-current {
    color:var(--eym-blue);
    background:rgba(31,123,234,.10);
}


.eym-timeline-pending .eym-timeline-dot {
    color:rgba(22,32,51,.38);
    background:rgba(22,32,51,.035);
    border-color:rgba(22,32,51,.06);
}

.eym-timeline-pending .eym-timeline-content {
    opacity:.72;
}

.eym-timeline-pill-pending {
    color:var(--eym-muted);
    background:rgba(22,32,51,.055);
}


.eym-timeline-blocked .eym-timeline-dot {
    color:var(--eym-red);
    background:rgba(217,39,46,.09);
    border-color:rgba(217,39,46,.16);
}

.eym-timeline-blocked .eym-timeline-content {
    background:rgba(255,255,255,.68);
    border-color:rgba(217,39,46,.16);
}

.eym-timeline-pill-blocked {
    color:var(--eym-red);
    background:rgba(217,39,46,.09);
}


/*
|--------------------------------------------------------------------------
| ROADMAP EMPTY STATE
|--------------------------------------------------------------------------
*/

.eym-empty-state {
    display:flex;
    flex-direction:column;
    gap:8px;

    padding:26px;
    border-radius:22px;

    background:rgba(22,32,51,.035);
    color:var(--eym-muted);
}

.eym-empty-state i {
    color:var(--eym-blue);
    font-size:24px;
}

.eym-empty-state strong {
    color:var(--eym-ink);
    font-size:15px;
}


/*
|--------------------------------------------------------------------------
| ACTIVITY TIMELINE
|--------------------------------------------------------------------------
*/

.eym-activity-timeline {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:0;
    margin-top:22px;
}

.eym-activity-event {
    position:relative;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:16px;
    padding-bottom:22px;
}

.eym-activity-event:last-child {
    padding-bottom:0;
}

.eym-activity-event::before {
    content:"";
    position:absolute;

    left:22px;
    top:44px;
    bottom:0;

    width:1px;
    background:rgba(22,32,51,.09);
}

.eym-activity-event:last-child::before {
    display:none;
}

.eym-activity-marker {
    position:relative;
    z-index:2;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    color:var(--eym-blue);
    background:rgba(31,123,234,.08);
    border:1px solid rgba(31,123,234,.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        0 10px 26px rgba(22,32,51,.06);
}

.eym-activity-marker i {
    font-size:17px;
    line-height:1;
}

.eym-activity-content {
    min-width:0;

    padding:15px 17px;

    border-radius:20px;
    background:rgba(255,255,255,.50);
    border:1px solid rgba(255,255,255,.60);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.60),
        0 12px 30px rgba(22,32,51,.04);
}

.eym-activity-title {
    color:var(--eym-ink);
    font-size:14px;
    font-weight:850;
    letter-spacing:-.015em;
}

.eym-activity-text {
    margin-top:5px;

    color:var(--eym-muted);
    font-size:13px;
    line-height:1.5;
}

.eym-activity-meta {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;

    margin-top:9px;

    color:var(--eym-muted);
    font-size:11px;
    font-weight:700;
}


/*
|--------------------------------------------------------------------------
| SHARED MOBILE BEHAVIOUR
|--------------------------------------------------------------------------
*/

@media (max-width:760px) {

    .eym-timeline {
        gap:12px;
    }

    .eym-timeline::before {
        left:21px;
        top:22px;
        bottom:22px;
    }

    .eym-timeline-step {
        grid-template-columns:44px minmax(0,1fr);
        gap:14px;
    }

    .eym-timeline-dot {
        width:44px;
        height:44px;
        border-radius:16px;
    }

    .eym-timeline-dot i {
        font-size:17px;
    }

    .eym-timeline-content {
        padding:16px;
        border-radius:20px;
    }

    .eym-timeline-pill {
        position:static;
        margin-top:12px;
    }

    .eym-timeline-step:hover .eym-timeline-content {
        transform:none;
    }


    .eym-activity-event {
        grid-template-columns:40px minmax(0,1fr);
        gap:13px;
        padding-bottom:18px;
    }

    .eym-activity-event::before {
        left:19px;
        top:40px;
    }

    .eym-activity-marker {
        width:40px;
        height:40px;
        border-radius:14px;
    }

    .eym-activity-content {
        padding:14px;
        border-radius:18px;
    }
}


/* END EYM CANONICAL ROADMAP + ACTIVITY TIMELINE */

/* ==================================================
   MRC Mobile Hardening
   Australia Course Cards
   2026-08-16
================================================== */

@media (max-width: 768px) {

    /*
     * Give the course title and level badge predictable space.
     * Prevent the badge from collapsing into vertical letters.
     */
    .eym-course-card-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 14px;
    }

    .eym-course-card-title {
        min-width: 0;
    }

    .eym-course-card-title strong,
    .eym-course-card-title span {
        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-course-badge {
        flex: none;
        width: auto;
        max-width: 150px;
        min-width: max-content;

        padding: 9px 14px;

        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;

        line-height: 1.15;
    }

    /*
     * Facts remain a clean two-column layout,
     * but neither column may force viewport overflow.
     */
    .eym-course-facts {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }

    .eym-course-facts span {
        overflow-wrap: break-word;
        word-break: normal;
    }

    /*
     * Buttons become full-width when mobile space is tight.
     */
    .eym-course-actions .eym-action-btn {
        min-width: 0;
    }
}


/*
 * Extra-small phones.
 * Put the level below the heading rather than crushing either.
 */
@media (max-width: 430px) {

    .eym-course-card {
        padding: 20px;
    }

    .eym-course-card-top {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 20px;
    }

    .eym-course-badge {
        justify-self: start;
        min-width: 0;
        max-width: 100%;
        white-space: normal;
    }

    .eym-course-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .eym-course-actions .eym-action-btn {
        width: 100%;
    }
}


/* ==================================================
   MRC Mobile Hardening
   Australia School Match Results
   2026-08-16
================================================== */

@media (max-width: 768px) {

    .eym-school-match-mobile .eym-match-card {
        min-width: 0;
    }

    .eym-school-match-mobile .eym-mobile-card-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 14px;
    }

    .eym-school-match-mobile .eym-match-card-heading {
        min-width: 0;
    }

    .eym-school-match-mobile .eym-match-card-heading strong {
        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-school-match-mobile .eym-match-institution {
        display: block;
        margin-top: 7px;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.35;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-school-match-mobile .eym-status {
        flex: none;
        white-space: nowrap;
    }

    .eym-school-match-mobile .eym-mobile-card-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }

    .eym-school-match-mobile .eym-mobile-card-grid span {
        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-match-reasons {
        margin-top: 20px;
        padding-top: 18px;
        border-top: 1px solid rgba(15,23,42,.08);
    }

    .eym-match-reasons > small {
        display: block;
        margin-bottom: 10px;
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .eym-match-reasons ul {
        display: grid;
        gap: 9px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .eym-match-reasons li {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        align-items: start;
        gap: 8px;
        color: #475569;
        font-size: 14px;
        line-height: 1.4;
    }

    .eym-match-reasons li i {
        margin-top: 2px;
    }

    .eym-school-match-mobile form {
        width: 100%;
    }

    .eym-school-match-mobile .eym-action-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 430px) {

    .eym-school-match-mobile .eym-mobile-card {
        padding: 18px;
    }

    .eym-school-match-mobile .eym-mobile-card-head {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .eym-school-match-mobile .eym-mobile-card-grid {
        gap: 16px 12px;
    }
}


/* ==================================================
   MRC Mobile Hardening
   Agent Performance
   2026-08-16
================================================== */

@media (max-width: 768px) {

    .eym-agent-performance-mobile {
        margin-top: 20px;
    }

    .eym-agent-card {
        min-width: 0;
    }

    .eym-agent-card-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 14px;

        margin-bottom: 20px;
    }

    .eym-agent-card-identity {
        min-width: 0;
    }

    .eym-agent-card-identity strong {
        display: block;

        color: #0f172a;
        font-size: 19px;
        line-height: 1.2;
        font-weight: 900;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-agent-card-identity > span:not(.eym-agent-viewing) {
        display: block;

        margin-top: 5px;

        color: #64748b;
        font-size: 13px;
        font-weight: 650;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .eym-agent-card-head > .eym-status {
        white-space: nowrap;
    }

    .eym-agent-viewing {
        display: inline-flex;
        align-items: center;

        margin-top: 8px;
        padding: 5px 9px;

        border-radius: 999px;

        background: rgba(14,122,95,.09);
        color: #0e7a5f;

        font-size: 11px;
        font-weight: 850;
    }


    /*
     * Core workload numbers.
     */
    .eym-agent-metrics {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;

        margin-bottom: 16px;
    }

    .eym-agent-metrics > div {
        min-width: 0;

        padding: 13px 10px;

        border-radius: 16px;

        background: rgba(15,23,42,.035);
        border: 1px solid rgba(15,23,42,.055);

        text-align: center;
    }

    .eym-agent-metrics small,
    .eym-agent-health small {
        display: block;

        color: #64748b;
        font-size: 10px;
        font-weight: 850;
        line-height: 1.2;

        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .eym-agent-metrics strong {
        display: block;

        margin-top: 6px;

        color: #0f172a;
        font-size: 20px;
        line-height: 1;
        font-weight: 900;
    }


    /*
     * Load / risk / pressure operational interpretation.
     */
    .eym-agent-health {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;

        padding-top: 16px;

        border-top: 1px solid rgba(15,23,42,.08);
    }

    .eym-agent-health > div {
        min-width: 0;
    }

    .eym-agent-health .eym-status,
    .eym-agent-risk {
        display: inline-flex;
        align-items: center;

        margin-top: 7px;

        max-width: 100%;

        white-space: nowrap;
    }


    .eym-agent-risk {
        padding: 6px 10px;

        border-radius: 999px;

        font-size: 11px;
        font-weight: 850;
    }

    .eym-agent-risk-ok {
        color: #0e7a5f;
        background: rgba(14,122,95,.09);
    }

    .eym-agent-risk-warning {
        color: #9a6700;
        background: rgba(245,158,11,.12);
    }

    .eym-agent-risk-danger {
        color: #b4232c;
        background: rgba(217,39,46,.09);
    }


    .eym-agent-card-actions {
        margin-top: 20px;
        padding-top: 17px;

        border-top: 1px solid rgba(15,23,42,.08);
    }

    .eym-agent-card-actions .eym-action-btn {
        width: 100%;
        min-width: 0;

        justify-content: center;

        white-space: normal;
        text-align: center;
    }
}


@media (max-width: 430px) {

    .eym-agent-card {
        padding: 18px;
    }

    .eym-agent-card-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .eym-agent-card-head > .eym-status {
        justify-self: start;
    }

    .eym-agent-metrics {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .eym-agent-health {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .eym-agent-health .eym-status,
    .eym-agent-risk {
        white-space: normal;
        word-break: normal;
    }
}



/* ==================================================
   MRC Team Capacity Summary
   2026-08-16
================================================== */

.eym-team-capacity-summary {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;

    margin:22px 0 24px;
}

.eym-team-capacity-summary > div {
    min-width:0;

    padding:15px 16px;

    border-radius:18px;

    background:rgba(15,23,42,.035);
    border:1px solid rgba(15,23,42,.055);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65);
}

.eym-team-capacity-summary strong {
    display:block;

    color:#0f172a;
    font-size:22px;
    line-height:1;
    font-weight:900;
}

.eym-team-capacity-summary span {
    display:block;

    margin-top:7px;

    color:#64748b;
    font-size:11px;
    line-height:1.2;
    font-weight:850;

    text-transform:uppercase;
    letter-spacing:.035em;
}

.eym-team-capacity-optimal {
    background:rgba(14,122,95,.055) !important;
}

.eym-team-capacity-healthy {
    background:rgba(234,179,8,.055) !important;
}

.eym-team-capacity-busy {
    background:rgba(245,158,11,.065) !important;
}

.eym-team-capacity-overloaded {
    background:rgba(217,39,46,.055) !important;
}


@media (max-width:768px) {

    .eym-team-capacity-summary {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        margin:20px 0 22px;
    }

    .eym-team-capacity-summary > div {
        padding:13px 14px;
    }

    /*
     * Total staff gets the full first row.
     */
    .eym-team-capacity-summary > div:first-child {
        grid-column:1 / -1;

        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
    }

    .eym-team-capacity-summary > div:first-child strong,
    .eym-team-capacity-summary > div:first-child span {
        margin:0;
    }
}


/* ==================================================
   Team Capacity Intelligence Summary
   2026-08-16
================================================== */

.eym-team-capacity-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;

    margin: 0 0 22px;
}

.eym-team-capacity-summary > div {
    position: relative;

    min-width: 0;
    padding: 18px 20px;

    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, .03),
        0 8px 24px rgba(15, 23, 42, .04);

    overflow: hidden;
}

.eym-team-capacity-summary > div::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    width: 4px;

    background: #64748b;
}

.eym-team-capacity-summary strong {
    display: block;

    margin-bottom: 4px;

    font-size: 24px;
    line-height: 1;
    font-weight: 750;

    color: #0f172a;
}

.eym-team-capacity-summary span {
    display: block;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;

    color: #64748b;

    text-transform: uppercase;
    letter-spacing: .045em;
}


/*
 * Capacity semantics
 */

.eym-team-capacity-summary
.eym-team-capacity-optimal::before {
    background: #16a34a;
}

.eym-team-capacity-summary
.eym-team-capacity-healthy::before {
    background: #2563eb;
}

.eym-team-capacity-summary
.eym-team-capacity-busy::before {
    background: #d97706;
}

.eym-team-capacity-summary
.eym-team-capacity-overloaded::before {
    background: #dc2626;
}


/*
 * Tablet
 */

@media (max-width: 1050px) {

    .eym-team-capacity-summary {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


/*
 * Mobile
 */

@media (max-width: 768px) {

    .eym-team-capacity-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
        margin-bottom: 18px;
    }

    .eym-team-capacity-summary > div {
        padding: 15px 16px;
        border-radius: 14px;
    }

    .eym-team-capacity-summary strong {
        font-size: 21px;
    }

    .eym-team-capacity-summary span {
        font-size: 11px;
    }

    /*
     * Total staff gets visual hierarchy and
     * spans the complete first row.
     */
    .eym-team-capacity-summary > div:first-child {
        grid-column: 1 / -1;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 16px;
    }

    .eym-team-capacity-summary > div:first-child strong {
        margin: 0;
        font-size: 26px;
    }
}


/*
 * Extra-small phones
 */

@media (max-width: 380px) {

    .eym-team-capacity-summary {
        grid-template-columns: 1fr;
    }

    .eym-team-capacity-summary > div:first-child {
        grid-column: auto;
    }
}


/* ==================================================
   Dashboard Admin Tools Group
   2026-08-16
================================================== */

.eym-admin-tools{
    margin-top:16px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:18px;
    background:rgba(248,250,252,.72);
    overflow:hidden;
}

.eym-admin-tools-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:14px 18px;

    cursor:pointer;
    list-style:none;

    font-weight:700;
    color:#475569;
}

.eym-admin-tools-summary::-webkit-details-marker{
    display:none;
}

.eym-admin-tools-summary span{
    display:flex;
    align-items:center;
    gap:9px;
}

.eym-admin-tools-chevron{
    transition:transform .2s ease;
}

.eym-admin-tools[open] .eym-admin-tools-chevron{
    transform:rotate(180deg);
}

.eym-admin-tools-panel{
    padding:0 18px 18px;
    border-top:1px solid rgba(148,163,184,.16);
}

.eym-admin-tools-heading{
    padding:14px 0 12px;

    font-size:12px;
    line-height:1.3;
    font-weight:800;

    letter-spacing:.06em;
    text-transform:uppercase;

    color:#94a3b8;
}

.eym-admin-tools-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

@media (max-width:768px){

    .eym-admin-tools{
        border-radius:15px;
    }

    .eym-admin-tools-summary{
        padding:13px 15px;
    }

    .eym-admin-tools-panel{
        padding:0 15px 15px;
    }

    .eym-admin-tools-actions{
        flex-direction:column;
    }

    .eym-admin-tools-actions form,
    .eym-admin-tools-actions .eym-action-btn{
        width:100%;
    }
}



/* ============================================================
   MRC_GLOBAL_NAVIGATION_V2
   Functional enterprise information architecture
   ============================================================ */

.eym-header{
    z-index:3000;
}

.eym-header-inner{
    max-width:1440px;
    padding:12px 24px;
    gap:24px;
}

.eym-logo{
    flex:0 0 auto;
}

.eym-logo img{
    height:48px;
}

.eym-nav{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.eym-nav-primary,
.eym-nav-utilities{
    display:flex;
    align-items:center;
    gap:5px;
}

.eym-nav-primary{
    min-width:0;
}

.eym-nav-utilities{
    flex:0 0 auto;
    margin-left:auto;
    gap:10px;
}

.eym-nav-link,
.eym-nav-trigger{
    min-height:42px;
    padding:0 11px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:var(--eym-ink);
    font-family:var(--eym-font);
    font-size:13px;
    font-weight:780;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
    transition:
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.eym-nav-link:hover,
.eym-nav-trigger:hover,
.eym-nav-group.is-open > .eym-nav-trigger{
    color:var(--eym-ink);
    background:rgba(22,32,51,.055);
}

.eym-nav-link > i,
.eym-nav-trigger > i:first-child{
    color:#64748b;
    font-size:14px;
}

.eym-nav-chevron{
    margin-left:1px;
    color:#8190a3;
    font-size:10px;
    transition:transform .16s ease;
}

.eym-nav-group{
    position:relative;
}

.eym-nav-group.is-open
> .eym-nav-trigger
.eym-nav-chevron{
    transform:rotate(180deg);
}

.eym-nav-menu{
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    width:300px;
    min-width:300px;
    padding:12px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    background:rgba(255,255,255,.985);
    box-shadow:
        0 24px 60px rgba(15,23,42,.14),
        0 5px 15px rgba(15,23,42,.05);
    z-index:5000;
}

.eym-nav-group.is-open
> .eym-nav-menu{
    display:grid;
    gap:4px;
}

.eym-nav-menu--wide{
    width:340px;
    min-width:340px;
}

.eym-nav-menu-title{
    padding:7px 10px 9px;
    color:#7a8799;
    font-size:10px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.eym-nav .eym-nav-menu-item{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px;
    border-radius:12px;
    color:var(--eym-ink);
    text-decoration:none;
}

.eym-nav .eym-nav-menu-item:hover{
    background:#f4f7fa;
    color:var(--eym-ink);
}

.eym-nav-menu-item > i{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#f1f5f9;
    color:#52647a;
    font-size:15px;
}

.eym-nav-menu-item > span{
    min-width:0;
    display:grid;
    gap:3px;
}

.eym-nav-menu-item strong{
    color:#172033;
    font-size:12px;
    font-weight:820;
    line-height:1.25;
}

.eym-nav-menu-item small{
    color:#8090a4;
    font-size:10px;
    font-weight:560;
    line-height:1.35;
}

.eym-account-menu
> .eym-nav-menu{
    left:auto;
    right:0;
}

.eym-account-panel{
    width:260px;
    min-width:260px;
}

.eym-account-summary{
    display:grid;
    gap:4px;
    margin:2px 2px 8px;
    padding:12px;
    border-radius:12px;
    background:#f7f9fc;
}

.eym-account-summary small{
    color:#8693a5;
    font-size:10px;
    font-weight:700;
}

.eym-account-summary strong{
    color:#172033;
    font-size:13px;
    font-weight:850;
}

.eym-signout{
    color:#9d3333 !important;
}

.eym-signout > i{
    background:#fff1f1;
    color:#a23a3a;
}

/*
 * Notification panel is no longer a second navigation system.
 */
.eym-notif-footer{
    display:block;
}

.eym-notif-footer a{
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
}


/* ============================================================
   GLOBAL NAV V2 — RESPONSIVE
   ============================================================ */

@media(max-width:1180px){

    .eym-header-inner{
        max-width:none;
        padding:11px 18px;
    }

    .eym-burger{
        display:inline-flex !important;
        align-items:center;
        justify-content:center;
        flex:0 0 42px;
        margin-left:auto;
    }

    .eym-nav{
        display:none;
        position:fixed;
        top:76px;
        left:16px;
        right:16px;
        width:auto;
        max-height:calc(100vh - 92px);
        overflow-y:auto;
        padding:14px;
        border:1px solid rgba(15,23,42,.09);
        border-radius:20px;
        background:rgba(255,255,255,.985);
        box-shadow:0 28px 70px rgba(15,23,42,.18);
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:14px;
        z-index:4999;
    }

    .eym-nav.is-open{
        display:flex;
    }

    .eym-nav-primary,
    .eym-nav-utilities{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
    }

    .eym-nav-utilities{
        margin:0;
        padding-top:12px;
        border-top:1px solid #edf1f5;
    }

    .eym-nav-link,
    .eym-nav-trigger{
        width:100%;
        min-height:46px;
        padding:0 13px;
        justify-content:flex-start;
        border-radius:12px;
    }

    .eym-nav-trigger
    .eym-nav-chevron{
        margin-left:auto;
    }

    .eym-nav-group{
        width:100%;
    }

    .eym-nav-menu,
    .eym-nav-menu--wide,
    .eym-account-menu
    > .eym-nav-menu{
        position:static;
        width:100%;
        min-width:0;
        margin:4px 0 8px;
        padding:8px;
        border:0;
        border-radius:13px;
        background:#f7f9fc;
        box-shadow:none;
    }

    .eym-nav-menu-title{
        padding-left:10px;
    }

    .eym-lang{
        align-self:flex-start;
        margin:3px 8px;
    }

    .eym-bell{
        align-self:flex-start;
        margin:3px 8px;
        padding:8px;
    }
}

@media(min-width:1181px){

    .eym-nav{
        display:flex !important;
    }

    .eym-burger{
        display:none !important;
    }
}