:root {
  --submerge-orange: #ff7c24;
  --submerge-orange-dark: #e95610;
  --submerge-orange-soft: #fff0e7;
  --submerge-navy: #14222d;
  --submerge-ink: #1a252d;
  --submerge-muted: #66737d;
  --submerge-line: #dfe4e7;
  --submerge-canvas: #fffaf6;
}

html body {
  color: var(--submerge-ink);
  background: var(--submerge-canvas) !important;
}

.nav, .header--mobile {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid var(--submerge-line);
  backdrop-filter: blur(16px);
}
.nav__item { color: #43515a; }
.submerge-hero h1 { color: #fff; }

a, .typo-a, .nav__item:hover, .nav--active, .menu__link:hover, .menu__link.active {
  color: var(--submerge-orange);
}
a:hover, .typo-a:hover { color: var(--submerge-orange-dark); }

.nav__item--round,
.primary.rounded.button,
.primary.button,
button.primary,
input[type="submit"].primary,
.pager__item--active a,
.pagination .active a {
  color: #fff !important;
  background: var(--submerge-orange) !important;
  border-color: var(--submerge-orange) !important;
}
.nav__item--round:hover,
.primary.rounded.button:hover,
.primary.button:hover,
button.primary:hover,
input[type="submit"].primary:hover {
  background: var(--submerge-orange-dark) !important;
  border-color: var(--submerge-orange-dark) !important;
}
.nav--active::after { background: var(--submerge-orange); }
.nav__logo { max-width: 190px; height: 32px; object-fit: contain; }

.textbox:focus,
.search input:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--submerge-orange) !important;
  outline-color: var(--submerge-orange-soft) !important;
  box-shadow: 0 0 0 2px var(--submerge-orange-soft) !important;
}
#nprogress .bar, .nprogress .bar { background: var(--submerge-orange) !important; }
.menu__item.active .menu__link,
.dropdown-target .menu__item a:hover { color: var(--submerge-orange); }

.submerge-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.submerge-portal { margin-bottom: 32px; }
.submerge-hero {
  color: #fff;
  background: linear-gradient(110deg, #14222d 0%, #1d303c 68%, #29404d 100%);
  border-bottom: 4px solid var(--submerge-orange);
}
.submerge-hero-inner { min-height: 390px; padding: 54px 0 60px; }
.submerge-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #f7b488;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
}
.submerge-eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--submerge-orange); }
.submerge-hero h1 { margin: 0 0 18px; font-size: clamp(36px, 5vw, 62px); line-height: 1.08; }
.submerge-hero p { max-width: 650px; margin: 0; color: #d6dfe4; font-size: 17px; line-height: 1.8; }
.submerge-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.submerge-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 750;
}
.submerge-btn-primary { color: #fff !important; background: var(--submerge-orange); }
.submerge-btn-primary:hover { background: var(--submerge-orange-dark); }
.submerge-btn-secondary { color: #fff !important; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
.submerge-btn-secondary:hover { background: rgba(255,255,255,.14); }
.submerge-hero-proof { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 32px; }
.submerge-hero-proof strong { display: block; font-size: 22px; }
.submerge-hero-proof span { color: #b8c6ce; font-size: 12px; }

.submerge-workspace-strip { position: relative; z-index: 3; margin-top: -32px; }
.submerge-workspace-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--submerge-line);
  border-radius: 8px;
  box-shadow: 0 12px 34px rgba(22,34,43,.08);
}
.submerge-workspace-item {
  min-height: 116px;
  display: flex;
  gap: 13px;
  padding: 21px;
  border-right: 1px solid var(--submerge-line);
  color: var(--submerge-ink) !important;
}
.submerge-workspace-item:last-child { border-right: 0; }
.submerge-workspace-item:hover { background: #fffaf6; }
.submerge-workspace-icon {
  flex: 0 0 auto;
  width: 41px;
  height: 41px;
  display: grid;
  place-items: center;
  color: var(--submerge-orange);
  background: var(--submerge-orange-soft);
  border-radius: 7px;
  font-size: 13px;
  font-weight: 850;
}
.submerge-workspace-item h3 { margin: 1px 0 6px; font-size: 15px; }
.submerge-workspace-item p { margin: 0; color: var(--submerge-muted); font-size: 12px; line-height: 1.55; }
.submerge-home-contents { padding-top: 48px; }
.submerge-section-head { margin-bottom: 22px; }
.submerge-section-head h2 { margin: 0 0 6px; font-size: 23px; }
.submerge-section-head p { margin: 0; color: var(--submerge-muted); font-size: 13px; }

.submerge-platform-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.submerge-platform-tabs a {
  padding: 7px 13px;
  border: 1px solid var(--submerge-line);
  border-radius: 6px;
  color: var(--submerge-muted) !important;
}
.submerge-platform-tabs a.active {
  color: var(--submerge-orange) !important;
  border-color: var(--submerge-orange);
  background: var(--submerge-orange-soft);
  font-weight: 700;
}
.submerge-catalog-search { display: flex; gap: 10px; margin-bottom: 16px; }
.submerge-catalog-search .textbox { flex: 1; min-width: 0; }
.submerge-pager { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; }
.submerge-empty { padding: 28px 0; color: var(--submerge-muted); text-align: center; }

@media (max-width: 960px) {
  .submerge-workspace-grid { grid-template-columns: repeat(2, 1fr); }
  .submerge-workspace-item:nth-child(2n) { border-right: 0; }
}
@media (max-width: 600px) {
  .submerge-container { width: min(100% - 24px, 1180px); }
  .submerge-hero-inner { min-height: 350px; padding: 40px 0 48px; }
  .submerge-hero h1 { font-size: 35px; }
  .submerge-hero p { font-size: 15px; }
  .submerge-workspace-grid { grid-template-columns: 1fr; }
  .submerge-workspace-item { border-right: 0; border-bottom: 1px solid var(--submerge-line); }
  .submerge-workspace-item:last-child { border-bottom: 0; }
  .submerge-hero-proof { gap: 18px; }
}

.submerge-role-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:16px;background:#fff0e7;color:#e95610;vertical-align:1px}
.submerge-role-badge.admin{background:#dc2626;color:#fff}
.submerge-role-badge.multiple,.submerge-role-badge.single{background:#7c3aed;color:#fff;cursor:default}
.submerge-record-row{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--submerge-line);color:var(--submerge-ink)!important}
.submerge-record-row:last-child{border-bottom:0}
.submerge-record-row:hover{background:#fffaf6}
.submerge-record-meta{margin-left:auto;color:var(--submerge-muted);font-size:11px;text-align:right}