/* Seaman dashboard — light maritime UI (same shell as My Documents / Vacancies) */

body.fs-seaman-dashboard {
  --fs-dash-page-1: #eef4fc;
  --fs-dash-page-2: #e2ebf6;
  --fs-dash-page-wash:
    radial-gradient(circle at 18% 10%, rgba(56, 189, 248, 0.26), transparent 42%),
    radial-gradient(circle at 85% 18%, rgba(167, 139, 250, 0.2), transparent 44%),
    radial-gradient(circle at 72% 92%, rgba(52, 211, 153, 0.14), transparent 46%),
    linear-gradient(180deg, var(--fs-dash-page-1) 0%, var(--fs-dash-page-2) 100%);
  --fs-dash-text: #11264a;
  --fs-dash-muted: #5f7393;
  --fs-dash-blue: #2f7df6;
  --fs-dash-border: #d9e6f4;
  --fs-dash-surface-1: #fbfdff;
  --fs-dash-surface-2: #f4f8fd;
  --fs-dash-shadow: 0 8px 24px rgba(43, 72, 112, 0.06);
  --fs-dash-shadow-panel: 0 12px 30px rgba(43, 72, 112, 0.06);

  margin: 0;
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--fs-dash-page-wash);
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-app {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

@media (max-width: 900px) {
  body.fs-seaman-dashboard.fs-portal-shell .fs-sea-app {
    min-height: 0;
  }

  body.fs-seaman-dashboard .fs-dash-page-wrap {
    width: 100%;
    max-width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }

  body.fs-seaman-dashboard .fs-sea-main--dashboard {
    overflow-x: clip;
  }
}

body.fs-seaman-dashboard .fs-sea-app::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--fs-dash-page-wash);
}

body.fs-seaman-dashboard .fs-sea-main.fs-sea-main--dashboard {
  position: relative;
  z-index: 1;
}

body.fs-seaman-dashboard .fs-sea-main.fs-sea-main--dashboard {
  flex: 1;
  min-width: 0;
  padding: 18px 16px 40px;
  box-sizing: border-box;
  background: var(--fs-dash-page-wash) !important;
}

