/** * Approved Marine Hub design (design handoff, approved-style.json v1). * * Scope: the whole Mini App (owner's decision after the first TEST review): * every view, the shared bottom navigation (08A) and the app header. * approved-motion.js sets `html.mh-approved` from `body[data-active-view]`. The scope class is written twice in each selector so * the rules outrank `html[data-theme="light"]` tokens and the ID-prefixed * screen sheets they replace, without !important. * * Settings (owner's JSON): Manrope 400, base 12px, heading 20px, background * Ф2 "Texture", card "Glass", radius 17px (pills 31px), density 14px, button * height 54px, icons 21px / stroke 1.4, border 0.5px, shadow strength 0.5, * motion А3 "Elastic" (speed 1.2, intensity 1.5), background motion Д2 * "Passing glint" (30s, 20%). Group table: DESIGN_SPEC.md of the handoff. */ @font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/Manrope-Regular.ttf") format("truetype"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Manrope-SemiBold.ttf") format("truetype"); } /* ------------------------------------------------------------------ tokens Declared on body: the app applies its theme tokens inline on , and inherited inline values are overridden by a body-level declaration. */ html.mh-approved.mh-approved body { color-scheme: dark; /* approved palette */ --ap-bg: #14161b; --ap-text: #e8eaf0; --ap-text-2: #c4cede; --ap-muted: #aeb8c9; --ap-meta: #b7bfcc; --ap-accent: #d6dce5; --ap-accent-ink: #13151a; --ap-selected: #303640; --ap-depth: #606b7d; --ap-line: #424752; --ap-divider: #49566c; --ap-focus: #d6e3f5; --ap-metal: linear-gradient(155deg, #eef0f4, #9aa3b0 58%, #dbe0e7); --ap-glass: linear-gradient(135deg, #ffffff24, #ffffff06); --ap-glass-border: #ffffff4a; --ap-glass-edge: inset 0 1px #ffffff38; --ap-card: linear-gradient(135deg, #313946ee, #1b212bee); --ap-card-border: #ffffff38; --ap-card-edge: inset 0 1px #ffffff25; --ap-control-bg: #252a33; --ap-input-bg: #181f29; --ap-input-border: #ffffff40; --ap-tag-bg: #222a36; --ap-tag-border: #657186; --ap-notice-bg: #1a212c; --ap-notice-border: #48536a; --ap-sheet-bg: #242c39; --ap-sheet-border: #596478; --ap-danger: #ae282f; --ap-danger-border: #db4e55; /* geometry (owner's numbers) */ --ap-radius: 17px; --ap-pill: 31px; --ap-gap: 14px; --ap-button-h: 54px; --ap-icon: 21px; --ap-icon-stroke: 1.4; --ap-line-w: 0.5px; --ap-shadow: 0.5; /* motion: duration = base / 1.2, scale = 1 - (1 - base) * 1.5 */ --ap-ease-a2: cubic-bezier(0.2, 0.85, 0.25, 1); --ap-ease-a3: cubic-bezier(0.22, 1.4, 0.36, 1); --ap-ease-a4: cubic-bezier(0.25, 0.1, 0.25, 1); --ap-time-a2: 150ms; --ap-time-a3: 300ms; --ap-time-a4: 366.667ms; --ap-time: var(--ap-time-a3); --ap-ease: var(--ap-ease-a3); --ap-glint-time: 30s; --ap-glint-opacity: 0.2; /* app tokens re-pointed at the approved palette */ --mh-font: "Manrope", "MH Text", "Segoe UI", system-ui, sans-serif; --mh-bg: var(--ap-bg); --mh-surface: #1b212b; --mh-surface-elevated: #232a35; --mh-surface-muted: #202632; --mh-surface-page: var(--ap-bg); --mh-surface-standard: #1b212b; --mh-surface-raised: #232a35; --mh-surface-inset: #202632; --mh-surface-interactive: var(--ap-input-bg); --mh-surface-sticky: #14161bf2; --mh-surface-nav: #0e1015; --mh-surface-diag: #202632cc; --mh-card-surface: #1b212b; --mh-job-card-bg: #1b212b; --mh-card-edge: var(--ap-card-border); --mh-card-radius: var(--ap-radius); --mh-radius-lg: var(--ap-radius); --mh-radius-md: 12px; --radius-lg: var(--ap-radius); --radius-md: 12px; --mh-text: var(--ap-text); --mh-text-secondary: var(--ap-text-2); --mh-text-muted: var(--ap-muted); --mh-muted: var(--ap-muted); --mh-ink: var(--ap-text); --mh-slate: var(--ap-muted); --mh-navy: var(--ap-text); --mh-navy-dark: #f4f6fa; --mh-ivory: var(--ap-bg); --mh-cream: #1b212b; --mh-sand: #202632; --mh-border: #ffffff38; --mh-border-subtle: #ffffff24; --mh-border-standard: #ffffff38; --mh-border-strong: #ffffff5a; --mh-divider: var(--ap-divider); --mh-line-divider: var(--ap-divider); --mh-accent: var(--ap-accent); --mh-accent-text: var(--ap-accent-ink); --mh-accent-hover: #e6ebf2; --mh-accent-soft: #ffffff14; --mh-primary: var(--ap-accent); --mh-primary-hover: #e6ebf2; --mh-focus: var(--ap-focus); --mh-kicker: var(--ap-muted); --mh-input-bg: var(--ap-input-bg); --mh-input-text: #edf1f7; --mh-placeholder: var(--ap-muted); --mh-nav-bg: #0e1015; --mh-nav-active: var(--ap-accent); --mh-nav-inactive: #aeb7c6; --mh-favorite: var(--ap-accent); --mh-favorite-bg: var(--ap-selected); --mh-silver: var(--ap-accent); --mh-silver-muted: var(--ap-muted); --mh-gold: var(--ap-accent); --mh-gold-bright: #e6ebf2; --mh-gold-dark: #9aa3b0; --mh-success: #cfe3d6; --mh-success-bg: #1d2a24; --mh-warning: #f2d38a; --mh-warning-bg: #2e2716; --mh-danger: #ff9ca1; --mh-danger-bg: #3a1f22; --mh-disabled: #6b717a; --mh-overlay: #00000077; --mh-shadow: none; --mh-shadow-nav: none; --mh-elev-flat: none; --mh-elev-low: none; --mh-elev-med: none; --mh-elev-sticky: none; --mh-depth-0-shadow: none; --mh-depth-0-highlight: none; --mh-depth-1-shadow: none; --mh-depth-1-highlight: inset 0 1px #ffffff25; --mh-depth-2-shadow: none; --mh-depth-2-highlight: inset 0 1px #ffffff25; --mh-depth-3-shadow: none; --mh-depth-3-highlight: none; --mh-canvas-glow: none; --mh-canvas-veil: none; --mh-ambient-gold: transparent; --mh-ambient-silver: transparent; --mh-logo-plate: #ffffff; --mh-salary-fg: #e8edf5; --mh-salary-bg: var(--ap-tag-bg); --mh-salary-ring: var(--ap-tag-border); --mh-press-ms: var(--ap-time-a3); --mh-press-scale: 0.9325; /* legacy aliases */ --bg: var(--ap-bg); --card: #1b212b; --surface: #1b212b; --text: var(--ap-text); --muted: var(--ap-muted); --accent: var(--ap-accent); --accent-2: #e6ebf2; --border: #ffffff38; --btn-bg: var(--ap-accent); --btn-text: var(--ap-accent-ink); --header-bg: #0e1015; --focus-ring: var(--ap-focus); /* jobs legacy tokens */ --jobs-primary: var(--ap-accent); --jobs-primary-dark: #9aa3b0; --jobs-primary-light: #e6ebf2; --jobs-success: #cfe3d6; --jobs-success-light: #1d2a24; --jobs-urgent: #f2d38a; --jobs-featured: #aeb8c9; --jobs-white: #1b212b; --jobs-gray-50: #14161b; --jobs-gray-100: #1b212b; --jobs-gray-200: #232a35; --jobs-gray-300: #2d3540; --jobs-gray-500: #aeb8c9; --jobs-gray-600: #c4cede; --jobs-gray-700: #e8eaf0; --jobs-gray-900: #f4f6fa; --jobs-salary-bg: var(--ap-tag-bg); --jobs-salary-text: #e8edf5; --jobs-salary-border: var(--ap-tag-border); /* typography: base 12px/400, heading 20px, card title 16px */ --mh-type-display: 22px; --mh-type-screen: 20px; --mh-type-screen-weight: 600; --mh-type-screen-tracking: 0; --mh-type-screen-lh: 1.2; --mh-type-section: 16px; --mh-type-card: 16px; --mh-type-body: 12px; --mh-type-meta: 11px; --mh-type-label: 11px; --mh-type-caption: 10px; --mh-type-status: 11px; --mh-type-button: 12px; --mh-lh-body: 1.45; /* shared button family geometry (54px, pill 31px, 0.5px line, 600) */ --mh-btn-h: var(--ap-button-h); --mh-btn-h-compact: 44px; --mh-btn-radius: var(--ap-pill); --mh-btn-pad-x: 14px; --mh-btn-pad-x-compact: 12px; --mh-btn-weight: 600; --mh-btn-primary-bg: var(--ap-metal); --mh-btn-primary-fg: var(--ap-accent-ink); --mh-btn-primary-border: var(--ap-accent); --mh-btn-secondary-bg: var(--ap-glass); --mh-btn-secondary-fg: #eef1f6; --mh-btn-secondary-border: var(--ap-glass-border); --mh-btn-danger-bg: var(--ap-danger); --mh-btn-danger-fg: #ffffff; --mh-btn-success-bg: #1d2a24; --mh-btn-success-fg: #cfe3d6; --mh-btn-success-border: #3d5a49; --mh-btn-disabled-bg: #202632; --mh-btn-disabled-fg: #6b717a; --mh-control-h: var(--ap-button-h); --mh-control-h-sm: 44px; } /* -------------------------------------------------------------- canvas Ф2 */ html.mh-approved.mh-approved, html.mh-approved.mh-approved body.mj-app { background: repeating-linear-gradient(15deg, #ffffff04 0 1px, transparent 1px 3px), repeating-linear-gradient(110deg, #ffffff03 0 1px, transparent 1px 4px), var(--ap-bg); background-attachment: fixed; color: var(--ap-text); font-family: var(--mh-font); font-size: var(--mh-type-body); font-weight: 400; line-height: 1.45; } html.mh-approved.mh-approved .app-shell, html.mh-approved.mh-approved .app-main, html.mh-approved.mh-approved .view { background: transparent; } /* the existing ambient layer (mesh, particles, embers) yields to Д2 */ html.mh-approved.mh-approved .mh-ambient__layer:not(.mh-ambient__layer--glint) { display: none; } html.mh-approved.mh-approved .mh-ambient { opacity: var(--ap-glint-opacity); } .mh-ambient__layer--glint { display: none; } html.mh-approved.mh-approved .mh-ambient__layer--glint { display: block; position: absolute; inset: -20%; pointer-events: none; background: linear-gradient(110deg, transparent 25%, #d8e4ff66 45%, transparent 65%); animation: mh-approved-glint var(--ap-glint-time) ease-in-out infinite; animation-delay: -7s; will-change: transform; } html.mh-approved.mh-approved.mh-approved-paused .mh-ambient__layer--glint { animation-play-state: paused; } @keyframes mh-approved-glint { 0%, 15% { transform: translateX(-90%); } 85%, 100% { transform: translateX(90%); } } /* ------------------------------------------------------------ app header */ html.mh-approved.mh-approved .mh-header { background: #0e1015e6; border-bottom: var(--ap-line-w) solid #ffffff1f; box-shadow: none; color: var(--ap-text); } html.mh-approved.mh-approved .mh-header .mh-title, html.mh-approved.mh-approved .mh-header h1 { color: var(--ap-text); font-family: var(--mh-font); font-weight: 600; } html.mh-approved.mh-approved .mh-header .mh-logo { box-shadow: 0 0 0 1px #ffffff2e; } /* ------------------------------------------------------------- typography */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account), html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-screen-head, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-topbar { color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-screen-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-page-header__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-topbar__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-directory__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .jobs-page-brand__label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-title-v2, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-detail__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .directory-detail-title { font-family: var(--mh-font); font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-screen-sub, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-page-header__subtitle, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-topbar__sub, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .page-subtitle, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-desc, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status__meta, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status__limits, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status__scope { font-size: 12px; line-height: 1.5; color: #b5c0d2; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .figma-saved-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-row__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__block-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .directory-section-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .course-row-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-course-row__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-service-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-fact__value, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) h2, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) h3, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) h4, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) strong, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) dt { font-family: var(--mh-font); font-weight: 600; color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card__name, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__name { font-size: 16px; line-height: 1.35; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__block-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .directory-section-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-section-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-section__title { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ap-muted); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__title { font-family: var(--mh-font); font-size: 17px; font-weight: 600; line-height: 1.45; color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) p, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) li, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) dd, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .muted, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-meta, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__company, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card__company, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__meta, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__meta, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__contacts, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card__place, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card__count, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__source, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__time, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__meta, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-fact__label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-kicker, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) time, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) small { color: var(--ap-meta); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) p, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) li, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) dd { font-size: 12px; line-height: 1.55; color: var(--ap-text-2); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__summary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__summary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__body p, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-desc { font-size: 12px; line-height: 1.65; color: #b7c3d7; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-fact__value, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-title-v2 + span, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-company { color: var(--ap-text); } /* ------------------------------------------------------- surfaces / cards */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-saved-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-surface, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-info-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__block, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-section, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .directory-detail-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-card-v2, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-empty-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-unavailable, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__empty-state { background: var(--ap-card); border: var(--ap-line-w) solid var(--ap-card-border); border-radius: var(--ap-radius); box-shadow: var(--ap-card-edge); color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__open, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card { color: var(--ap-text); } /* job cards: title and company on the left, salary and department on the right, so the card uses its full width and stays compact (owner, TEST review) */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__open { padding: 14px 14px 14px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; row-gap: 10px; align-items: start; width: 100%; padding-right: 0; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__identity { grid-column: 1; grid-row: 1; min-width: 0; padding-right: 52px; /* room for the 44px save control in the corner */ } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__chips { grid-column: 1; grid-row: 2; align-self: end; flex-wrap: wrap; gap: 6px; margin: 0; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__salary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card__salary { grid-column: 2; grid-row: 2; justify-self: end; align-self: end; margin: 0; white-space: nowrap; font-size: 13px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__save { top: 12px; right: 12px; } /* whole-app scope additions: Career tool tiles, Cover Letter workspace cards */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-career-tool__icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-career-card--link .mh-career-tool__icon { background: #ffffff13; border: var(--ap-line-w) solid #ffffff36; color: #d8e0ec; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-panel, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cv-panel, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cv-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-panel { background: var(--ap-card); border: var(--ap-line-w) solid var(--ap-card-border); border-radius: var(--ap-radius); box-shadow: var(--ap-card-edge); color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-card-title, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-row dd, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-summary dd, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cv-panel h2, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cv-panel h3 { color: var(--ap-text); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-kicker, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-card-copy, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-row dt, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-summary dt, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-status, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-privacy { color: var(--ap-muted); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-row, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-review-summary > div { border-color: var(--ap-divider); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-step { background: var(--ap-glass); color: #c4cede; border: var(--ap-line-w) solid var(--ap-glass-border); box-shadow: var(--ap-glass-edge); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-cl-step.is-current { background: var(--ap-selected); border-color: var(--ap-accent); color: var(--ap-accent); font-weight: 600; } /* the job detail body is a flat container in the old layout: give the card its inset */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-card-v2, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-card { padding: 16px 14px 18px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__media--hero, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__media, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__media { border-radius: var(--ap-radius); overflow: hidden; } /* search wraps that used to be cream shells */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-search-wrap, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-search-block, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-search-wrap, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-search-wrap, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-provider-search, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-search-wrap { background: transparent; border: 0; box-shadow: none; padding: 0; } /* tags and chips inside cards */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-chip, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-tag, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__chip, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__kind, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card__sector, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__signal, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__service, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__category, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-tag { background: var(--ap-tag-bg); border: var(--ap-line-w) solid var(--ap-tag-border); border-radius: 7px; color: #cbd4e1; font-size: 11px; font-weight: 400; padding: 4px 8px; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-chip--muted { color: var(--ap-muted); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-card-v2__salary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-job-card__salary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .figma-detail-salary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__salary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-salary { background: var(--ap-tag-bg); border: var(--ap-line-w) solid var(--ap-tag-border); color: #e8edf5; font-weight: 600; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-logo, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-logo__initials, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-provider-logo--fallback, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__monogram { background: #ffffff13; border: var(--ap-line-w) solid #ffffff36; color: #d8e0ec; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-divider, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) hr, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .p-divider { border: 0; height: var(--ap-line-w); background: var(--ap-divider); opacity: 0.65; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .detail-row, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__row, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-course-row, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__row, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-fact { border-color: var(--ap-divider); color: #b8c4d5; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .notice-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-notice, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-snapshot-notice, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-snapshot-note, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__notice, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .jobs-mode-chip, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-loading, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-recruiters-loading, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-missing { background: var(--ap-notice-bg); border: var(--ap-line-w) solid var(--ap-notice-border); border-radius: 12px; color: #bfcadd; font-size: 11px; line-height: 1.6; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status strong, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-notice strong { color: #e4eaf3; font-weight: 600; } /* ------------------------------------------------------------ inputs (16px) */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) select, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) textarea, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-search-input, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-input, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-search__input, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-search__input { font-family: var(--mh-font); font-size: 16px; /* never smaller: iOS zooms focused fields below 16px */ font-weight: 400; line-height: 1.3; color: #edf1f7; background: var(--ap-input-bg); border: var(--ap-line-w) solid var(--ap-input-border); border-radius: var(--ap-radius); min-height: 50px; box-shadow: none; color-scheme: dark; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) input::placeholder, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) textarea::placeholder { font-size: 12px; color: var(--ap-muted); opacity: 1; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-search-wrap__icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-search__icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-search__icon { color: var(--ap-muted); } /* ------------------------------------------------ shared button geometry */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) a.mh-button { font-family: var(--mh-font); font-size: 12px; font-weight: 600; line-height: 1.2; border-width: var(--ap-line-w); border-style: solid; border-radius: var(--ap-pill); min-height: var(--ap-button-h); padding: 10px 14px; gap: 8px; box-shadow: none; transition: background var(--ap-time) var(--ap-ease), border-color var(--ap-time) var(--ap-ease), box-shadow var(--ap-time) var(--ap-ease), color var(--ap-time) var(--ap-ease); -webkit-tap-highlight-color: transparent; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--compact, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--sm, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--text, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-nav-back { min-height: 44px; padding: 8px 12px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button svg { width: var(--ap-icon); height: var(--ap-icon); stroke-width: var(--ap-icon-stroke); } /* 01B main action: silver metal, dark label, press = translateY(3px) */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--primary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-btn-primary:not(.mh-button--outline), html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-dock-btn--primary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .primary-vacancy-btn, html.mh-approved.mh-approved .btn-demo-sheet-primary { background: var(--ap-metal); color: var(--ap-accent-ink); border-color: var(--ap-accent); box-shadow: inset 0 1px #ffffff66, 0 4px 0 var(--ap-depth); font-weight: 600; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--primary.mh-pressed, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-btn-primary:not(.mh-button--outline).mh-pressed, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-dock-btn--primary.mh-pressed, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .primary-vacancy-btn.mh-pressed { box-shadow: inset 0 1px #ffffff66, 0 1px 0 var(--ap-depth); } /* 02B / 09D / 13B / 14B: glass */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--secondary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--outline, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--ghost, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--tertiary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-btn-secondary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-btn-primary.mh-button--outline, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-nav-back, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .btn-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #jobs-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #training-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .news-detail-source-btn, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-dock-btn:not(.job-detail-dock-btn--primary):not(.job-detail-dock-btn--icon), html.mh-approved.mh-approved .btn-demo-sheet-close { background: var(--ap-glass); color: #eef1f6; border-color: var(--ap-glass-border); box-shadow: var(--ap-glass-edge); } /* 03B contacts: glass tiles, icon over label, equal width */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__action, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__action, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-detail__action { background: var(--ap-glass); color: var(--ap-accent); border: var(--ap-line-w) solid var(--ap-glass-border); box-shadow: var(--ap-glass-edge); border-radius: var(--ap-radius); flex: 1 1 30% !important; /* the medical sheet forces width: 100% on these */ width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; min-height: 65px; padding: 10px 5px; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; text-align: center; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__actions, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__actions, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-detail__actions, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) :has(> .ref-rc-detail__action) { display: flex; gap: 8px; flex-wrap: wrap; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__action--disabled, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-detail__action[aria-disabled="true"] { opacity: 0.4; } /* 04B save: the previously chosen dark control; selected = graphite + accent */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__save, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #job-detail-save-btn, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-dock-btn--icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__save, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail__save, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-card__save, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-card__save, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [data-mh-group="save"] { background: var(--ap-control-bg) !important; color: #e7eaf1 !important; border: var(--ap-line-w) solid var(--ap-line) !important; border-radius: 15px !important; box-shadow: none !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 8px !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__save.is-saved, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #job-detail-save-btn.is-saved, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-detail-dock-btn--icon.is-saved, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__save.is-saved, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail__save.is-saved, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [data-mh-group="save"][aria-pressed="true"], html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [data-mh-group="save"].is-saved { background: var(--ap-selected) !important; border-color: var(--ap-accent) !important; color: var(--ap-accent) !important; } /* 05A segments (glass rail with a moving indicator). The chips / letters / segments / save controls below carry !important on purpose: jobs-saved-alerts.css, saved-parity.css and medical-directory.css force their colours with !important, so nothing weaker can replace them. */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .category-tabs, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-saved-segments:not(.mj-filter-chips):not(.mj-recruiter-az):not(:has(> .mh-provider-az-letter)):not(:has(> .mj-recruiter-az-letter)) { position: relative; isolation: isolate; display: flex !important; gap: 0 !important; padding: 4px !important; background: linear-gradient(135deg, #ffffff20, #ffffff05) !important; border: 1px solid #ffffff36 !important; border-radius: var(--ap-radius) !important; box-shadow: none !important; overflow: hidden; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .category-tab, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-saved-segments:not(.mj-filter-chips):not(.mj-recruiter-az):not(:has(> .mh-provider-az-letter)):not(:has(> .mj-recruiter-az-letter)) > .mh-saved-segment { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; min-height: 44px !important; padding: 8px 3px !important; background: none !important; border: 0 !important; border-radius: calc(var(--ap-radius) - 3px) !important; box-shadow: none !important; color: #aeb7c6 !important; font-family: var(--mh-font); font-size: 12px !important; font-weight: 400 !important; transition: color var(--ap-time-a2) var(--ap-ease-a2); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .category-tab.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-saved-segments:not(.mj-filter-chips):not(.mj-recruiter-az):not(:has(> .mh-provider-az-letter)):not(:has(> .mj-recruiter-az-letter)) > .mh-saved-segment.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .category-tab[aria-pressed="true"], html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .category-tab[aria-selected="true"] { background: none !important; color: var(--ap-accent) !important; font-weight: 600 !important; box-shadow: none !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-seg-indicator { position: absolute; top: 4px; bottom: 4px; left: 0; width: 0; z-index: -1; border-radius: calc(var(--ap-radius) - 3px); background: #ffffff20; box-shadow: inset 0 1px #ffffff55; transition: transform var(--ap-time-a2) var(--ap-ease-a2), width var(--ap-time-a2) var(--ap-ease-a2); pointer-events: none; } /* 06B filter / picker pills: glass, А4 */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; background: none; border: 0; padding: 0; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-filter-chip, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-chip--filter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-toggle, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-pick, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-filter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .jobs-filter-select, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-filter-select { background: var(--ap-glass) !important; color: #eef1f6 !important; border: var(--ap-line-w) solid var(--ap-glass-border) !important; box-shadow: var(--ap-glass-edge) !important; border-radius: var(--ap-pill) !important; font-family: var(--mh-font); font-size: 12px !important; font-weight: 400 !important; min-height: 44px !important; --ap-time: var(--ap-time-a4); --ap-ease: var(--ap-ease-a4); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-filter-chip.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-filter-chip[aria-pressed="true"], html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-chip--filter.is-active { background: var(--ap-selected) !important; border-color: var(--ap-accent) !important; color: var(--ap-accent) !important; font-weight: 600 !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-toggle, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-pick { justify-content: space-between; text-align: left; min-height: var(--ap-button-h) !important; padding: 10px 12px !important; border-radius: var(--ap-pill) !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-toggle__copy small, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-filter-role-label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-pick__label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-label__text, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-training-filter-label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .filter-label { color: #a7afbe; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-selected, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-role-summary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-pick__value { color: #eef1f6; font-size: 12px; font-weight: 400; } /* 07B tabs (alphabet rails, tab lists): glass, А3 */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-az, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-provider-az, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-alpha, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [role="tablist"] { background: none !important; border: 0 !important; padding: 0 !important; gap: 5px !important; box-shadow: none !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-provider-az-letter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-az-letter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-alpha__letter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [role="tab"] { background: var(--ap-glass) !important; color: #c4cede !important; border: var(--ap-line-w) solid var(--ap-glass-border) !important; box-shadow: var(--ap-glass-edge) !important; border-radius: 12px !important; font-size: 11px !important; font-weight: 400 !important; min-height: 44px !important; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-provider-az-letter.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-az-letter.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-alpha__letter.is-active, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [role="tab"][aria-selected="true"] { background: var(--ap-selected) !important; border-color: var(--ap-accent) !important; color: var(--ap-accent) !important; font-weight: 600 !important; } /* 09D back: glass, chevron + context label */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-nav-back, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-back-btn, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-back { color: #eef1f6; font-weight: 600; gap: 4px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-nav-back__chev, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-back-btn__chev, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-back__chev, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-nav-back__label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-back-btn__label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-back__text { color: #eef1f6; } /* recruiter directory: glass cards need air between them and inside them (the list sheet keeps gap 0 + 2px side padding for its divider rows) */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-section__cards { gap: 10px; } html.mh-approved.mh-approved #view-recruiters .ref-rc-company-card { padding: 14px 14px; background: var(--ap-card) !important; border: var(--ap-line-w) solid var(--ap-card-border) !important; border-radius: var(--ap-radius) !important; box-shadow: var(--ap-card-edge) !important; } /* document sheets (cover letter, CV previews) keep their own ink and type: the app-wide paragraph/heading colours must not paint a paper sheet */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) :is(.mh-cl-doc, .mh-cv-doc) :is(p, li, dd, small, time) { color: inherit; font-size: inherit; line-height: inherit; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) :is(.mh-cl-doc, .mh-cv-doc) :is(h1, h2, h3, h4, strong, dt) { color: inherit; font-family: inherit; } /* audit round 3: legible small print and contrast */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-career-card p.muted, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-career-card .mj-career-card__copy { font-size: 12px; line-height: 1.5; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-list-note__primary, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-list-note { color: var(--ap-muted); } /* recruiters list tiles are white (directory sheet); training tiles stay dark */ html.mh-approved.mh-approved #view-recruiters .ref-rc-logo--list .ref-rc-logo__initials { color: #202832; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-catalog-status__limits { min-width: 0; white-space: normal; overflow-wrap: anywhere; } html.mh-approved.mh-approved #view-medical-detail dt, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__phone-label, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__section-count, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-pick__label-full, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-label__text { font-size: 11px; } /* medical detail: the full-bleed photo hero needs a scrim under its text */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__hero--full::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(20, 22, 27, 0.22) 0%, rgba(20, 22, 27, 0.58) 42%, rgba(20, 22, 27, 0.9) 100%); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__hero--full > :not(.mh-medical-detail__hero-img) { position: relative; z-index: 2; } /* Saved: the "local saves only" tip is a card now, so it gets card padding back */ html.mh-approved.mh-approved #view-saved .mj-pro-tip, html.mh-approved.mh-approved #view-saved .mh-saved-alerts .mj-info-card { padding: 14px 16px; } /* news: the "image unavailable" placeholder is a dark glass panel, not a light slab */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__media.is-unavailable, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__media.is-unavailable { background: linear-gradient(135deg, #313946, #1b212b); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card__media-fallback, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__media-fallback { background: transparent; color: var(--ap-muted); } /* 10A card action: pressable rows/cards */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .job-offer-card__open, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-company-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-card, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-resource-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-course-row__link { --ap-time: var(--ap-time-a4); --ap-ease: var(--ap-ease-a4); cursor: pointer; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-resource-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-course-row__link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-dir-source-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .course-row-link { color: var(--ap-accent); font-weight: 600; } /* 11B remove / delete */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--danger:not(.mh-button--outline):not(.mh-button--secondary), html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .btn-demo-remove, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) [data-mh-group="danger"] { background: var(--ap-danger); color: #ffffff; border-color: var(--ap-danger-border); box-shadow: none; --ap-time: var(--ap-time-a4); --ap-ease: var(--ap-ease-a4); } /* 12A text links */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--text, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-source-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__media-source-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__fee-source, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__identity-source, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-detail__phone-value, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-detail-missing__link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-detail-card__source a, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .ref-rc-contact-row__value a, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) a.mh-text-link, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) a { color: var(--ap-accent); text-decoration-color: #ffffff55; text-underline-offset: 3px; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--text { background: transparent; border-color: transparent; box-shadow: none; padding-left: 2px; padding-right: 2px; } /* 13B tools: icon controls */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button--icon, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-search-clear, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-medical-filter-reset, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #jobs-search-submit, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-search__filter { width: var(--ap-button-h); min-width: 44px; min-height: 44px; padding: 8px; border-radius: var(--ap-radius); } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mj-recruiter-search__filter, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #jobs-search-submit { width: 50px; height: 50px; } /* 14B load more */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #jobs-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) #training-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .btn-load-more, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-news-load-more { width: 100%; min-height: var(--ap-button-h); } /* ---------------------------------------------------------- states */ html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button:disabled, html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button[aria-disabled="true"], html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) button:disabled { opacity: 0.4; cursor: default; box-shadow: none; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button[aria-busy="true"] { color: transparent; } html.mh-approved.mh-approved :is(#view-home, #view-jobs, #view-job-detail, #view-quick-apply, #view-saved, #view-news, #view-news-detail, #view-career, #view-profile, #view-cv-builder, #view-applications, #view-recruiters, #view-recruiter-detail, #view-cover-letter-builder, #view-training, #view-training-detail, #view-medical, #view-medical-detail, #view-vessels, #view-vessel-detail, #view-account) .mh-button[aria-busy="true"]::after { border-color: #eef1f6 transparent #eef1f6 #eef1f6; } html.mh-approved.mh-approved button:focus-visible, html.mh-approved.mh-approved a:focus-visible, html.mh-approved.mh-approved input:focus-visible, html.mh-approved.mh-approved select:focus-visible, html.mh-approved.mh-approved textarea:focus-visible, html.mh-approved.mh-approved [tabindex]:focus-visible { outline: 2px solid var(--ap-focus); outline-offset: 3px; box-shadow: none; } /* ------------------------------------------------------------ sheets */ html.mh-approved.mh-approved .mh-medical-picker-sheet__panel, html.mh-approved.mh-approved .demo-sheet-panel, html.mh-approved.mh-approved .mj-role-panel, html.mh-approved.mh-approved #filter-role-panel { background: var(--ap-sheet-bg); border: 1px solid var(--ap-sheet-border); border-radius: 20px; color: #edf1f7; box-shadow: 0 -20px 70px #0008; } html.mh-approved.mh-approved .mh-medical-picker-sheet, html.mh-approved.mh-approved .demo-sheet-root { background: #00000077; } /* --------------------------------------------------- 08A bottom navigation */ html.mh-approved.mh-approved .bottom-nav, html.mh-approved.mh-approved body.mj-app .bottom-nav { position: relative; isolation: isolate; background: #0e1015; border-top: 0; box-shadow: none; padding-left: 4px; padding-right: 4px; backdrop-filter: none; -webkit-backdrop-filter: none; } html.mh-approved.mh-approved .bottom-nav::before { display: none; } html.mh-approved.mh-approved .bottom-nav-item { flex: 1 1 0; min-width: 0; gap: 4px; padding: 6px 2px 4px; border-radius: calc(var(--ap-radius) - 3px); background: none; color: #aeb7c6; opacity: 1; font-family: var(--mh-font); transition: color var(--ap-time-a3) var(--ap-ease-a3); } html.mh-approved.mh-approved .bottom-nav-item:active { transform: none; } html.mh-approved.mh-approved .bottom-nav-item.is-active { background: none; color: var(--ap-accent); font-weight: 600; } html.mh-approved.mh-approved .bottom-nav-item.is-active::after, html.mh-approved.mh-approved body.mj-app .bottom-nav-item.is-active::after { display: none; } html.mh-approved.mh-approved .bottom-nav-svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: var(--ap-icon-stroke); transform: none; } html.mh-approved.mh-approved .bottom-nav-item.is-active .bottom-nav-svg { stroke-width: var(--ap-icon-stroke); transform: none; } html.mh-approved.mh-approved .bottom-nav-label { font-size: 10px; font-weight: 400; letter-spacing: 0; } html.mh-approved.mh-approved .bottom-nav-item.is-active .bottom-nav-label { color: var(--ap-accent); font-weight: 600; } html.mh-approved.mh-approved .bottom-nav-indicator { position: absolute; top: 4px; bottom: max(4px, calc(var(--mh-safe-bottom, var(--safe-bottom, 0px)) + 2px)); left: 0; width: 0; z-index: -1; border-radius: calc(var(--ap-radius) - 3px); background: var(--ap-selected); transition: transform var(--ap-time-a3) var(--ap-ease-a3), width var(--ap-time-a3) var(--ap-ease-a3); pointer-events: none; } /* ----------------------------------------------------------- view motion */ html.mh-approved.mh-approved .view.mh-view-enter { animation: mh-approved-view-enter var(--ap-time-a3) var(--ap-ease-a3) both; } html.mh-approved.mh-approved .view.mh-view-enter-detail { animation: mh-approved-detail-enter var(--ap-time-a4) var(--ap-ease-a4) both; } @keyframes mh-approved-view-enter { from { opacity: 0.5; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } @keyframes mh-approved-detail-enter { from { opacity: 0.5; transform: translateX(8px); } to { opacity: 1; transform: translateX(0); } } html.mh-approved.mh-approved .mh-sheet-enter { animation: mh-approved-sheet-enter var(--ap-time-a4) var(--ap-ease-a4) both; } @keyframes mh-approved-sheet-enter { from { transform: translateY(100%); } to { transform: translateY(0); } } /* --------------------------------------------------------- reduced motion */ @media (prefers-reduced-motion: reduce) { html.mh-approved.mh-approved *, html.mh-approved.mh-approved *::before, html.mh-approved.mh-approved *::after { animation: none !important; transition: none !important; } html.mh-approved.mh-approved .mh-ambient__layer--glint { transform: translateX(0); } }