body.fs-seaman-dashboard .fs-dash-page-wrap {
  width: min(1480px, 100%);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

body.fs-seaman-dashboard .fs-footer {
  display: none;
}

body.fs-seaman-dashboard.fs-sailor-dashboard {
  background: var(--fs-dash-page-wash) !important;
}

body.fs-seaman-dashboard.fs-sailor-dashboard .fs-sea-main.fs-sea-main--dashboard {
  background: var(--fs-dash-page-wash) !important;
}

/* ——— Hero (override sailor-dashboard dark .fs-sea-main rules) ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-sailor-hero {
  border-radius: 24px;
  border: 1px solid rgba(124, 156, 206, 0.18);
  box-shadow: 0 14px 40px rgba(35, 61, 104, 0.08);
  min-height: 168px;
  margin-bottom: 24px;
  padding: 0;
}

body.fs-seaman-dashboard .fs-sea-main .fs-sailor-hero-bg {
  background-color: transparent;
  background-image:
    linear-gradient(90deg, rgba(232, 240, 252, 0.96), rgba(229, 239, 250, 0.92), rgba(210, 227, 247, 0.86)),
    url("../assets/farseepfront-sea-hero.svg");
  background-size: cover, min(52%, 520px) auto;
  background-position: center, 96% 55%;
}

body.fs-seaman-dashboard .fs-sea-main .fs-sailor-hero-inner {
  min-height: 168px;
  padding: 26px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: min(720px, 78%);
}

body.fs-seaman-dashboard .fs-sea-main .fs-sailor-greeting,
body.fs-seaman-dashboard .fs-sea-main .fs-sailor-greeting #dashGreetingTitle {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-sailor-greeting-sub {
  color: var(--fs-dash-muted);
}

/* ——— Stat cards ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-card {
  background: linear-gradient(180deg, #f9fbff 0%, #f2f6fc 100%);
  border: 1px solid #d7e4f3;
  box-shadow: var(--fs-dash-shadow);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-card::after {
  color: rgba(47, 125, 246, 0.35);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-icon {
  background: linear-gradient(180deg, #eef6ff 0%, #e2edfb 100%);
  color: var(--fs-dash-blue);
  border: 1px solid rgba(157, 199, 255, 0.45);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-value {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-label,
body.fs-seaman-dashboard .fs-sea-main .fs-dash-stat-hint {
  color: var(--fs-dash-muted);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-profile-ring {
  background: conic-gradient(#2f7df6 var(--p), #e2e8f0 0);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-profile-ring-inner {
  background: #fff;
  color: var(--fs-dash-text);
  border: 1px solid var(--fs-dash-border);
}

/* ——— Panels ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-panel {
  background: linear-gradient(180deg, var(--fs-dash-surface-1) 0%, var(--fs-dash-surface-2) 100%);
  border: 1px solid var(--fs-dash-border);
  box-shadow: var(--fs-dash-shadow-panel);
  border-radius: 20px;
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-panel-title {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-panel-link {
  color: var(--fs-dash-blue);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-panel-link:hover {
  color: #1d6be5;
}

/* ——— Availability block ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-icon {
  background: linear-gradient(180deg, #eef6ff 0%, #e2edfb 100%);
  color: var(--fs-dash-blue);
  border: 1px solid rgba(157, 199, 255, 0.45);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-date {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-loc {
  color: var(--fs-dash-muted);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-loc strong {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-panel .fs-button-outline {
  border-color: var(--fs-dash-border);
  color: var(--fs-dash-blue);
  background: linear-gradient(180deg, #fbfdff, #f6f9ff);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-avail-panel .fs-button-outline:hover {
  border-color: #9cc7ff;
  background: #fff;
}

/* ——— Recommended vacancy rows ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-card {
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fd 100%);
  border: 1px solid var(--fs-dash-border);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-card:hover {
  border-color: #9cc7ff;
  box-shadow: 0 8px 20px rgba(43, 72, 112, 0.08);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-logo {
  background: linear-gradient(180deg, #eef6ff 0%, #e2edfb 100%);
  color: var(--fs-dash-blue);
  border-color: rgba(157, 199, 255, 0.45);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-title {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-meta {
  color: var(--fs-dash-muted);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-meta strong {
  color: var(--fs-dash-blue);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-job-foot {
  color: var(--fs-dash-text);
}

/* ——— Documents & notifications ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-doc-row {
  border-bottom-color: rgba(216, 229, 244, 0.9);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-doc-name {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-doc-exp {
  color: var(--fs-dash-muted);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-notif-item {
  border-bottom-color: rgba(216, 229, 244, 0.9);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-notif-title {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-notif-body,
body.fs-seaman-dashboard .fs-sea-main .fs-dash-notif-time {
  color: var(--fs-dash-muted);
}

/* ——— Donut chart ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-donut.is-empty {
  background: #e8edf2;
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-donut::after {
  background: #fff;
  border-color: var(--fs-dash-border);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-donut-legend {
  color: var(--fs-dash-muted);
}

/* ——— Profile CTA ——— */
body.fs-seaman-dashboard .fs-sea-main .fs-dash-cta {
  background: linear-gradient(145deg, #e8f6ff 0%, #f0f9ff 45%, #ffffff 100%);
  border: 1px solid rgba(157, 199, 255, 0.45);
  box-shadow: var(--fs-dash-shadow-panel);
  color: var(--fs-dash-text);
  border-radius: 20px;
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-cta h4 {
  color: var(--fs-dash-text);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-cta p {
  color: var(--fs-dash-muted);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-cta-bar {
  background: rgba(47, 125, 246, 0.12);
}

body.fs-seaman-dashboard .fs-sea-main .fs-dash-cta .fs-button {
  background: linear-gradient(135deg, #06172e 0%, #0c2744 100%);
  border: 1px solid rgba(6, 23, 46, 0.2);
  color: #f8fafc;
  font-weight: 700;
}

body.fs-seaman-dashboard .fs-sea-main #dashDocumentsPanel p.fs-body,
body.fs-seaman-dashboard .fs-sea-main #dashDocumentsPanel .fs-body {
  color: var(--fs-dash-muted) !important;
}

@media (max-width: 640px) {
  body.fs-seaman-dashboard .fs-dash-page-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  body.fs-seaman-dashboard .fs-sea-main .fs-sailor-hero-inner {
    max-width: 100%;
    padding: 20px 16px;
  }

  body.fs-seaman-dashboard .fs-sea-main .fs-sailor-greeting {
    font-size: 1.35rem;
  }
}