@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700;800;900&family=Syne:wght@700;800&display=swap");

body[data-fvd-modernized-laravel] {
  /* Design tokens: DESIGN.md canonical values. */
  --red: #d90429;
  --red-rgb: 217 4 41;
  --red-dark: #a3001a;
  --ink: #0d0d0d;
  --ink-rgb: 13 13 13;
  --gray: #f4f4f5;
  --gray-rgb: 244 244 245;
  --muted: #6b7280;
  --border: #e5e7eb;
  --white: #ffffff;
  --white-rgb: 255 255 255;
  --accent-tint: #fff0f2;
  --accent-tint-rgb: 255 240 242;
  --fvd-atom-radius-pill: 50px;
  --fvd-atom-radius-field: 14px;
  --fvd-atom-radius-icon: calc(var(--fvd-atom-radius-field) * 0.285714);
  --fvd-molecule-radius-card: 18px;
  --fvd-molecule-card-border: 1.5px solid var(--border);
  --fvd-admin-bg: var(--gray);
  --fvd-admin-panel: var(--white);
  --fvd-admin-ink: var(--ink);
  --fvd-admin-muted: var(--muted);
  --fvd-admin-line: var(--border);
  --fvd-admin-red: var(--red);
  --fvd-admin-red-dark: var(--red-dark);
  --fvd-admin-green: #16845b;
  --fvd-admin-amber: #aa6a00;
  --fvd-admin-blue: #245b9f;
  /* Derived tokens: legacy Laravel neutral surfaces mapped to the FVD palette. */
  --fvd-surface-subtle: #fbfcfd;
  --fvd-surface-muted: #eef2f6;
  --fvd-text-soft: #34404c;
  --fvd-shadow-card: 0 24px 60px rgba(0, 0, 0, 0.08);
  --fvd-font-body: "DM Sans", sans-serif;
  --fvd-font-heading: "Syne", "DM Sans", sans-serif;
  background: var(--fvd-admin-bg);
  color: var(--fvd-admin-ink);
  font-family: var(--fvd-font-body);
}

body[data-fvd-modernized-laravel] h1,
body[data-fvd-modernized-laravel] h2,
body[data-fvd-modernized-laravel] h3,
body[data-fvd-modernized-laravel] .h1,
body[data-fvd-modernized-laravel] .h2,
body[data-fvd-modernized-laravel] .h3,
body[data-fvd-modernized-laravel] .box-title,
body[data-fvd-modernized-laravel] .content-header h1,
body[data-fvd-modernized-laravel] .main-header .logo,
body[data-fvd-modernized-laravel] .small-box .inner h3 {
  font-family: var(--fvd-font-heading);
}

/* Atom: fluid typographic label. */
body[data-fvd-modernized-laravel] h1,
body[data-fvd-modernized-laravel] h2,
body[data-fvd-modernized-laravel] h3,
body[data-fvd-modernized-laravel] .h1,
body[data-fvd-modernized-laravel] .h2,
body[data-fvd-modernized-laravel] .h3,
body[data-fvd-modernized-laravel] .h-flex,
body[data-fvd-modernized-laravel] .h-flex > span,
body[data-fvd-modernized-laravel] .box-title,
body[data-fvd-modernized-laravel] .content-header h1,
body[data-fvd-modernized-laravel] .close-open-wrap > h2 a,
body[data-fvd-modernized-laravel] .close-open-wrap > h2 a > span,
body[data-fvd-modernized-laravel] .form-box > h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-fvd-modernized-laravel] a {
  color: var(--fvd-admin-red);
  text-decoration: none;
}

body[data-fvd-modernized-laravel] a:hover {
  color: var(--fvd-admin-red-dark);
  text-decoration: none;
}

body[data-fvd-modernized-laravel] img,
body[data-fvd-modernized-laravel] svg {
  max-width: 100%;
}

body[data-fvd-modernized-laravel] .web-wrap {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgb(var(--white-rgb) / 92%) 0, rgb(var(--gray-rgb) / 94%) 290px),
    var(--fvd-admin-bg);
}

body[data-fvd-modernized-laravel] .web-wrap > nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgb(var(--ink-rgb) / 10%);
  background: rgb(var(--white-rgb) / 94%);
  box-shadow: 0 12px 30px rgb(var(--ink-rgb) / 7%);
  backdrop-filter: blur(14px);
}

body[data-fvd-modernized-laravel] .web-wrap > nav .container {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body[data-fvd-modernized-laravel] .right-menu,
body[data-fvd-modernized-laravel] .main-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .right-menu li,
body[data-fvd-modernized-laravel] .main-menu li {
  list-style: none;
}

/* Atom: Laravel top navigation item. */
body[data-fvd-modernized-laravel] .right-menu a,
body[data-fvd-modernized-laravel] .right-menu button,
body[data-fvd-modernized-laravel] .main-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--fvd-admin-ink);
  font-size: 0.875rem;
  font-weight: 780;
  padding: 8px 11px;
}

body[data-fvd-modernized-laravel] .right-menu a:hover,
body[data-fvd-modernized-laravel] .right-menu button:hover,
body[data-fvd-modernized-laravel] .main-menu a:hover {
  background: var(--fvd-surface-muted);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .right-menu .count,
body[data-fvd-modernized-laravel] .right-menu em {
  display: inline-flex;
  min-width: 22px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-admin-red);
  color: var(--white);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  padding: 2px 7px;
}

/* Molecule: Laravel hover menu card. */
body[data-fvd-modernized-laravel] .box-hover {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 20px 48px rgb(var(--ink-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .box-hover .in {
  padding: 18px;
}

body[data-fvd-modernized-laravel] .box-hover .heading {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.2;
}

body[data-fvd-modernized-laravel]:has(> p #target-link) {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background:
    linear-gradient(180deg, rgb(var(--white-rgb) / 92%) 0, rgb(var(--gray-rgb) / 96%) 280px),
    var(--fvd-admin-bg);
  color: var(--fvd-admin-ink);
  padding: 24px;
}

body[data-fvd-modernized-laravel]:has(> p #target-link) > p {
  display: block !important;
}

/* Molecule: public redirect card. */
body[data-fvd-modernized-laravel]:has(> p #target-link) > p:first-of-type {
  display: grid !important;
  width: min(100%, 680px);
  gap: 16px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 22px 52px rgb(var(--ink-rgb) / 10%);
  color: var(--fvd-admin-muted);
  line-height: 1.58;
  margin: 0;
  padding: clamp(24px, 4vw, 42px);
  text-align: center;
}

body[data-fvd-modernized-laravel]:has(> p #target-link) > p:first-of-type::before {
  content: "Přesměrováváme vás";
  display: block;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  font-weight: 860;
  line-height: 1.08;
}

body[data-fvd-modernized-laravel]:has(> p #target-link) > p:first-of-type::after {
  content: "Pokud se stránka neotevře automaticky, použijte odkaz níže.";
  color: var(--fvd-admin-muted);
  font-size: 0.92rem;
}

/* Atom: public redirect target action. */
body[data-fvd-modernized-laravel] #target-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  overflow-wrap: anywhere;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-admin-red);
  box-shadow: 0 10px 22px rgb(var(--red-rgb) / 18%);
  color: var(--white);
  font-weight: 850;
  padding: 10px 16px;
}

body[data-fvd-modernized-laravel] #target-link:hover {
  background: var(--fvd-admin-red-dark);
  color: var(--white);
}

body[data-fvd-modernized-laravel]:has(> p #target-link) > p:last-of-type {
  width: min(100%, 680px);
  color: var(--fvd-admin-muted);
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

body[data-fvd-modernized-laravel]:has(> p #target-link) > p:last-of-type a {
  color: var(--fvd-admin-red);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .store-links {
  gap: 10px;
}

/* Atom: public app store badge link. */
body[data-fvd-modernized-laravel] .store-links a,
body[data-fvd-modernized-laravel] .mob-app-stores a {
  border-radius: var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] .logo img {
  width: auto;
  height: 44px;
}

body[data-fvd-modernized-laravel] .top-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .top-menu li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .web-wrap .form-inline {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] .top-menu .form-inline {
  align-items: center;
}

/* Atom: company top menu control. */
body[data-fvd-modernized-laravel] .top-menu a,
body[data-fvd-modernized-laravel] .top-menu button,
body[data-fvd-modernized-laravel] .company-balance a,
body[data-fvd-modernized-laravel] .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 8px 12px;
}

body[data-fvd-modernized-laravel] .top-menu button:hover,
body[data-fvd-modernized-laravel] .top-menu a:hover,
body[data-fvd-modernized-laravel] .company-balance a:hover {
  border-color: rgb(var(--red-rgb) / 32%);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap > .container {
  max-width: 1480px;
}

body[data-fvd-modernized-laravel] .web-content {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 24px 0 48px;
}

body[data-fvd-modernized-laravel] aside {
  position: sticky;
  top: 88px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--fvd-admin-panel);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 8%);
}

body[data-fvd-modernized-laravel] aside::-webkit-scrollbar {
  width: 8px;
}

body[data-fvd-modernized-laravel] aside::-webkit-scrollbar-thumb {
  border-radius: var(--fvd-atom-radius-pill);
  background: #c7ced6;
}

body[data-fvd-modernized-laravel] .aside-mobile {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  padding: 14px;
}

body[data-fvd-modernized-laravel] .aside-mobile ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .aside-mobile li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .aside-mobile .form-inline {
  display: block;
  width: 100%;
}

body[data-fvd-modernized-laravel] .aside-mobile ul a,
body[data-fvd-modernized-laravel] .aside-mobile ul button {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding: 9px 11px;
  text-align: left;
}

body[data-fvd-modernized-laravel] .aside-mobile ul button {
  justify-content: center;
}

body[data-fvd-modernized-laravel] .aside-mobile ul a:hover,
body[data-fvd-modernized-laravel] .aside-mobile ul button:hover {
  border-color: rgb(var(--red-rgb) / 32%);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .aside-box {
  border: 0;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: transparent;
  box-shadow: none;
  margin: 0;
}

body[data-fvd-modernized-laravel] .aside-box:last-child {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] .aside-box h4 {
  margin: 0;
}

body[data-fvd-modernized-laravel] .aside-box h4 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 15px 16px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .aside-box h4 a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #9aa4af;
  border-bottom: 2px solid #9aa4af;
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .aside-box.is-open h4 a::after {
  transform: rotate(225deg);
}

body[data-fvd-modernized-laravel] .aside-box .in {
  background: var(--fvd-surface-subtle);
  padding: 4px 10px 14px;
}

body[data-fvd-modernized-laravel] .aside-box ul {
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .aside-box li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .aside-box li strong {
  display: block;
  color: var(--fvd-admin-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 14px 8px 6px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .aside-box li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: var(--fvd-atom-radius-field);
  color: #27313d;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.25;
  padding: 9px 10px;
}

body[data-fvd-modernized-laravel] .aside-box li a:hover {
  background: var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .aside-box li a.active {
  background: var(--ink);
  color: var(--white);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .numbers,
body[data-fvd-modernized-laravel] .badge {
  display: inline-flex;
  min-width: 24px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-admin-red);
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 800;
  padding: 3px 8px;
}

/* Molecule: company account top navigation. */
body[data-fvd-modernized-laravel] .web-wrap > nav:has(.top-menu) .top-menu a,
body[data-fvd-modernized-laravel] .web-wrap > nav:has(.top-menu) .company-balance a,
body[data-fvd-modernized-laravel] .web-wrap > nav:has(.top-menu) .dropdown-toggle {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--ink);
}

/* Atom: company account action. */
body[data-fvd-modernized-laravel] .web-wrap > nav:has(.top-menu) .top-menu button {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .web-wrap > nav:has(.top-menu) .top-menu button:hover {
  border-color: var(--red-dark);
  background: var(--red-dark);
  color: var(--white);
}

/* Molecule: company sidebar navigation. */
body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) > aside {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-mobile {
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-mobile ul {
  gap: 12px;
}

/* Atom: company sidebar menu item. */
body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-mobile ul a,
body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-box li a {
  border-radius: var(--fvd-atom-radius-field);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-mobile ul button {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .aside-box li a.active {
  background: var(--ink);
  color: var(--white);
  box-shadow: inset 3px 0 0 var(--red);
}

/* Atom: company sidebar count badge. */
body[data-fvd-modernized-laravel] .web-content:has(> aside .aside-box) .numbers {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  color: var(--white);
}

body[data-fvd-modernized-laravel] main {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container,
body[data-fvd-modernized-laravel] .style-content {
  max-width: 1180px;
  min-width: 0;
}

/* Molecule: public content panel. */
body[data-fvd-modernized-laravel] .style-content {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin-top: 22px;
  padding: clamp(20px, 3vw, 34px);
}

body[data-fvd-modernized-laravel] .style-content h1,
body[data-fvd-modernized-laravel] .style-content h2,
body[data-fvd-modernized-laravel] .style-content h3 {
  color: var(--fvd-admin-ink);
  font-weight: 860;
  line-height: 1.08;
}

body[data-fvd-modernized-laravel] .style-content p,
body[data-fvd-modernized-laravel] .style-content li {
  color: var(--fvd-text-soft);
  line-height: 1.62;
}

/* Molecule: public form card. */
body[data-fvd-modernized-laravel] .box-grey {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin: 18px auto 24px;
  max-width: 720px;
  padding: clamp(20px, 3vw, 32px);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .box-grey {
  width: 100%;
  max-width: 460px;
}

body[data-fvd-modernized-laravel] .web-content:has(> .container > form[data-testid="login-form"]) {
  display: block;
  padding: 0 0 56px;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
  display: grid;
  width: min(100% - 32px, 1120px);
  min-height: calc(100vh - 220px);
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  gap: clamp(28px, 6vw, 78px);
  align-items: center;
  padding: clamp(34px, 6vw, 82px) 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > h1 {
  max-width: 620px;
  color: var(--fvd-admin-ink);
  font-size: clamp(3rem, 6vw, 5.4rem);
  font-weight: 900;
  line-height: 0.92;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > form {
  width: 100%;
  justify-self: end;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey {
  position: relative;
  overflow: hidden;
  border-color: rgb(var(--red-rgb) / 18%);
  background:
    linear-gradient(145deg, rgb(var(--white-rgb) / 98%) 0, rgb(var(--accent-tint-rgb) / 94%) 100%),
    var(--white);
  box-shadow: 0 26px 72px rgb(var(--ink-rgb) / 13%);
  margin: 0;
  padding: clamp(24px, 4vw, 36px);
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey::before {
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-group {
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-control {
  min-height: 52px;
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--fvd-admin-ink);
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-control:focus {
  border-color: var(--fvd-admin-red);
  box-shadow: 0 0 0 4px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login {
  margin: 24px calc(clamp(24px, 4vw, 36px) * -1) calc(clamp(24px, 4vw, 36px) * -1);
  padding: 18px clamp(24px, 4vw, 36px);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login .btn {
  width: 100%;
  min-height: 52px;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(form[data-testid="register-form"]) {
  display: grid;
  width: min(100% - 32px, 1180px);
  min-height: calc(100vh - 220px);
  grid-template-columns: minmax(260px, 0.72fr) minmax(360px, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: clamp(34px, 6vw, 76px) 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(form[data-testid="register-form"]) > h1 {
  max-width: 520px;
  color: var(--fvd-admin-ink);
  font-size: clamp(2.7rem, 5vw, 4.8rem);
  font-weight: 900;
  line-height: 0.96;
  margin: 0;
}

body[data-fvd-modernized-laravel] .box-grey:has(> form[data-testid="register-form"]) {
  width: 100%;
  max-width: 620px;
  justify-self: end;
  border-color: rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background:
    linear-gradient(145deg, rgb(var(--white-rgb) / 98%) 0, rgb(var(--accent-tint-rgb) / 94%) 100%),
    var(--white);
  box-shadow: 0 24px 64px rgb(var(--ink-rgb) / 11%);
  margin: 0;
  overflow: hidden;
  padding: clamp(22px, 3vw, 32px);
}

/* Molecule: auth registration card. */
body[data-fvd-modernized-laravel] .box-grey:has(> form[data-testid="register-form"])::before {
  content: "Nový účet";
  color: var(--red);
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 18px;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-group {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-group:has(#confirm-op),
body[data-fvd-modernized-laravel] form[data-testid="register-form"] .buttons {
  grid-column: 1 / -1;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-control {
  min-height: 50px;
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-control:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgb(var(--red-rgb) / 12%);
}

/* Atom: auth registration consent panel. */
body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-check {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  box-shadow: inset 4px 0 0 rgb(var(--red-rgb) / 18%);
  padding: 14px;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-check-input {
  margin-top: 5px;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .form-check-label.no-flex {
  color: var(--muted);
  font-size: 0.92rem;
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .buttons {
  margin: 4px calc(clamp(22px, 3vw, 32px) * -1) calc(clamp(22px, 3vw, 32px) * -1);
  padding: 18px clamp(22px, 3vw, 32px);
}

body[data-fvd-modernized-laravel] form[data-testid="register-form"] .buttons .btn {
  width: 100%;
  min-height: 50px;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"],
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"],
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) {
  max-width: 560px;
}

/* Atom: public password state alert. */
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"] .alert,
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"] .alert,
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey .alert,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) .alert {
  border-radius: var(--fvd-atom-radius-field);
  font-weight: 750;
}

body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"] .btn,
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"] .btn,
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey .btn,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) .btn {
  min-height: 46px;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .box-grey::before {
  content: "Firmy v dosahu";
  display: block;
  color: var(--fvd-admin-red);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .box-grey > form,
body[data-fvd-modernized-laravel] .box-grey form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .box-grey .buttons,
body[data-fvd-modernized-laravel] .buttons-login {
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  margin: 22px -32px -32px;
  padding: 16px 32px;
}

body[data-fvd-modernized-laravel] .box-grey label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .box-grey label a {
  font-size: 0.82rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] {
  max-width: 720px;
  margin: 0 auto 48px;
}

/* Molecule: company demand disable panel. */
body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .box-grey {
  position: relative;
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 6%) 0, transparent 42%),
    var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .box-grey::before {
  content: "Firemni poptavky";
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .form-group {
  display: grid;
  gap: 10px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] p {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.62;
  margin: 0;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] p:first-child {
  color: var(--ink);
  font-size: 1.16rem;
  font-weight: 780;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] strong {
  color: var(--red);
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .btn-danger {
  min-height: 46px;
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
  white-space: normal;
}

body[data-fvd-modernized-laravel] .form-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .form-check-input {
  margin-top: 13px;
}

body[data-fvd-modernized-laravel] .form-check-label.no-flex,
body[data-fvd-modernized-laravel] .no-flex {
  display: block;
  min-height: 0;
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] .card-deck {
  gap: 18px;
}

body[data-fvd-modernized-laravel] .card-deck .card,
body[data-fvd-modernized-laravel] .version-compare .card {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .card-header {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-ink);
  font-weight: 850;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .card-title {
  color: var(--fvd-admin-ink);
  font-size: 1.12rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-fvd-modernized-laravel] .card-text {
  color: var(--fvd-text-soft);
  line-height: 1.62;
}

body[data-fvd-modernized-laravel] .version-compare {
  gap: 20px 0;
  margin-top: 22px;
}

body[data-fvd-modernized-laravel] .version-compare .fa-li {
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .style-pricelist {
  max-width: 1180px;
}

body[data-fvd-modernized-laravel] .style-pricelist > h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: clamp(32px, 5vw, 54px);
}

body[data-fvd-modernized-laravel] .style-pricelist > h2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .style-pricelist > h3 {
  max-width: 760px;
  color: var(--fvd-admin-ink);
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1.28;
  margin-top: 24px;
}

body[data-fvd-modernized-laravel] .style-pricelist > .description {
  max-width: 760px;
  color: #53606d;
  font-size: 1rem;
  line-height: 1.62;
  margin: -4px 0 18px;
}

body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0 22px;
}

body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] > .col {
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] .card {
  height: 100%;
  min-height: 118px;
  border-color: rgb(var(--ink-rgb) / 10%);
  background:
    linear-gradient(180deg, var(--white) 0, var(--fvd-surface-subtle) 100%);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
}

body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] .card-body {
  display: grid;
  align-content: center;
  gap: 6px;
  color: var(--fvd-text-soft);
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 18px;
}

body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] .card-body strong {
  color: var(--fvd-admin-ink);
  font-size: 0.9rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .style-pricelist > .text-center .card {
  width: min(100%, 22rem) !important;
  border-color: rgb(var(--red-rgb) / 22%);
  box-shadow: 0 18px 42px rgb(var(--red-rgb) / 9%);
}

/* Molecule: public advert banner shell. */
body[data-fvd-modernized-laravel] .banner-wrap {
  display: grid;
  justify-items: center;
  border-radius: var(--fvd-molecule-radius-card);
  margin: 20px auto;
  overflow: visible;
}

body[data-fvd-modernized-laravel] .banner-wrap .in {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 20px 54px rgb(var(--ink-rgb) / 12%);
  padding: 8px;
}

/* Atom: public advert media link. */
body[data-fvd-modernized-laravel] .banner-wrap a {
  display: block;
  overflow: hidden;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .banner-wrap img {
  display: block;
  width: 100%;
  object-fit: cover;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel {
  position: relative;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-inner {
  overflow: hidden;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-item {
  display: none;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-item.active {
  display: block;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-indicators {
  position: absolute;
  right: auto;
  bottom: 12px;
  left: 50%;
  z-index: 3;
  display: flex;
  gap: 7px;
  justify-content: center;
  width: auto;
  margin: 0;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(var(--ink-rgb) / 58%);
  padding: 6px 8px;
  transform: translateX(-50%);
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-indicators li {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(var(--white-rgb) / 58%);
  opacity: 1;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-indicators li.active {
  width: 20px;
  background: var(--white);
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-prev,
body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-next {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--white-rgb) / 76%);
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(var(--ink-rgb) / 52%);
  color: var(--white);
  cursor: pointer;
  opacity: 1;
  transform: translateY(-50%);
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-prev {
  left: 12px;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-next {
  right: 12px;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-prev:hover,
body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-next:hover {
  background: var(--fvd-admin-red);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-prev-icon,
body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-next-icon {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  background: none;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-prev-icon::before {
  content: "\2039";
  color: var(--white);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .banner-wrap .carousel-control-next-icon::before {
  content: "\203A";
  color: var(--white);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .banner-wrap .info {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(var(--white-rgb) / 92%);
  box-shadow: 0 8px 18px rgb(var(--ink-rgb) / 12%);
  color: #53606d;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  padding: 4px 9px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .search-info {
  max-width: 760px;
  color: var(--fvd-text-soft);
  font-size: 1.04rem;
  line-height: 1.62;
  margin: 0 0 16px;
}

/* Molecule: public search form panel. */
body[data-fvd-modernized-laravel] .search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr) auto;
  align-items: end;
  gap: 12px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 42px rgb(var(--ink-rgb) / 9%);
  padding: 16px;
}

body[data-fvd-modernized-laravel] .search-form .name,
body[data-fvd-modernized-laravel] .search-form .place {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .search-form label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.25;
  margin: 0;
}

body[data-fvd-modernized-laravel] .search-form label svg {
  width: 18px;
  height: 18px;
  color: var(--fvd-admin-red);
}

/* Atom: public search field. */
body[data-fvd-modernized-laravel] .search-form input[type="text"] {
  min-height: 48px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  padding: 10px 13px;
}

body[data-fvd-modernized-laravel] .search-form input[type="text"]:focus {
  border-color: rgb(var(--red-rgb) / 48%);
  background: var(--white);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 10%);
  outline: none;
}

body[data-fvd-modernized-laravel] .search-form .btn {
  min-height: 48px;
  white-space: nowrap;
}

/* Molecule: public autocomplete panel. */
body[data-fvd-modernized-laravel] .autocomplete-custom {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 40;
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 40px rgb(var(--ink-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .autocomplete-custom .in {
  display: grid;
  gap: 4px;
  padding: 8px;
}

body[data-fvd-modernized-laravel] .autocomplete-custom a,
body[data-fvd-modernized-laravel] .autocomplete-custom .my-location {
  display: flex;
  min-height: 38px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding: 8px 10px;
}

body[data-fvd-modernized-laravel] .autocomplete-custom a:hover,
body[data-fvd-modernized-laravel] .autocomplete-custom .my-location:hover {
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .homepage-redesign {
  display: grid;
  min-width: 0;
  overflow-x: clip;
  gap: clamp(28px, 4vw, 54px);
}

body[data-fvd-modernized-laravel] .homepage-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: center;
  padding-top: clamp(18px, 3vw, 40px);
}

body[data-fvd-modernized-laravel] .homepage-hero-copy {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .homepage-eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  color: var(--fvd-admin-red);
  font-size: 0.78rem;
  font-weight: 880;
  letter-spacing: 0;
  padding: 0;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient .homepage-redesign .search-heading {
  max-width: 760px;
  color: var(--fvd-admin-ink);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 900;
  line-height: 0.98;
  margin: 0;
}

body[data-fvd-modernized-laravel] .homepage-lead {
  max-width: 660px;
  color: var(--fvd-text-soft);
  font-size: 1.08rem;
  line-height: 1.65;
  margin: 0;
}

/* Molecule: public homepage hero search panel. */
body[data-fvd-modernized-laravel] .homepage-hero-panel {
  display: grid;
  gap: 14px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 26px 70px rgb(var(--ink-rgb) / 13%);
  padding: clamp(16px, 2.5vw, 24px);
}

body[data-fvd-modernized-laravel] .homepage-hero-panel .search-form {
  box-shadow: none;
  padding: 0;
  border: 0;
}

body[data-fvd-modernized-laravel] .hero-proof-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body[data-fvd-modernized-laravel] .hero-proof-row span {
  min-width: 0;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: #53606d;
  font-size: 0.82rem;
  line-height: 1.3;
  padding: 10px;
}

body[data-fvd-modernized-laravel] .hero-proof-row strong {
  display: block;
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 900;
}

body[data-fvd-modernized-laravel] .gold-demand,
body[data-fvd-modernized-laravel] .mob-app-row,
body[data-fvd-modernized-laravel] .registration-row,
body[data-fvd-modernized-laravel] .last-visited-row {
  border-top: 1px solid var(--fvd-admin-line);
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--white);
  padding: clamp(26px, 5vw, 56px) 0;
}

body[data-fvd-modernized-laravel] .gold-demand > .container > .row,
body[data-fvd-modernized-laravel] .mob-app-row > .container > .row,
body[data-fvd-modernized-laravel] .registration-row > .container > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
}

body[data-fvd-modernized-laravel] .gold-demand-text,
body[data-fvd-modernized-laravel] .mob-app-row-heading,
body[data-fvd-modernized-laravel] .mob-app-row-list,
body[data-fvd-modernized-laravel] .registration-info,
body[data-fvd-modernized-laravel] .registration-form {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .gold-demand-text h2,
body[data-fvd-modernized-laravel] .mob-app-row-heading h2,
body[data-fvd-modernized-laravel] .registration-info h2,
body[data-fvd-modernized-laravel] .category-list-heading,
body[data-fvd-modernized-laravel] .last-visited-row h2 {
  color: var(--fvd-admin-ink);
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 900;
  line-height: 1.08;
  margin: 10px 0 16px;
}

body[data-fvd-modernized-laravel] .gold-demand-text .big,
body[data-fvd-modernized-laravel] .gold-demand-text p,
body[data-fvd-modernized-laravel] .mob-app-row-list li,
body[data-fvd-modernized-laravel] .registration-info li {
  color: var(--fvd-text-soft);
  font-size: 1rem;
  line-height: 1.62;
}

body[data-fvd-modernized-laravel] .gold-demand-text ul,
body[data-fvd-modernized-laravel] .mob-app-row-list ul,
body[data-fvd-modernized-laravel] .registration-info ul {
  display: grid;
  gap: 8px;
  margin: 0 0 18px;
  padding-left: 20px;
}

body[data-fvd-modernized-laravel] .gold-demand-image {
  position: relative;
  display: grid;
  min-height: 280px;
  place-items: center;
}

body[data-fvd-modernized-laravel] .gold-demand-image > img,
body[data-fvd-modernized-laravel] .mob-app-row-image img {
  max-width: 100%;
  border-radius: var(--fvd-molecule-radius-card);
}

/* Molecule: public homepage CTA card. */
body[data-fvd-modernized-laravel] .gold-demand-card,
body[data-fvd-modernized-laravel] .basic-free {
  display: grid;
  gap: 8px;
  border: 1px solid rgb(var(--red-rgb) / 20%);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  box-shadow: 0 18px 44px rgb(var(--red-rgb) / 12%);
  padding: 18px;
}

body[data-fvd-modernized-laravel] .gold-demand-card strong,
body[data-fvd-modernized-laravel] .basic-free span {
  color: var(--fvd-admin-ink);
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.15;
}

body[data-fvd-modernized-laravel] .mob-app-row-image {
  display: grid;
  justify-items: center;
}

body[data-fvd-modernized-laravel] .store-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .store-links a {
  display: inline-flex;
  width: auto;
  max-width: 170px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .store-links img {
  width: 100%;
  height: auto;
}

body[data-fvd-modernized-laravel] .more-info a,
body[data-fvd-modernized-laravel] .more-info-mob a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .more-info-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .category-list-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

/* Molecule: public homepage category card. */
body[data-fvd-modernized-laravel] .homepage-redesign .category-list {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  padding: 16px;
}

body[data-fvd-modernized-laravel] .homepage-redesign .category-list .thumb {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .homepage-redesign .category-list h3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--fvd-admin-ink);
  font-size: 1.02rem;
  font-weight: 880;
  margin: 0 0 8px;
}

body[data-fvd-modernized-laravel] .companies-count {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--gray);
  color: #53606d;
  font-size: 0.78rem;
  font-weight: 850;
  padding: 4px 8px;
}

body[data-fvd-modernized-laravel] .homepage-redesign .category-list ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-fvd-modernized-laravel] .homepage-redesign .category-list li a {
  color: #53606d;
  font-weight: 760;
}

/* Molecule: public homepage registration form. */
body[data-fvd-modernized-laravel] .registration-form {
  display: grid;
  gap: 14px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 8%);
  padding: 18px;
}

body[data-fvd-modernized-laravel] .registration-form form {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .web-wrap header:has(.header-text) {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  padding: clamp(30px, 6vw, 72px) 0;
}

body[data-fvd-modernized-laravel] .header-text {
  display: grid;
  max-width: 760px;
  gap: 18px;
}

body[data-fvd-modernized-laravel] .header-text h1 {
  color: var(--fvd-admin-ink);
  font-size: clamp(2rem, 4.6vw, 4rem);
  font-weight: 900;
  line-height: 0.98;
  margin: 0;
}

body[data-fvd-modernized-laravel] .header-text h1 span {
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .header-text p {
  max-width: 620px;
  color: var(--fvd-text-soft);
  font-size: 1.08rem;
  line-height: 1.65;
  margin: 0;
}

body[data-fvd-modernized-laravel] .header-text .links,
body[data-fvd-modernized-laravel] .section-content .links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0 0;
}

/* Atom: public app store action. */
body[data-fvd-modernized-laravel] .header-text .links a,
body[data-fvd-modernized-laravel] .section-content .links a {
  display: inline-flex;
  width: min(170px, 100%);
  border-radius: var(--fvd-atom-radius-field);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 10%);
}

body[data-fvd-modernized-laravel] .header-text .links img,
body[data-fvd-modernized-laravel] .section-content .links img {
  width: 100%;
  height: auto;
}

body[data-fvd-modernized-laravel] .section-content {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--white);
  padding: clamp(30px, 5vw, 64px) 0;
}

body[data-fvd-modernized-laravel] .section-content--bottom {
  border-top: 1px solid var(--fvd-admin-line);
}

body[data-fvd-modernized-laravel] .section-content > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.78fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
}

body[data-fvd-modernized-laravel] .section-content--right > .container {
  grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1fr);
}

body[data-fvd-modernized-laravel] .section-content--right .section-content__text {
  order: 2;
}

body[data-fvd-modernized-laravel] .section-content--right .section-content__img {
  order: 1;
}

body[data-fvd-modernized-laravel] .section-content__text {
  display: grid;
  gap: 14px;
  min-width: 0;
}

/* Atom: public app feature icon. */
body[data-fvd-modernized-laravel] .h2-ico {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] .h2-ico img {
  width: 30px;
  height: 30px;
}

body[data-fvd-modernized-laravel] .section-content__text h2 {
  color: var(--fvd-admin-ink);
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  font-weight: 900;
  line-height: 1.08;
  margin: 0;
}

body[data-fvd-modernized-laravel] .section-content__text p {
  color: var(--fvd-text-soft);
  font-size: 1rem;
  line-height: 1.68;
  margin: 0;
}

body[data-fvd-modernized-laravel] .section-content__img {
  display: grid;
  justify-items: center;
  min-width: 0;
}

/* Molecule: public app media frame. */
body[data-fvd-modernized-laravel] .section-content__img img {
  max-width: min(100%, 360px);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 24px 70px rgb(var(--ink-rgb) / 16%);
}

body[data-fvd-modernized-laravel] main > h1,
body[data-fvd-modernized-laravel] .card h1 {
  margin: 0 0 18px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.85rem, 2.4vw, 2.55rem);
  font-weight: 850;
  line-height: 1.06;
}

body[data-fvd-modernized-laravel] h1 small,
body[data-fvd-modernized-laravel] h2 small {
  display: block;
  color: var(--fvd-admin-muted);
  font-size: 0.55em;
  font-weight: 650;
  margin-top: 6px;
}

body[data-fvd-modernized-laravel] .row {
  margin-right: -10px;
  margin-left: -10px;
}

body[data-fvd-modernized-laravel] [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

body[data-fvd-modernized-laravel] .card,
body[data-fvd-modernized-laravel] .form-box,
body[data-fvd-modernized-laravel] .rating-item,
body[data-fvd-modernized-laravel] .table-responsive,
body[data-fvd-modernized-laravel] .jumbotron {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--fvd-admin-panel);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
}

body[data-fvd-modernized-laravel] .card,
body[data-fvd-modernized-laravel] .form-box,
body[data-fvd-modernized-laravel] .rating-item {
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .card-body,
body[data-fvd-modernized-laravel] .form-box .in,
body[data-fvd-modernized-laravel] .jumbotron {
  padding: 22px;
}

body[data-fvd-modernized-laravel] .card > .card-header:first-child {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .web-content main > .card > .card-header .small {
  display: inline-flex;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 720;
  line-height: 1.35;
  margin-left: 8px;
}

body[data-fvd-modernized-laravel] .web-content main > .card > .card-header strong {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(22 132 91 / 10%);
  color: var(--fvd-admin-green);
  font-size: 0.72rem;
  font-weight: 880;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 8px;
  text-transform: uppercase;
}

/* Molecule: public verify email card. */
body[data-fvd-modernized-laravel] .verify-email-card,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  max-width: 720px;
  margin: 18px auto 24px;
}

body[data-fvd-modernized-laravel] main > .container:has(.verify-email-card) > .row,
body[data-fvd-modernized-laravel] main > .container:has(.card a[href$="/email/resend"]) > .row {
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] main > .container:has(.verify-email-card) > .row > [class*="col-"],
body[data-fvd-modernized-laravel] main > .container:has(.card a[href$="/email/resend"]) > .row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .verify-email-card .card-body,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) .card-body {
  color: var(--fvd-text-soft);
  font-size: 0.96rem;
  line-height: 1.65;
}

body[data-fvd-modernized-laravel] .verify-email-card .alert,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) .alert {
  border-radius: var(--fvd-atom-radius-field);
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .verify-email-card a,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) a {
  font-weight: 820;
}

body[data-fvd-modernized-laravel] main > .container {
  max-width: 1040px;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .card h2,
body[data-fvd-modernized-laravel] .form-box h2,
body[data-fvd-modernized-laravel] .h-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 16px;
  color: var(--fvd-admin-ink);
  font-size: 1.18rem;
  font-weight: 820;
}

body[data-fvd-modernized-laravel] .h-flex > a,
body[data-fvd-modernized-laravel] .h-flex > .btn {
  flex: 0 1 auto;
}

body[data-fvd-modernized-laravel] .form-box h2 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  margin: 0;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .alert {
  border: 1px solid transparent;
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 10px 24px rgb(var(--ink-rgb) / 6%);
  line-height: 1.55;
  margin-bottom: 18px;
  padding: 16px 18px;
}

body[data-fvd-modernized-laravel] .alert p:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .alert-success {
  border-color: rgb(22 132 91 / 22%);
  background: #edf8f3;
  color: #0d5c3c;
}

body[data-fvd-modernized-laravel] .alert-warning {
  border-color: rgb(170 106 0 / 24%);
  background: #fff7e8;
  color: #704500;
}

body[data-fvd-modernized-laravel] .alert-info {
  border-color: rgb(36 91 159 / 22%);
  background: #eef5ff;
  color: #173f70;
}

body[data-fvd-modernized-laravel] .alert-danger {
  border-color: rgb(var(--red-rgb) / 22%);
  background: #fff0f3;
  color: #841128;
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big),
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big) {
  position: relative;
  display: grid;
  gap: 8px;
  overflow: hidden;
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin-bottom: 18px;
  padding: 18px 20px 18px 54px;
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big)::before,
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big)::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 20px;
  height: 20px;
  border-radius: var(--fvd-atom-radius-pill);
  background: currentColor;
  box-shadow: 0 8px 18px rgb(var(--ink-rgb) / 12%);
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big)::after,
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big)::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 29px;
  width: 2px;
  height: 10px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big) .big,
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big) .big {
  color: inherit;
  font-size: 1rem;
  font-weight: 900;
  margin: 0;
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big) .text-right,
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big) .text-right {
  text-align: left !important;
}

body[data-fvd-modernized-laravel] main > .alert-warning:has(.big) .btn,
body[data-fvd-modernized-laravel] main > .alert-danger:has(.big) .btn {
  min-height: 36px;
  margin-top: 0;
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] .filter-tabs {
  overflow-x: auto;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  margin: 0 0 18px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .filter-tabs ul {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .filter-tabs li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .filter-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--fvd-admin-muted);
  font-weight: 760;
  padding: 8px 13px;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .filter-tabs .active a,
body[data-fvd-modernized-laravel] .filter-tabs a:hover {
  background: var(--ink);
  color: var(--white);
}

/* Molecule: public job offer filter panel. */
body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects {
  display: grid;
  gap: 12px;
  overflow: visible;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  padding: 14px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects ul.collapse:not(.show) {
  display: none;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects li {
  display: grid;
  gap: 7px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fvd-admin-ink);
  font-size: 0.84rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects label svg {
  width: 18px;
  height: 18px;
  color: var(--fvd-admin-red);
}

/* Atom: public job offer filter field. */
body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects select,
body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .select2-container .select2-selection {
  min-height: 44px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects select {
  color: var(--fvd-admin-ink);
  font-weight: 760;
  padding: 8px 12px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .show-hide-switch {
  display: flex;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .show-hide-switch a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  border: 1px solid rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  font-weight: 850;
  padding: 8px 13px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .show-hide-switch svg {
  width: 17px;
  height: 17px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .switch-hide,
body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .switch-show {
  align-items: center;
  gap: 7px;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .switch-hide {
  display: none;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects .switch-show {
  display: inline-flex;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects ul.show + .show-hide-switch .switch-hide {
  display: inline-flex;
}

body[data-fvd-modernized-laravel] .filter-tabs.filter-tabs-selects ul.show + .show-hide-switch .switch-show {
  display: none;
}

body[data-fvd-modernized-laravel] table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--white);
}

body[data-fvd-modernized-laravel] th {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--gray);
  color: var(--fvd-admin-muted);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  padding: 11px 12px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] td {
  border-bottom: 1px solid #edf0f3;
  color: #26313c;
  font-size: 0.9rem;
  padding: 12px;
  vertical-align: top;
}

body[data-fvd-modernized-laravel] tr:last-child td {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] .alert .big {
  color: var(--fvd-admin-ink);
  font-size: 1.02rem;
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .alert-heading {
  color: var(--fvd-admin-ink);
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1.25;
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .alert .text-right {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}

body[data-fvd-modernized-laravel] main > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] main > .row > [class*="col"] {
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] main > .row > [class*="col"] > .card {
  height: 100%;
}

body[data-fvd-modernized-laravel] main > .row .card .table-responsive {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: none;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] main > .row .card .table-responsive table {
  min-width: 360px;
}

/* Molecule: company dashboard status panel. */
body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .alert {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .alert-success {
  border-color: var(--border);
}

body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .alert-warning,
body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .alert-danger {
  border-color: rgb(var(--red-rgb) / 22%);
  background:
    linear-gradient(90deg, var(--accent-tint) 0, var(--white) 68%),
    var(--white);
  color: var(--ink);
}

/* Atom: company dashboard alert CTA. */
body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .alert .btn {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Molecule: company dashboard data card. */
body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .row > [class*="col"] > .card {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .row > [class*="col"] > .card:hover {
  border-color: var(--red);
  transform: translateY(-5px);
}

/* Molecule: company dashboard compact table. */
body[data-fvd-modernized-laravel] main:has(> .row > .col-lg-6 > .card h2.h-flex) > .row .card .table-responsive {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

/* Atom: company dashboard count badge. */
body[data-fvd-modernized-laravel] .web-content:has(main > .row > .col-lg-6 > .card h2.h-flex) .numbers {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .rating-list {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .rating-item {
  padding: 0;
}

body[data-fvd-modernized-laravel] .rating-item-status {
  border-left: 4px solid var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) {
  border-left-color: var(--fvd-admin-blue);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head {
  background:
    linear-gradient(135deg, rgb(36 91 159 / 6%), transparent 40%),
    var(--fvd-surface-subtle);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:has(a[href^="mailto:"]),
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:has(.fa-phone),
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:not(:has(i)):not(:has(a)) {
  min-height: 30px;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-weight: 820;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .rating-head {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  padding: 15px 18px;
}

body[data-fvd-modernized-laravel] .rating-head-simple {
  grid-template-columns: auto minmax(0, 1fr);
  background: var(--ink);
}

body[data-fvd-modernized-laravel] .rating-head-simple strong,
body[data-fvd-modernized-laravel] .rating-head-simple small {
  color: var(--white);
}

body[data-fvd-modernized-laravel] .rating-head strong,
body[data-fvd-modernized-laravel] .rating-head small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #26313c;
  font-size: 0.88rem;
}

body[data-fvd-modernized-laravel] .rating-head .status {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .rating-comment {
  color: #2c3642;
  line-height: 1.6;
  padding: 18px;
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-comment {
  min-height: 92px;
  background: var(--white);
  font-size: 0.96rem;
}

body[data-fvd-modernized-laravel] .rating-comment h4 {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] .rating-item > p {
  color: #2c3642;
  line-height: 1.62;
  margin: 0;
  padding: 18px;
}

body[data-fvd-modernized-laravel] .rating-item > .rating-response {
  position: relative;
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--gray);
  color: var(--fvd-text-soft);
  padding: 16px 18px 16px 52px !important;
}

body[data-fvd-modernized-laravel] .rating-response::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 22px;
  height: 22px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-admin-red);
  box-shadow: 0 8px 18px rgb(var(--red-rgb) / 18%);
}

body[data-fvd-modernized-laravel] .rating-response strong {
  display: block;
  color: var(--fvd-admin-ink);
  font-size: 0.9rem;
  font-weight: 880;
  margin-bottom: 4px;
}

body[data-fvd-modernized-laravel] .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  padding: 14px 18px;
}

body[data-fvd-modernized-laravel] .buttons form {
  margin: 0;
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .buttons {
  align-items: center;
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .buttons .btn {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] .status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--fvd-atom-radius-pill);
  font-size: 0.76rem;
  font-weight: 850;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] .status-green {
  background: #e7f6ef;
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .status-red {
  background: #fff0f3;
  color: var(--fvd-admin-red);
}

/* Molecule: company demand limit notice. */
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big),
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big),
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:not(:has(.big)),
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .filter-tabs {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big),
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big) {
  gap: 10px;
  padding: 24px 24px 24px 64px;
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big) {
  background: var(--accent-tint);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big) {
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big)::before,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big)::before {
  width: 24px;
  height: 24px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 22%);
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big) .big,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big) .big {
  color: var(--ink);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-warning:has(.big) .btn,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) > .alert-danger:has(.big) .btn,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .filter-tabs a,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .pagination a,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .pagination span {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .filter-tabs .active a,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .filter-tabs a:hover,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .pagination .active span,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .pagination .active a,
body[data-fvd-modernized-laravel] main:has(.rating-list .rating-item-status) .pagination a:hover {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--white);
}

/* Molecule: company demand card. */
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-left: 4px solid var(--red);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head {
  border-bottom: 1.5px solid var(--border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-comment {
  background: var(--white);
  color: var(--ink);
}

/* Atom: company demand contact chip. */
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:has(a[href^="mailto:"]),
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:has(.fa-phone),
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .rating-head strong:not(:has(i)):not(:has(a)) {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Atom: company demand status badge. */
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .status {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .status-red,
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .btn-light-red {
  background: var(--accent-tint);
  color: var(--red);
}

/* Atom: company demand action. */
body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .buttons .btn {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main > .rating-list .rating-item-status:not(.gold-demand-item):not(.job-offer-response-item) .buttons .btn-danger {
  border-color: var(--red);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .btn-light-red,
body[data-fvd-modernized-laravel] input.btn-light-red {
  border-color: rgb(var(--red-rgb) / 24%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border-radius: var(--fvd-atom-radius-pill);
  border-width: 1px;
  font-weight: 800;
  line-height: 1.1;
  padding: 9px 14px;
}

body[data-fvd-modernized-laravel] .btn-sm {
  min-height: 34px;
  padding: 7px 11px;
}

/* Atom: Laravel compact action control. */
body[data-fvd-modernized-laravel] .btn-xs {
  min-height: 30px;
  border-radius: var(--fvd-atom-radius-field);
  font-size: 0.78rem;
  padding: 6px 9px;
}

body[data-fvd-modernized-laravel] .btn-danger,
body[data-fvd-modernized-laravel] .btn-primary,
body[data-fvd-modernized-laravel] .btn-success {
  border-color: var(--fvd-admin-red);
  background: var(--fvd-admin-red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .btn-info {
  border-color: rgb(var(--ink-rgb) / 14%);
  background: var(--fvd-admin-ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .btn-danger:hover,
body[data-fvd-modernized-laravel] .btn-primary:hover,
body[data-fvd-modernized-laravel] .btn-success:hover {
  border-color: var(--fvd-admin-red-dark);
  background: var(--fvd-admin-red-dark);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .btn-info:hover {
  border-color: var(--fvd-admin-ink);
  background: var(--fvd-admin-ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .btn-light,
body[data-fvd-modernized-laravel] .btn-default,
body[data-fvd-modernized-laravel] .btn-secondary {
  border-color: var(--fvd-admin-line);
  background: var(--white);
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .form-group {
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] label {
  color: #24303b;
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 7px;
}

body[data-fvd-modernized-laravel] .help-link {
  display: inline-grid;
  width: 24px;
  min-width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 1px solid rgb(36 91 159 / 20%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #173f70;
  box-shadow: 0 6px 14px rgb(var(--ink-rgb) / 7%);
  font-size: 0.82rem;
  line-height: 1;
  margin-left: 6px;
  text-decoration: none;
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .help-link:hover,
body[data-fvd-modernized-laravel] .help-link:focus {
  border-color: rgb(var(--red-rgb) / 32%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  outline: none;
  text-decoration: none;
}

body[data-fvd-modernized-laravel] .help-link:focus-visible {
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .help-link .fa,
body[data-fvd-modernized-laravel] .help-link .fa-question-circle {
  display: grid;
  place-items: center;
  line-height: 1;
}

/* Atom: admin form field. */
body[data-fvd-modernized-laravel] .form-control,
body[data-fvd-modernized-laravel] input[type="text"],
body[data-fvd-modernized-laravel] input[type="email"],
body[data-fvd-modernized-laravel] input[type="password"],
body[data-fvd-modernized-laravel] input[type="number"],
body[data-fvd-modernized-laravel] select,
body[data-fvd-modernized-laravel] textarea,
body[data-fvd-modernized-laravel] .select2-selection {
  min-height: 42px;
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--fvd-admin-ink);
  box-shadow: none;
  font-size: 0.94rem;
}

body[data-fvd-modernized-laravel] textarea.form-control,
body[data-fvd-modernized-laravel] textarea {
  min-height: 120px;
}

body[data-fvd-modernized-laravel] textarea.form-control-low,
body[data-fvd-modernized-laravel] .form-control-low {
  min-height: 84px;
  line-height: 1.5;
  resize: vertical;
}

body[data-fvd-modernized-laravel] textarea.form-control-high,
body[data-fvd-modernized-laravel] .form-control-high {
  min-height: 190px;
  line-height: 1.55;
  resize: vertical;
}

body[data-fvd-modernized-laravel] .form-control:focus,
body[data-fvd-modernized-laravel] input:focus,
body[data-fvd-modernized-laravel] select:focus,
body[data-fvd-modernized-laravel] textarea:focus {
  border-color: var(--fvd-admin-red);
  background: var(--white);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 12%);
  outline: none;
}

body[data-fvd-modernized-laravel] .col-form-label {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: flex-end;
  color: #24303b;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .content-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 18px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .content-left {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .close-open-wrap {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .close-open-wrap > h1,
body[data-fvd-modernized-laravel] .close-open-wrap > h2,
body[data-fvd-modernized-laravel] .close-open-wrap > h3 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  margin: 0;
  padding: 18px 22px;
}

body[data-fvd-modernized-laravel] .close-open-wrap > h2 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .close-open-wrap > .in,
body[data-fvd-modernized-laravel] .close-open-wrap form > .in {
  padding: 22px;
}

body[data-fvd-modernized-laravel] .compact-form {
  max-width: 1120px;
}

body[data-fvd-modernized-laravel] .premium-info,
body[data-fvd-modernized-laravel] .info-right,
body[data-fvd-modernized-laravel] .info-right-under {
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #eef5ff;
  color: #173f70;
  padding: 14px;
}

/* Molecule: public legacy state panel. */
body[data-fvd-modernized-laravel] .box-info,
body[data-fvd-modernized-laravel] .box-small {
  overflow: hidden;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #eef5ff;
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 6%);
  color: #173f70;
  margin: 14px 0 18px;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .box-small .alert {
  border: 0;
  border-radius: var(--fvd-atom-radius-field);
  background: transparent;
  color: inherit;
  font-weight: 760;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .box-small .alert-danger {
  color: #8b1f2f;
}

body[data-fvd-modernized-laravel] .box-info-yellow {
  border-color: rgb(170 106 0 / 22%);
  background: #fff7e8;
  color: #704500;
}

body[data-fvd-modernized-laravel] .box-info-round {
  position: relative;
  display: grid;
  gap: 8px;
  border-radius: var(--fvd-molecule-radius-card);
  padding: 14px 16px 14px 46px;
}

body[data-fvd-modernized-laravel] .box-info-round::before {
  content: "i";
  position: absolute;
  top: 14px;
  left: 16px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: currentColor;
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .box-info-round p {
  margin: 0;
}

body[data-fvd-modernized-laravel] .box-info-round a {
  color: inherit;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-fvd-modernized-laravel] .box-info p:last-child,
body[data-fvd-modernized-laravel] .box-small p:last-child,
body[data-fvd-modernized-laravel] .premium-info p:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .custom-checkbox,
body[data-fvd-modernized-laravel] .custom-radio,
body[data-fvd-modernized-laravel] .form-check {
  position: relative;
}

/* Atom: public choice field. */
body[data-fvd-modernized-laravel] .custom-checkbox label,
body[data-fvd-modernized-laravel] .custom-radio label,
body[data-fvd-modernized-laravel] .form-check label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: #26313c;
  font-weight: 760;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .custom-checkbox input,
body[data-fvd-modernized-laravel] .custom-radio input,
body[data-fvd-modernized-laravel] .form-check input {
  accent-color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .custom-checkbox input:checked + label,
body[data-fvd-modernized-laravel] .custom-radio input:checked + label {
  border-color: rgb(var(--red-rgb) / 36%);
  background: var(--accent-tint);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .field-value-wrap,
body[data-fvd-modernized-laravel] .form-images-list-wrap,
body[data-fvd-modernized-laravel] .img-upload-wrap,
body[data-fvd-modernized-laravel] .openning_hours_days_day {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--fvd-surface-subtle);
  margin-bottom: 14px;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .field-value-list {
  display: grid;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .field-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  border: 1px solid #edf0f3;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  padding: 12px;
}

body[data-fvd-modernized-laravel] .field-value-list .field-value:has(.arrow) {
  grid-template-columns: minmax(180px, 0.9fr) 28px minmax(220px, 1.1fr) auto;
}

body[data-fvd-modernized-laravel] #company_rights .field-value {
  grid-template-columns: minmax(180px, 0.9fr) 28px minmax(220px, 1.1fr) auto;
  align-items: center;
}

body[data-fvd-modernized-laravel] #company_rights .field-value .field,
body[data-fvd-modernized-laravel] #company_rights .field-value .value {
  display: grid;
  gap: 6px;
}

body[data-fvd-modernized-laravel] #company_rights select[multiple] {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] #company_rights + .alert-warning {
  margin-top: 16px;
}

body[data-fvd-modernized-laravel] .field-value .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .field-value .arrow::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #9aa4af;
  border-right: 2px solid #9aa4af;
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .field-value .value {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .field-value-header {
  border-color: transparent;
  background: transparent;
  color: var(--fvd-admin-muted);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  padding: 0 2px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .field-value-template {
  display: none;
}

body[data-fvd-modernized-laravel] .field-value .action,
body[data-fvd-modernized-laravel] .tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .field-plus,
body[data-fvd-modernized-laravel] .field-value .remove,
body[data-fvd-modernized-laravel] .remove,
body[data-fvd-modernized-laravel] .form-images-remove,
body[data-fvd-modernized-laravel] .form-images-move {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: var(--fvd-atom-radius-field);
  font-weight: 820;
  margin-top: 10px;
}

body[data-fvd-modernized-laravel] .field-value .remove,
body[data-fvd-modernized-laravel] .remove,
body[data-fvd-modernized-laravel] .form-images-remove {
  width: 36px;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .field-value .remove:hover,
body[data-fvd-modernized-laravel] .remove:hover,
body[data-fvd-modernized-laravel] .form-images-remove:hover {
  background: var(--accent-tint);
  color: var(--fvd-admin-red-dark);
}

body[data-fvd-modernized-laravel] .form-images-list,
body[data-fvd-modernized-laravel] .photos_order,
body[data-fvd-modernized-laravel] .img-upload {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .form-images {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .form-images-new {
  width: fit-content;
  margin: 0 0 2px;
  box-shadow: 0 8px 18px rgb(var(--ink-rgb) / 7%);
}

body[data-fvd-modernized-laravel] .form-images-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .img-preview,
body[data-fvd-modernized-laravel] .form-images-image,
body[data-fvd-modernized-laravel] .form-images-image-new {
  min-height: 118px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background-color: var(--fvd-surface-muted);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .img-preview {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgb(var(--white-rgb) / 58%);
}

body[data-fvd-modernized-laravel] .img-preview:not([style*="background-image"]) {
  border-style: dashed;
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 8%), transparent 44%),
    linear-gradient(315deg, rgb(23 26 32 / 5%), transparent 42%),
    var(--white);
  color: transparent;
}

body[data-fvd-modernized-laravel] .img-preview:not([style*="background-image"])::before {
  content: "";
  width: 34px;
  height: 34px;
  border: 1px solid rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background:
    linear-gradient(var(--fvd-admin-red), var(--fvd-admin-red)) center / 15px 2px no-repeat,
    linear-gradient(var(--fvd-admin-red), var(--fvd-admin-red)) center / 2px 15px no-repeat,
    var(--white);
  box-shadow: 0 10px 24px rgb(var(--red-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .form-images-image,
body[data-fvd-modernized-laravel] .form-images-image-new {
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  border-style: solid;
  background: var(--white);
  padding: 8px;
}

body[data-fvd-modernized-laravel] .form-images-image-new {
  border-style: dashed;
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 8%), transparent 42%),
    var(--white);
}

body[data-fvd-modernized-laravel] .form-images-image img,
body[data-fvd-modernized-laravel] .form-images-image-new img.thumbnail {
  display: block;
  width: 100%;
  min-height: 95px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .form-images-image-new img.thumbnail:not([src]),
body[data-fvd-modernized-laravel] .form-images-image-new img.thumbnail[src=""] {
  opacity: 0;
}

body[data-fvd-modernized-laravel] .form-images-image-new::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  border: 1px solid rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background:
    linear-gradient(var(--fvd-admin-red), var(--fvd-admin-red)) center / 16px 2px no-repeat,
    linear-gradient(var(--fvd-admin-red), var(--fvd-admin-red)) center / 2px 16px no-repeat,
    var(--white);
  box-shadow: 0 10px 24px rgb(var(--red-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .form-images-image .tools,
body[data-fvd-modernized-laravel] .form-images-image-new .tools {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  gap: 6px;
}

body[data-fvd-modernized-laravel] .form-images-move {
  width: 36px;
  background: var(--white);
  color: #53606d;
  box-shadow: 0 8px 16px rgb(var(--ink-rgb) / 10%);
  cursor: grab;
}

body[data-fvd-modernized-laravel] .form-images-remove {
  background: var(--white);
  box-shadow: 0 8px 16px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] .photos_id {
  display: none;
}

body[data-fvd-modernized-laravel] .img-upload .img {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .img-upload .uploader {
  display: grid;
  gap: 10px;
  align-content: start;
}

body[data-fvd-modernized-laravel] .img-upload .uploader p {
  border-left: 3px solid #c8d7ea;
  color: var(--fvd-admin-muted);
  font-size: 0.86rem;
  line-height: 1.45;
  margin: 0;
  padding-left: 12px;
}

body[data-fvd-modernized-laravel] .uploader,
body[data-fvd-modernized-laravel] .custom-file,
body[data-fvd-modernized-laravel] .input-group {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .input-group {
  display: flex;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .input-group-text,
body[data-fvd-modernized-laravel] .input-group-append .btn {
  border-color: #ccd5df;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--fvd-admin-muted);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .select2-container {
  max-width: 100%;
}

/* Atom: admin select field. */
body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--single,
body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--multiple {
  display: flex;
  min-height: 42px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  box-shadow: inset 0 0 0 1px rgb(var(--white-rgb) / 54%);
}

body[data-fvd-modernized-laravel] .select2-container--default.select2-container--focus .select2-selection--single,
body[data-fvd-modernized-laravel] .select2-container--default.select2-container--focus .select2-selection--multiple,
body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--single:focus,
body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--multiple:focus {
  border-color: var(--fvd-admin-red);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] .select2-selection__rendered {
  display: flex;
  min-height: 38px;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--fvd-admin-ink);
  font-weight: 750;
  line-height: 40px;
  padding: 4px 8px;
}

body[data-fvd-modernized-laravel] .select2-selection__choice {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 6px;
  border: 1px solid rgb(36 91 159 / 12%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #27313d;
  font-weight: 750;
  line-height: 1.2;
  margin: 0;
  padding: 4px 10px;
}

body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
}

body[data-fvd-modernized-laravel] .select2-selection__choice__remove {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(36 91 159 / 10%);
  color: var(--fvd-admin-blue);
  font-weight: 900;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .select2-search--inline,
body[data-fvd-modernized-laravel] .select2-search__field {
  min-width: 140px;
}

body[data-fvd-modernized-laravel] .select2-container--disabled .select2-selection,
body[data-fvd-modernized-laravel] select:disabled {
  border-color: #d7e0e9;
  background:
    linear-gradient(135deg, rgb(36 91 159 / 4%), transparent 42%),
    #f7fafc;
  color: #647282;
}

body[data-fvd-modernized-laravel] .select2-container--disabled .select2-selection__choice {
  border-color: #d7e0e9;
  background: var(--white);
  color: #53606d;
}

body[data-fvd-modernized-laravel] #ftags,
body[data-fvd-modernized-laravel] #fcategories,
body[data-fvd-modernized-laravel] #fcategories-main-cats {
  width: 100%;
}

body[data-fvd-modernized-laravel] #fcategories-main-cats {
  margin: 4px 0 8px;
}

body[data-fvd-modernized-laravel] #fcategories-tree {
  display: grid;
  gap: 7px;
  min-height: 70px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 5%), transparent 36%),
    var(--white);
  box-shadow: inset 0 1px 0 rgb(var(--white-rgb) / 74%);
  margin: 10px 0 0;
  padding: 12px 14px;
}

body[data-fvd-modernized-laravel] #fcategories-tree li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
}

body[data-fvd-modernized-laravel] #fcategories-tree li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: var(--fvd-atom-radius-pill);
  background: #c8d2de;
}

body[data-fvd-modernized-laravel] #fcategories-tree ul {
  display: grid;
  gap: 6px;
  border-left: 1px solid #e4ebf2;
  margin: 7px 0 0 8px;
  padding: 0 0 0 12px;
}

body[data-fvd-modernized-laravel] #fcategories-tree a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 8px;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--fvd-text-soft);
  font-weight: 760;
  line-height: 1.25;
  padding: 5px 8px;
}

body[data-fvd-modernized-laravel] #fcategories-tree .jstree-clicked,
body[data-fvd-modernized-laravel] #fcategories-tree a[aria-selected="true"] {
  background: var(--accent-tint);
  color: var(--fvd-admin-red-dark);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #fcategories-tree a:hover {
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .form-control-plaintext {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: #26313c;
  padding: 8px 10px;
}

body[data-fvd-modernized-laravel] .is-invalid,
body[data-fvd-modernized-laravel] .form-control.is-invalid {
  border-color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .invalid-feedback,
body[data-fvd-modernized-laravel] .form-text {
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  margin-top: 6px;
}

body[data-fvd-modernized-laravel] .invalid-feedback {
  color: var(--fvd-admin-red);
  font-weight: 750;
}

body[data-fvd-modernized-laravel] .job-offer-header,
body[data-fvd-modernized-laravel] .credit-balance,
body[data-fvd-modernized-laravel] .table-summary,
body[data-fvd-modernized-laravel] .pricing-wrap {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
}

body[data-fvd-modernized-laravel] .job-offer-header {
  padding: 20px;
}

body[data-fvd-modernized-laravel] .job-offer-header .row {
  gap: 14px 0;
}

body[data-fvd-modernized-laravel] .job-offer-header .big,
body[data-fvd-modernized-laravel] .credit-balance .balance p {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices {
  border-left: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  border-radius: var(--fvd-atom-radius-field);
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .job-offer-header:has(.prices) > .row > .col-md:first-child {
  display: grid;
  align-content: center;
  gap: 8px;
  border-radius: var(--fvd-atom-radius-field);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 7%), transparent 44%),
    var(--white);
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .job-offer-header:has(.prices) p {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .job-offer-header:has(.prices) strong {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red-dark);
  font-weight: 900;
  padding: 3px 9px;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices .row:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices .col-auto {
  display: flex;
  align-items: center;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices .col-auto .btn,
body[data-fvd-modernized-laravel] .job-offer-header .prices form .btn {
  min-height: 36px;
  margin-top: 0;
  border-radius: var(--fvd-atom-radius-pill);
  white-space: nowrap;
}

/* Molecule: company job offer limit header */
body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 60px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header .prices {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header:has(.prices) > .row > .col-md:first-child {
  border-radius: var(--fvd-atom-radius-field);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 7%), transparent 44%),
    var(--white);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header:has(.prices) strong {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red-dark);
}

/* Atom: company job offer order action */
body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header .prices .col-auto .btn,
body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > .job-offer-header .prices form .btn {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main > table.table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] main > table.table > thead,
body[data-fvd-modernized-laravel] main > table.table > tbody {
  display: table;
  width: 100%;
  min-width: 720px;
}

body[data-fvd-modernized-laravel] main > table.table td.text-right,
body[data-fvd-modernized-laravel] main > table.table th.text-right {
  text-align: right;
}

body[data-fvd-modernized-laravel] main > table.table td.text-right a,
body[data-fvd-modernized-laravel] main > table.table .btn-link {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  color: var(--fvd-admin-red);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] main > table.table abbr {
  color: var(--fvd-admin-ink);
  text-decoration: none;
}

/* Atom: company notification payment action */
body[data-fvd-modernized-laravel] main > table.table td abbr ~ a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  font-weight: 850;
  margin-top: 8px;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] main > table.table td abbr ~ a:hover {
  border-color: rgb(var(--red-rgb) / 36%);
  background: #ffe4e9;
  color: var(--red-dark);
}

/* Atom: company notification payment spacing. */
body[data-fvd-modernized-laravel] main > table.table td abbr ~ a {
  margin-top: 12px;
}

/* Molecule: company job offer list table */
body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > table.table {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 60px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > table.table tbody tr.red td {
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > table.table tbody tr.green td {
  background: var(--white);
}

/* Molecule: company notification order table */
body[data-fvd-modernized-laravel] main > table.table:has(td abbr ~ a):has(input.with-confirm) {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 60px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] main > table.table:has(td abbr ~ a):has(input.with-confirm) tbody tr.red td {
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] main > table.table:has(td abbr ~ a):has(input.with-confirm) tbody tr.green td {
  background: var(--white);
}

/* Molecule: company notification empty state */
body[data-fvd-modernized-laravel] main:has(> table.table td abbr ~ a) > .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 60px rgb(0 0 0 / 8%);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin: 18px 0 20px;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) > thead,
body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) > tbody {
  display: table;
  width: 100%;
  min-width: 680px;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) th,
body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) td {
  border-bottom: 1px solid var(--fvd-admin-line);
  color: var(--fvd-text-soft);
  padding: 14px 16px;
  vertical-align: top;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) th {
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-ink);
  font-size: 0.78rem;
  font-weight: 880;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) tbody tr:last-child td {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) tbody tr:hover td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) td:first-child {
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .pricing-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 0;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .pricing,
body[data-fvd-modernized-laravel] .pricing-points {
  padding: clamp(20px, 3vw, 30px);
}

body[data-fvd-modernized-laravel] .pricing {
  border-right: 1px solid var(--fvd-admin-line);
}

body[data-fvd-modernized-laravel] .pricing-points {
  background: var(--ink);
  color: rgb(var(--white-rgb) / 80%);
}

body[data-fvd-modernized-laravel] .pricing-points h3,
body[data-fvd-modernized-laravel] .pricing-points strong {
  color: var(--white);
}

body[data-fvd-modernized-laravel] .pricing-points li {
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .price-option {
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .price-option label {
  display: grid;
  gap: 5px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  cursor: pointer;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .price-option input:checked + label {
  border-color: rgb(var(--red-rgb) / 36%);
  background: var(--accent-tint);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .price-option label strong {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] .price-option .break {
  display: block;
  width: 100%;
  height: 0;
}

body[data-fvd-modernized-laravel] .price-option .bonus,
body[data-fvd-modernized-laravel] .bonus {
  color: var(--fvd-admin-green);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .price-option .bonus {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eefbf3;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"])::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--fvd-admin-red), var(--fvd-admin-green));
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .card-body {
  display: grid;
  gap: 12px;
  padding: 22px;
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .card-body > p {
  display: grid;
  grid-template-columns: minmax(130px, 0.38fr) minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
  border: 1px solid #edf0f3;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-text-soft);
  font-weight: 720;
  line-height: 1.45;
  margin: 0;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .card-body > p strong {
  display: block;
  color: var(--fvd-admin-muted);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  margin-top: 4px;
  padding-top: 14px;
}

body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .buttons .btn {
  justify-content: center;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .pricing > p {
  border-left: 3px solid #c8d7ea;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-muted);
  font-weight: 720;
  line-height: 1.45;
  margin: 0 0 14px;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .table-summary {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td {
  background: var(--white);
}

body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child):hover td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td:first-child {
  color: var(--fvd-text-soft);
  font-weight: 720;
  line-height: 1.45;
}

body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td:first-child strong {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #173f70;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.2;
  padding: 4px 8px;
}

body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td:nth-child(2),
body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td:nth-child(3) {
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .table-summary tr:last-child td {
  background: var(--ink);
  color: var(--white);
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] .credit-usage {
  border-top: 1px solid var(--fvd-admin-line);
  margin-top: 16px;
  padding-top: 16px;
}

body[data-fvd-modernized-laravel] .credit-balance .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .credit-balance .balance p {
  margin: 0;
}

body[data-fvd-modernized-laravel] .credit-usage-show {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .credit-usage-show::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--fvd-admin-red);
  border-bottom: 2px solid var(--fvd-admin-red);
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .form-group.w-75 {
  display: grid;
  width: 100% !important;
  max-width: 560px;
  gap: 8px;
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .form-group.w-75 > label {
  color: var(--fvd-admin-ink);
  font-weight: 850;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group-append {
  display: flex;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group-text {
  display: inline-flex;
  min-width: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd5df;
  border-left: 0;
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 14px;
}

body[data-fvd-modernized-laravel] .table-responsive table {
  min-width: 720px;
}

body[data-fvd-modernized-laravel] .table-responsive {
  overflow-x: auto;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right,
body[data-fvd-modernized-laravel] .table-responsive th.text-right {
  text-align: right;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right form {
  margin: 8px 0 0;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right a,
body[data-fvd-modernized-laravel] .table-responsive td.text-right .btn-link {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  color: var(--fvd-admin-red);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] main > .table-responsive:has(.fa-file-invoice) {
  margin-top: 14px;
}

body[data-fvd-modernized-laravel] main > .table-responsive:has(.fa-file-invoice) table {
  min-width: 780px;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right:has(.fa-file-invoice) {
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .table-responsive .fa-file-invoice {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-atom-radius-icon);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  margin-right: 8px;
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right:has(.fa-file-invoice) a {
  min-height: 32px;
  border: 1px solid rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination {
  min-width: 780px;
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  margin: 0;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination a,
body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination span {
  border-radius: var(--fvd-atom-radius-pill);
}

/* Molecule: company invoice empty state. */
body[data-fvd-modernized-laravel] main:has(> .table-responsive .fa-file-invoice) > .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  color: var(--muted);
}

/* Molecule: company invoice table. */
body[data-fvd-modernized-laravel] main > .table-responsive:has(.fa-file-invoice) {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

/* Atom: company invoice PDF icon. */
body[data-fvd-modernized-laravel] .table-responsive .fa-file-invoice {
  border-color: rgb(var(--red-rgb) / 20%);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--accent-tint);
  color: var(--red);
}

/* Atom: company invoice PDF icon spacing. */
body[data-fvd-modernized-laravel] .table-responsive .fa-file-invoice {
  margin-right: 12px;
}

/* Atom: company invoice PDF link. */
body[data-fvd-modernized-laravel] .table-responsive td.text-right:has(.fa-file-invoice) a {
  border-color: rgb(var(--red-rgb) / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--red);
}

/* Atom: company invoice pager. */
body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination {
  border-top: var(--fvd-molecule-card-border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination a,
body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination span {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination .active span,
body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination .active a,
body[data-fvd-modernized-laravel] .table-responsive:has(.fa-file-invoice) .pagination a:hover {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .table-summary form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .table-summary input.with-confirm,
body[data-fvd-modernized-laravel] .table-summary .btn.with-confirm {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-red);
  font-weight: 850;
  line-height: 1.2;
  padding: 7px 11px;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .table-summary input.with-confirm:hover,
body[data-fvd-modernized-laravel] .table-summary .btn.with-confirm:hover {
  background: var(--accent-tint);
  color: var(--fvd-admin-red-dark);
}

body[data-fvd-modernized-laravel] .table-summary td:last-child,
body[data-fvd-modernized-laravel] .table-summary th:last-child {
  text-align: right;
}

body[data-fvd-modernized-laravel] main > h2:has(+ #thepay-method-box),
body[data-fvd-modernized-laravel] main > h2:has(+ [data-testid="thepay-return-status"]),
body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] > h2:has(+ #thepay-method-box) {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--fvd-admin-ink);
  font-size: 1.15rem;
  font-weight: 850;
  line-height: 1.2;
  margin: 24px 0 10px;
}

body[data-fvd-modernized-laravel] #thepay-method-box,
body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] #thepay-method-box {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  margin: 18px 0 24px;
  padding: 10px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 62px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-ink);
  font-weight: 820;
  margin: 0 0 8px;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink:hover,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink:hover {
  border-color: rgb(var(--red-rgb) / 34%);
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink img,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink img {
  max-width: 48px;
  max-height: 34px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink > span:has(> img),
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink > span:has(> img) {
  display: grid;
  width: 56px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink strong,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink strong {
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink > span:last-child:not(:has(> img)),
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink > span:last-child:not(:has(> img)) {
  justify-self: end;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #173f70;
  font-size: 0.78rem;
  font-weight: 820;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] {
  margin-top: 18px;
}

body[data-fvd-modernized-laravel] [data-thepay-status="pending"] {
  max-width: 860px;
}

body[data-fvd-modernized-laravel] [data-thepay-status="pending"] #thepay-method-box {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] [data-thepay-status="anonymous"] {
  max-width: 860px;
}

/* Molecule: company commerce credit balance. */
body[data-fvd-modernized-laravel] main > .credit-balance {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main > .credit-balance .balance p {
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main > .credit-balance .btn {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Atom: company commerce usage toggle. */
body[data-fvd-modernized-laravel] .credit-usage-show {
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .credit-usage-show::after {
  border-color: var(--red);
}

/* Molecule: company commerce top-up form. */
body[data-fvd-modernized-laravel] .job-offer-edit.card:has([action="/firma/1/kredit/dobit"], input[name="value"]),
body[data-fvd-modernized-laravel] form.job-offer-edit.card[action*="/kredit/dobit"] {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

/* Atom: company commerce top-up field. */
body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group .form-control {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group-text {
  border-color: var(--border);
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
  background: var(--gray);
  color: var(--muted);
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .buttons .btn-success {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Molecule: company commerce order summary. */
body[data-fvd-modernized-laravel] .table-summary {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

/* Atom: company commerce summary badge. */
body[data-fvd-modernized-laravel] .table-summary tbody tr:not(:last-child) td:first-child strong {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] .table-summary input.with-confirm,
body[data-fvd-modernized-laravel] .table-summary .btn.with-confirm {
  border-color: rgb(var(--red-rgb) / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--red);
}

body[data-fvd-modernized-laravel] .table-summary tr:last-child td {
  background: var(--ink);
  color: var(--white);
}

/* Molecule: company commerce pricing panel. */
body[data-fvd-modernized-laravel] main:has(.table-summary) .pricing-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) .pricing {
  border-right-color: var(--border);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) .price-option label {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) .price-option input:checked + label {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  box-shadow: inset 4px 0 0 var(--red);
}

/* Atom: company commerce pricing bonus. */
body[data-fvd-modernized-laravel] main:has(.table-summary) .price-option .bonus {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: company commerce payment methods. */
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box,
body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] #thepay-method-box {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

/* Atom: company commerce payment method. */
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box .paymentMethodLink,
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box a.paymentMethodLink {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box .paymentMethodLink:hover,
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box a.paymentMethodLink:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box .paymentMethodLink > span:has(> img),
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box a.paymentMethodLink > span:has(> img) {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box .paymentMethodLink > span:last-child:not(:has(> img)),
body[data-fvd-modernized-laravel] main:has(.table-summary) #thepay-method-box a.paymentMethodLink > span:last-child:not(:has(> img)) {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: company commerce return state. */
body[data-fvd-modernized-laravel] [data-thepay-status="anonymous"] {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] [data-thepay-status="anonymous"] .alert-info {
  border: 1.5px solid rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  color: var(--red-dark);
}

/* Molecule: company credit history table. */
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  margin: 18px 0 20px;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) > thead,
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) > tbody {
  display: table;
  width: 100%;
  min-width: 680px;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) th,
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) td {
  border-bottom: 1.5px solid var(--border);
  color: var(--ink);
  padding: 14px 16px;
  vertical-align: top;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) th {
  background: var(--gray);
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 880;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) tbody tr:last-child td {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) tbody tr:hover td {
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > table:not(.table):not(.table-summary) td:first-child {
  color: var(--red);
  font-weight: 850;
}

/* Atom: company credit history pager. */
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination a,
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--ink);
  font-weight: 850;
  padding: 7px 12px;
}

body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination .active span,
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination .active a,
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .pagination a:hover {
  border-color: var(--red);
  background: var(--red);
  color: var(--white);
}

/* Molecule: company credit history empty state. */
body[data-fvd-modernized-laravel] main:has(> .credit-balance) > .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  box-shadow: var(--fvd-shadow-card);
  color: var(--red-dark);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .attachments,
body[data-fvd-modernized-laravel] .response-other-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-text-soft);
  padding: 12px 18px;
}

body[data-fvd-modernized-laravel] .attachments a,
body[data-fvd-modernized-laravel] .response-other-info span,
body[data-fvd-modernized-laravel] .response-other-info a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--fvd-text-soft);
  font-size: 0.86rem;
  font-weight: 780;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .rating-answer {
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
  padding: 18px;
}

body[data-fvd-modernized-laravel] .rating-item:has(.rating-answer) {
  border-left: 4px solid #f2b91f;
}

body[data-fvd-modernized-laravel] .rating-answer form {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .rating-answer label {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  color: var(--fvd-admin-ink);
  font-size: 0.9rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] .rating-answer > .w-100 {
  position: relative;
  border: 1px solid rgb(36 91 159 / 14%);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  color: #2c3642;
  line-height: 1.62;
  margin-top: 10px;
  padding: 14px 16px 14px 48px;
}

body[data-fvd-modernized-laravel] .rating-answer > .w-100::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 16px;
  width: 20px;
  height: 20px;
  border-radius: var(--fvd-atom-radius-pill);
  background:
    linear-gradient(var(--white), var(--white)) center / 10px 2px no-repeat,
    var(--fvd-admin-red);
  box-shadow: 0 8px 18px rgb(var(--red-rgb) / 16%);
}

body[data-fvd-modernized-laravel] .rating-answer textarea {
  min-height: 110px;
  border: 1px solid #d7dee6;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: #26313c;
  line-height: 1.55;
  padding: 12px 14px;
  resize: vertical;
  box-shadow: inset 0 1px 2px rgb(var(--ink-rgb) / 5%);
}

body[data-fvd-modernized-laravel] .rating-answer textarea:focus {
  border-color: rgb(var(--red-rgb) / 55%);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 12%);
  outline: 0;
}

body[data-fvd-modernized-laravel] .rating-answer .btn {
  justify-self: start;
  min-height: 38px;
  border-radius: var(--fvd-atom-radius-pill);
  font-weight: 850;
  padding: 9px 15px;
  box-shadow: 0 10px 20px rgb(var(--red-rgb) / 12%);
}

/* Molecule: company rating filter state. */
body[data-fvd-modernized-laravel] main:has(.rating-answer) .filter-tabs,
body[data-fvd-modernized-laravel] main:has(.rating-answer) > .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(.rating-answer) .filter-tabs a,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination a,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination span {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main:has(.rating-answer) .filter-tabs .active a,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .filter-tabs a:hover,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination .active span,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination .active a,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination a:hover {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination .disabled span,
body[data-fvd-modernized-laravel] main:has(.rating-answer) .pagination .disabled a {
  background: var(--gray);
}

/* Molecule: company rating review card. */
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-left: 4px solid var(--red);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) > .rating-head {
  border-bottom: 1.5px solid var(--border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) > .rating-comment {
  color: var(--ink);
}

/* Atom: company rating score badge. */
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-head .raty {
  border-color: rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: company rating response panel. */
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) > .rating-answer {
  border-top: 1.5px solid var(--border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer > .w-100,
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer textarea {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer textarea {
  background: var(--gray);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer textarea:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 12%);
}

/* Atom: company rating response action. */
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer > .w-100::before,
body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer .btn {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer > .w-100::before {
  background:
    linear-gradient(var(--white), var(--white)) center / 10px 2px no-repeat,
    var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 18%);
}

body[data-fvd-modernized-laravel] main .rating-list > .rating-item:has(> .rating-answer) .rating-answer .btn {
  border-color: var(--red);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .job-offer-response-item > h2 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-size: 1.1rem;
  font-weight: 850;
  margin: 0;
  padding: 16px 18px;
}

/* Atom: company inbox processed action. */
body[data-fvd-modernized-laravel] .job-offer-response-item .buttons form[action*="/set-processed"] .btn-light {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .job-offer-response-item .buttons form[action*="/set-processed"] .btn-light:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] .red td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] .green td {
  background: #f4fbf7;
}

/* Molecule: company registration success state. */
body[data-fvd-modernized-laravel] .thankyou {
  display: grid;
  justify-items: center;
  gap: 12px;
  max-width: 720px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  color: var(--ink);
  margin: 36px auto;
  padding: clamp(28px, 4vw, 46px);
  text-align: center;
}

body[data-fvd-modernized-laravel] .thankyou img {
  width: 64px;
  height: 64px;
  border-radius: var(--fvd-atom-radius-pill);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 24%);
}

body[data-fvd-modernized-laravel] .thankyou > strong {
  color: var(--ink);
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 880;
  line-height: 1.1;
}

body[data-fvd-modernized-laravel] .thankyou small {
  display: block;
  max-width: 560px;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] .style-content:has(> .thankyou),
body[data-fvd-modernized-laravel] .style-content:has(> h1 + .alert-danger) {
  display: grid;
  width: min(100% - 32px, 760px);
  box-sizing: border-box;
  justify-items: center;
  gap: 16px;
  margin: clamp(28px, 6vw, 72px) auto;
  padding: clamp(24px, 4vw, 42px);
  text-align: center;
}

body[data-fvd-modernized-laravel] .style-content:has(> .thankyou) > h1,
body[data-fvd-modernized-laravel] .style-content:has(> h1 + .alert-danger) > h1 {
  max-width: 640px;
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.55rem);
}

body[data-fvd-modernized-laravel] .style-content:has(> .thankyou) > .thankyou {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0;
  background: var(--white);
}

body[data-fvd-modernized-laravel] .style-content:has(> .thankyou) > .thankyou img {
  border-radius: var(--fvd-atom-radius-pill);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 24%);
}

body[data-fvd-modernized-laravel] .style-content:has(> h1 + .alert-danger) > .alert-danger {
  width: 100%;
  max-width: 620px;
  box-sizing: border-box;
  border-width: 1px;
  box-shadow: 0 14px 32px rgb(var(--red-rgb) / 10%);
  margin: 0;
  text-align: left;
}

body[data-fvd-modernized-laravel] .style-content:has(> h1 + p:last-child) {
  display: grid;
  width: min(100% - 32px, 760px);
  box-sizing: border-box;
  justify-items: center;
  gap: 12px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 5%), transparent 36%),
    var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 9%);
  margin: clamp(28px, 6vw, 72px) auto;
  padding: clamp(26px, 4vw, 46px);
  text-align: center;
}

body[data-fvd-modernized-laravel] .style-content:has(> h1 + p:last-child) > h1 {
  max-width: 640px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  font-weight: 880;
  line-height: 1.08;
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content:has(> h1 + p:last-child) > p:last-child {
  max-width: 520px;
  color: var(--fvd-admin-muted);
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.58;
  margin: 0;
}

body[data-fvd-modernized-laravel] .company-plus {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin: 24px 0;
}

/* Molecule: company registration choice card. */
body[data-fvd-modernized-laravel] .company-plus a {
  display: grid;
  gap: 8px;
  min-height: 150px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  color: var(--ink);
  padding: 22px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

body[data-fvd-modernized-laravel] .company-plus a:hover {
  border-color: var(--red);
  transform: translateY(-5px);
}

body[data-fvd-modernized-laravel] .company-plus strong {
  color: var(--ink);
  font-size: 1.15rem;
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .company-plus span {
  color: var(--muted);
  line-height: 1.55;
}

/* Atom: company registration error state. */
body[data-fvd-modernized-laravel] .box-small[data-testid="registration-error-panel"] {
  display: grid;
  width: min(100%, 680px);
  box-sizing: border-box;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  box-shadow: var(--fvd-shadow-card);
  margin: 0 0 16px;
  padding: 10px;
}

body[data-fvd-modernized-laravel] .box-small[data-testid="registration-error-panel"] .alert {
  margin: 0;
  border-radius: var(--fvd-atom-radius-field);
}

/* Molecule: company registration lookup form. */
body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"],
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] {
  max-width: 680px;
  margin: 0 0 clamp(24px, 4vw, 42px);
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] .box-grey,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] .box-grey {
  max-width: none;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] .box-grey::before,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] .box-grey::before {
  content: "Registrace firmy";
  color: var(--red);
}

/* Atom: company registration field. */
body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] input,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] input,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] select {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
  font-size: 1.05rem;
  min-height: 52px;
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] input:focus,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] input:focus,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] select:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgb(var(--red-rgb) / 12%);
}

/* Atom: company registration action. */
body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] .buttons .btn,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] .buttons .btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: none;
  margin: 18px 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container:first-of-type {
  grid-template-columns: minmax(0, 1fr);
}

/* Molecule: company registration benefit card. */
body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card {
  height: 100%;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  margin: 0;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card:hover {
  border-color: var(--red);
  transform: translateY(-5px);
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body {
  display: grid;
  align-content: start;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body p {
  color: var(--ink);
  line-height: 1.62;
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body strong {
  color: var(--ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-title {
  margin: 0 0 4px;
  font-size: 1.16rem;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

/* Molecule: company registration version compare. */
body[data-fvd-modernized-laravel] .style-content .version-compare.container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: none;
  margin: clamp(24px, 4vw, 42px) 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare.container > .col {
  max-width: none;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card {
  height: 100%;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-header h4 {
  margin: 0;
  color: var(--ink);
  font-size: 1.12rem;
  font-weight: 880;
  line-height: 1.18;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-body ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-body li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  list-style: none;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .fa-li {
  position: static;
  width: auto;
  color: var(--red);
}

body[data-fvd-modernized-laravel] .style-content > .text-center img {
  width: min(100%, 920px);
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .dropdown.credit-balance {
  position: relative;
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
}

/* Molecule: admin dropdown menu surface. */
body[data-fvd-modernized-laravel] .dropdown-menu {
  min-width: 190px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 14%);
  margin-top: 8px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .dropdown-item {
  display: block;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--ink);
  font-weight: 760;
  padding: 9px 11px;
}

/* Atom: admin dropdown menu item. */
body[data-fvd-modernized-laravel] .dropdown-menu > li > a {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--ink);
  font-weight: 760;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] .dropdown-menu > li > a:hover,
body[data-fvd-modernized-laravel] .dropdown-menu > li > a:focus,
body[data-fvd-modernized-laravel] .dropdown-item:hover {
  background: var(--gray);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .dropdown-menu > li.active > a,
body[data-fvd-modernized-laravel] .dropdown-menu > li.active > a:hover {
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .banner-radio {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .banner-radio .price-option {
  margin: 0;
}

body[data-fvd-modernized-laravel] .banner-radio .price-option label small {
  display: block;
  width: 100%;
  min-height: 138px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background-color: var(--fvd-surface-muted);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio .price-option {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio .price-option label {
  height: 100%;
  min-height: 100%;
  grid-template-rows: minmax(168px, auto) auto auto;
  border-color: rgb(36 91 159 / 18%);
  background: linear-gradient(180deg, var(--white) 0%, #f7fbff 100%);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio .price-option label small {
  min-height: 168px;
  border-color: rgb(36 91 159 / 16%);
  background-color: #f1f5f9;
  box-shadow: inset 0 0 0 1px rgb(var(--white-rgb) / 75%);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio .price-option label span {
  color: var(--fvd-admin-ink);
  font-weight: 850;
  line-height: 1.25;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio .price-option label strong {
  color: var(--fvd-admin-muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form) > form > .banner-radio > .btn-success {
  min-height: 44px;
  min-width: 172px;
  justify-self: end;
  align-self: center;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit .banner-radio {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit .banner-radio .promo_workplace {
  min-width: 0;
}

/* Atom: company notification workplace option */
body[data-fvd-modernized-laravel] .job-offer-notif-edit .banner-radio .promo_workplace label {
  min-height: 58px;
  grid-template-columns: minmax(0, 1fr);
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit .banner-radio .promo_workplace label span {
  display: flex;
  min-width: 0;
  align-items: center;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit .banner-radio .promo_workplace input:checked + label {
  border-color: rgb(var(--red-rgb) / 40%);
  background: var(--accent-tint);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] .advert-edit-form,
body[data-fvd-modernized-laravel] .job-offer-edit,
body[data-fvd-modernized-laravel] .job-offer-notif-edit {
  max-width: 1120px;
}

body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row,
body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row > [class*="col"],
body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row > [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit .field-value-wrap.workplaces {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

body[data-fvd-modernized-laravel] .job-offer-edit .workplace_address,
body[data-fvd-modernized-laravel] .job-offer-edit .field-value select {
  width: 100%;
}

body[data-fvd-modernized-laravel] .toponly-fields.visible {
  display: grid;
  gap: 16px;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #f7fbff;
  padding: 16px;
}

/* Molecule: company job offer highlighted-fields panel */
body[data-fvd-modernized-laravel] .job-offer-edit .toponly-fields.visible {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(0 0 0 / 7%);
}

body[data-fvd-modernized-laravel] .job-offer-edit .toponly-fields .custom-file-label {
  border-radius: var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] .toponly-fields .file-video-container {
  max-width: 100%;
  margin-top: 8px;
}

/* Atom: company job offer media spacing. */
body[data-fvd-modernized-laravel] .job-offer-edit .toponly-fields .file-video-container {
  margin-top: 12px;
}

body[data-fvd-modernized-laravel] .toponly-fields .form-text {
  display: block;
  border-left: 3px solid rgb(36 91 159 / 28%);
  color: #53606d;
  line-height: 1.45;
  margin-top: 8px;
  padding-left: 10px;
}

body[data-fvd-modernized-laravel] .job-offer-edit .textarea-big {
  min-height: 150px;
}

body[data-fvd-modernized-laravel] .job-offer-price table,
body[data-fvd-modernized-laravel] .job-offer-notif-edit table {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit .job-offer-price table,
body[data-fvd-modernized-laravel] .job-offer-edit .job-offer-notif-edit table {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.job-offer-edit) > form.job-offer-notif-edit table {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

/* Molecule: company notification price table */
body[data-fvd-modernized-laravel] .close-open-wrap:has(.job-offer-notif-edit) .job-offer-notif-edit table {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 60px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit table thead th {
  background: var(--gray);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .job-offer-price tbody tr:last-child td,
body[data-fvd-modernized-laravel] .job-offer-notif-edit tbody tr:last-child td {
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit > .form-group:last-child {
  display: flex;
  justify-content: flex-end;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(0 0 0 / 7%);
  margin-top: 16px;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .job-offer-notif-edit > .form-group:last-child .btn-success {
  min-height: 42px;
  min-width: 150px;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .advert-banner-row,
body[data-fvd-modernized-laravel] .field-value-wrap-unstyled {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 6%);
  margin-bottom: 14px;
}

body[data-fvd-modernized-laravel] .advert-banner-row .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body[data-fvd-modernized-laravel] .advert-banner-row .card-header .action.float-right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  order: 2;
  margin-left: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(180px, 1fr) minmax(180px, 1fr);
  gap: 14px;
  border-top: 1px solid var(--fvd-admin-line);
  margin-right: 0;
  margin-top: 14px;
  margin-left: 0;
  padding-top: 14px;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col {
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col:first-child {
  display: grid;
  gap: 8px;
  align-content: start;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col:first-child > label {
  color: var(--fvd-admin-ink);
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target .custom-radio {
  margin: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target .f_target_bp,
body[data-fvd-modernized-laravel] .advert-banner-row-target .f_target_url {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] .business-place-block {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  border: 1px solid rgb(36 91 159 / 16%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #f7fbff;
  margin: 14px 0;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .business-place-block > .form-group {
  margin: 0;
}

body[data-fvd-modernized-laravel] .business-place-block > .form-group:last-child {
  align-self: center;
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 850;
  text-align: center;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .target_bp_group,
body[data-fvd-modernized-laravel] .target_url_group,
body[data-fvd-modernized-laravel] .target_url_group .f_target_url,
body[data-fvd-modernized-laravel] .target_bp_group .f_business_place {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .form-tarif-group .price-simple,
body[data-fvd-modernized-laravel] .form-tarif-group .price-multiple,
body[data-fvd-modernized-laravel] .price-simple,
body[data-fvd-modernized-laravel] .price-multiple {
  color: #26313c;
  font-size: 0.92rem;
  line-height: 1.45;
}

body[data-fvd-modernized-laravel] .advert-edit-form .form-box table {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .advert-edit-form .form-box table tbody tr:last-child td {
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row {
  display: grid;
  grid-template-columns: minmax(180px, 0.34fr) minmax(0, 0.66fr);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #edf0f3;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  padding-bottom: 12px;
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .compact-form > .card .col-form-label {
  color: var(--fvd-admin-muted);
  font-weight: 820;
  padding-top: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .tt-a,
body[data-fvd-modernized-laravel] .img-upload .uploader .tt-a {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #173f70;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
  padding: 6px 10px;
  text-decoration: none;
}

body[data-fvd-modernized-laravel] .tt-a:hover,
body[data-fvd-modernized-laravel] .img-upload .uploader .tt-a:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .compact-form > .form-group.text-right,
body[data-fvd-modernized-laravel] .compact-form > .text-right {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .compact-form > .form-group.text-right form.inline {
  display: inline-flex;
  margin: 0;
}

/* Molecule: company advert campaign table. */
body[data-fvd-modernized-laravel] main > table.table:has(.tt-a):has(input.btn-link) {
  overflow-x: auto;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main > table.table:has(.tt-a):has(input.btn-link) tbody tr.red td {
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] main > table.table:has(.tt-a):has(input.btn-link) tbody tr.green td {
  background: var(--white);
}

/* Molecule: company advert placement grid. */
body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio {
  gap: 18px;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio .price-option label,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .banner-radio .price-option label {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio .price-option input:checked + label,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .banner-radio .price-option input:checked + label {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  box-shadow: inset 4px 0 0 var(--red);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio .price-option label small {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background-color: var(--gray);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio .price-option label span,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .banner-radio .price-option label span {
  color: var(--ink);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio .price-option label strong,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .banner-radio .price-option label strong {
  color: var(--muted);
}

/* Atom: company advert action. */
body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio > .btn-success,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .field-plus,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-edit-form > .form-group:last-child .btn-success,
body[data-fvd-modernized-laravel] main:has(.compact-form) .compact-form > .form-group.text-right .btn {
  min-height: 46px;
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] .close-open-wrap:has(> h2 + form > .banner-radio) > form > .banner-radio > .btn-success,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-edit-form > .form-group:last-child .btn-success {
  border-color: var(--red);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Molecule: company advert banner row. */
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .field-value-wrap-unstyled,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row,
body[data-fvd-modernized-laravel] main:has(.compact-form) .compact-form > .card {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row .card-header,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row .card-header {
  border-bottom: 1.5px solid var(--border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target {
  gap: 18px;
  border-top-color: var(--border);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target > .col:first-child,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target > .col:first-child {
  gap: 10px;
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target > .col:first-child > label,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target > .col:first-child > label {
  color: var(--ink);
  font-weight: 800;
}

/* Atom: company advert target option. */
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target .custom-radio label,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target .form-control,
body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-edit-form .form-control,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target .custom-radio label,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target .form-control {
  border-radius: var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target .custom-radio label,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target .custom-radio label {
  border-color: var(--border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row-target .custom-radio input:checked + label,
body[data-fvd-modernized-laravel] main:has(.advert-banner-row-target) .advert-banner-row-target .custom-radio input:checked + label {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  box-shadow: inset 4px 0 0 var(--red);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .img-upload-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row .img-preview,
body[data-fvd-modernized-laravel] main:has(.compact-form) .compact-form .img-preview {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background-color: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-banner-row .img-preview:not([style*="background-image"])::before {
  border-color: rgb(var(--red-rgb) / 24%);
  background:
    linear-gradient(var(--red), var(--red)) center / 15px 2px no-repeat,
    linear-gradient(var(--red), var(--red)) center / 2px 15px no-repeat,
    var(--white);
  box-shadow: 0 10px 24px rgb(var(--red-rgb) / 18%);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-edit-form .form-box table {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
}

body[data-fvd-modernized-laravel] main:has(.advert-edit-form) .advert-edit-form .form-box table tbody tr:last-child td {
  background: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(.compact-form) .compact-form > .card .form-group.row {
  border-color: var(--border);
}

body[data-fvd-modernized-laravel] main:has(.compact-form) .tt-a,
body[data-fvd-modernized-laravel] main:has(.compact-form) .img-upload .uploader .tt-a {
  border-color: rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: admin advert target block. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) > .box.input-group.field-value:has(.business-place-block),
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .business-place-block {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .business-place-block {
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .business-place-block .f_business_place {
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .account-profile-edit,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) {
  max-width: 760px;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit > .row,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) > .row {
  display: block;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit > .row > [class*="col-"],
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) > .row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .card,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) .card {
  margin-bottom: 0;
}

/* Molecule: account profile card. */
body[data-fvd-modernized-laravel] .account-profile-edit .card,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) .card {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row {
  display: grid;
  grid-template-columns: minmax(170px, 0.34fr) minmax(0, 0.66fr);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #edf0f3;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  padding-bottom: 12px;
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row > [class*="col-"],
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .col-form-label,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .col-form-label {
  color: var(--fvd-admin-muted);
  font-weight: 820;
  text-align: left !important;
  padding-top: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row.mb-0,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row.mb-0 {
  border-top: 1px solid var(--fvd-admin-line);
  border-bottom: 0;
  background: var(--fvd-surface-subtle);
  margin: 18px -22px -22px;
  padding: 16px 22px;
}

body[data-fvd-modernized-laravel] .account-profile-edit .offset-md-4,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .offset-md-4 {
  grid-column: 2;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .btn-primary,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .btn-primary {
  min-height: 42px;
  min-width: 118px;
}

body[data-fvd-modernized-laravel] .promo-config {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .promo-config h3,
body[data-fvd-modernized-laravel] .job-offer-promo-description h3 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] .promo_workplace.price-option label,
body[data-fvd-modernized-laravel] .promo-config .promo_workplace label {
  grid-template-columns: minmax(0, 1fr);
}

/* Atom: company job offer promo workplace option */
body[data-fvd-modernized-laravel] .job-offer-edit .promo_workplace.price-option label,
body[data-fvd-modernized-laravel] .job-offer-edit .promo-config .promo_workplace label {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] .job-offer-promo-description .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
  gap: 18px;
  align-items: center;
  margin: 0;
}

body[data-fvd-modernized-laravel] .job-offer-promo-description .row > [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-promo-description img {
  display: block;
  width: 100%;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .job-offer-edit .job-offer-promo-description img {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .font,
body[data-fvd-modernized-laravel] .grey {
  color: var(--fvd-admin-muted);
}

body[data-fvd-modernized-laravel] .gold-demand-body {
  display: grid;
  gap: 0;
  background: var(--white);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all {
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}

body[data-fvd-modernized-laravel] .gold-demand-item {
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .gold-demand-item .rating-head-simple {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] .gold-demand-item .rating-head:not(.rating-head-simple) {
  background:
    linear-gradient(135deg, rgb(36 91 159 / 5%), transparent 38%),
    var(--fvd-surface-subtle);
}

body[data-fvd-modernized-laravel] .gold-demand-item .grey {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-weight: 820;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header,
body[data-fvd-modernized-laravel] .demand-all-detail,
body[data-fvd-modernized-laravel] .demand-all-filter,
body[data-fvd-modernized-laravel] .table-filter,
body[data-fvd-modernized-laravel] .setting-wrap,
body[data-fvd-modernized-laravel] .promo-config,
body[data-fvd-modernized-laravel] .job-offer-promo-description {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 6%);
  margin-bottom: 16px;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .job-offer-edit .promo-config,
body[data-fvd-modernized-laravel] .job-offer-edit .job-offer-promo-description,
body[data-fvd-modernized-laravel] .job-offer-edit .setting-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(0 0 0 / 7%);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header {
  box-shadow: 0 10px 24px rgb(var(--ink-rgb) / 6%);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td {
  border-top: 1px solid var(--fvd-admin-line);
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--white);
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header:hover td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:first-child {
  border-left: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card) 0 0 var(--fvd-molecule-radius-card);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:last-child {
  border-right: 1px solid var(--fvd-admin-line);
  border-radius: 0 var(--fvd-molecule-radius-card) var(--fvd-molecule-radius-card) 0;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-detail > td {
  border: 0;
  background: transparent;
  padding: 0;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .show-detail {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  border: 1px solid rgb(var(--red-rgb) / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red-dark);
  font-weight: 850;
  padding: 6px 12px;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-detail .rating-item {
  overflow: hidden;
  border: 1px solid rgb(36 91 159 / 14%);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 6%);
}

body[data-fvd-modernized-laravel] .demand-all-filter form.row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 0;
}

body[data-fvd-modernized-laravel] .demand-all-filter label {
  margin-bottom: 6px;
}

body[data-fvd-modernized-laravel] .demand-all-filter select {
  min-width: min(100%, 280px);
}

body[data-fvd-modernized-laravel] .demand-all-filter .btn {
  min-height: 42px;
  margin-top: 0;
  border-radius: var(--fvd-atom-radius-field);
}

/* Molecule: company gold demand limit panel. */
body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
  padding: 0;
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header > .row,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header > .row {
  display: grid;
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 0.64fr);
  gap: 0;
  margin: 0;
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header > .row > .col-md,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header > .row > .col-md {
  max-width: none;
  padding: 24px;
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header > .row > .col-md:first-child,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header > .row > .col-md:first-child {
  display: grid;
  align-content: center;
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
}

/* Atom: company gold demand credit badge. */
body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header > .row > .col-md:first-child strong,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header > .row > .col-md:first-child strong {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: var(--red);
  font-weight: 850;
  padding: 4px 10px;
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices {
  border-left: 1.5px solid var(--border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices .row,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices .row > .col,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices .row > .col,
body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices .row > .col-auto,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices .row > .col-auto {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

/* Atom: company gold demand action. */
body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices .btn,
body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices .btn,
body[data-fvd-modernized-laravel] .gold-demand-item .buttons .btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 28%);
  color: var(--white);
  font-weight: 850;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .gold-demand-item .buttons .btn:disabled {
  border-color: var(--border);
  background: var(--gray);
  box-shadow: none;
  color: var(--muted);
}

/* Molecule: company gold demand card. */
body[data-fvd-modernized-laravel] .gold-demand-item {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .gold-demand-item .rating-head-simple {
  border-bottom: 0;
  background: var(--ink);
}

body[data-fvd-modernized-laravel] .gold-demand-item .rating-head:not(.rating-head-simple) {
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .gold-demand-body {
  display: grid;
  gap: 14px;
  background: var(--white);
}

/* Atom: company gold demand preview chip. */
body[data-fvd-modernized-laravel] .gold-demand-item .grey,
body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-detail .grey {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  font-weight: 850;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .gold-demand-item .attachments a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  border: 1px solid rgb(var(--red-rgb) / 20%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  font-weight: 800;
  padding: 5px 11px;
}

/* Molecule: company gold demand table. */
body[data-fvd-modernized-laravel] .gold-demand-list-all {
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header {
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td {
  border-top: 1.5px solid var(--border);
  border-bottom: 1.5px solid var(--border);
  background: var(--white);
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:first-child {
  border-left: 1.5px solid var(--border);
  border-radius: var(--fvd-molecule-radius-card) 0 0 var(--fvd-molecule-radius-card);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:last-child {
  border-right: 1.5px solid var(--border);
  border-radius: 0 var(--fvd-molecule-radius-card) var(--fvd-molecule-radius-card) 0;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .show-detail {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border: 1px solid rgb(var(--red-rgb) / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  font-weight: 850;
  padding: 6px 12px;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-detail .rating-item {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .demand-all-filter {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .demand-all-filter form.row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 0;
}

/* Atom: company gold demand filter field. */
body[data-fvd-modernized-laravel] .demand-all-filter select {
  min-width: min(100%, 280px);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .demand-all-filter .btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  border-radius: var(--fvd-atom-radius-pill);
  font-weight: 850;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .job-offers-filter {
  min-width: min(100%, 320px);
}

body[data-fvd-modernized-laravel] .filter-tabs li.right {
  margin-left: auto;
}

body[data-fvd-modernized-laravel] .filter-tabs.job-offer-responses {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

body[data-fvd-modernized-laravel] .raty {
  display: inline-flex;
  min-width: 96px;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  border: 1px solid rgb(242 185 31 / 26%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #fff8e5;
  color: #b77900;
  font-weight: 900;
  letter-spacing: 0.02em;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .rating-head .raty {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .raty img,
body[data-fvd-modernized-laravel] .raty svg {
  max-width: 16px;
  max-height: 16px;
}

body[data-fvd-modernized-laravel] .social-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-left: 6px;
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .social-links a {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-icon);
  background: var(--white);
  color: #27313d;
  box-shadow: 0 8px 18px rgb(var(--ink-rgb) / 5%);
}

body[data-fvd-modernized-laravel] .social-links a:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .toponly-fields:not(.visible),
body[data-fvd-modernized-laravel] .hidden {
  display: none;
}

body[data-fvd-modernized-laravel] .youtube-video-container,
body[data-fvd-modernized-laravel] .file-video-container {
  min-width: 0;
}

/* Molecule: admin opening-hours day panel. */
body[data-fvd-modernized-laravel] .openning_hours_days_day {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
  padding: 18px;
}

/* Molecule: admin opening-hours schedule grid. */
body[data-fvd-modernized-laravel] .openning-hours-specification .form-row,
body[data-fvd-modernized-laravel] .openning-hours-specification > .row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0;
}

body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type .form-row,
body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type > .row {
  display: grid;
  grid-template-columns: minmax(160px, 0.45fr) minmax(220px, 0.55fr);
  gap: 12px;
  align-items: end;
  margin: 0;
}

body[data-fvd-modernized-laravel] .openning-hours-divider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fvd-admin-muted);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .openning-hours-detail-description {
  flex: 1 1 220px;
  min-width: 0;
}

/* Atom: admin opening-hours interval control. */
body[data-fvd-modernized-laravel] .openning-hours-interval-1,
body[data-fvd-modernized-laravel] .openning-hours-interval-2 {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .openning-hours-interval-1 .col,
body[data-fvd-modernized-laravel] .openning-hours-interval-2 .col {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  flex: 0 0 auto;
  float: none;
}

body[data-fvd-modernized-laravel] .openning_hours_days_day .form-control[size="5"] {
  border-radius: var(--fvd-atom-radius-field);
  width: 86px;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 18px -22px -22px;
  padding: 16px 22px;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons.text-right {
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons form.d-inline,
body[data-fvd-modernized-laravel] .web-content main > .card .buttons form.d-inline-block {
  margin: 0;
}

/* Molecule: company confirmation card */
body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) {
  position: relative;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 6%), transparent 34%),
    var(--white);
  box-shadow: 0 18px 44px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"])::before {
  content: "";
  display: block;
  height: 6px;
  background: var(--red);
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .card-header {
  border-bottom-color: rgb(var(--red-rgb) / 18%);
  background: var(--accent-tint);
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .card-body {
  display: grid;
  gap: 14px;
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .card-body > p {
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
  font-weight: 720;
  line-height: 1.55;
  margin: 0;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons {
  justify-content: flex-end;
  background: var(--white);
  gap: 12px;
  margin-top: 4px;
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons form {
  display: inline-flex;
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons .btn {
  justify-content: center;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons .btn-danger {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
}

/* Molecule: company confirmation success state */
body[data-fvd-modernized-laravel] .web-content main > .alert-success {
  border: 1.5px solid rgb(var(--red-rgb) / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  color: var(--red-dark);
  box-shadow: 0 14px 34px rgb(0 0 0 / 7%);
}

body[data-fvd-modernized-laravel] .btn-link {
  border: 0;
  background: transparent;
  color: var(--red);
  font-weight: 800;
  padding: 0;
}

body[data-fvd-modernized-laravel] .with-confirm {
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] input.with-confirm {
  cursor: pointer;
}

body[data-fvd-modernized-laravel] form:has(> input.with-confirm) {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] td.text-right form:has(> input.with-confirm),
body[data-fvd-modernized-laravel] .text-right form:has(> input.with-confirm) {
  justify-content: flex-end;
  margin-top: 6px;
}

/* Atom: company confirmation danger action */
body[data-fvd-modernized-laravel] .btn-link.with-confirm,
body[data-fvd-modernized-laravel] input.btn-link.with-confirm {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  font-weight: 850;
  line-height: 1.1;
  padding: 7px 10px;
  text-decoration: none;
}

body[data-fvd-modernized-laravel] main > table.table .btn-link.with-confirm,
body[data-fvd-modernized-laravel] main > table.table input.btn-link.with-confirm,
body[data-fvd-modernized-laravel] .table-responsive td.text-right .btn-link.with-confirm,
body[data-fvd-modernized-laravel] .table-responsive td.text-right input.btn-link.with-confirm {
  justify-content: center;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .btn-link.with-confirm:hover,
body[data-fvd-modernized-laravel] input.btn-link.with-confirm:hover {
  border-color: rgb(var(--red-rgb) / 36%);
  background: #ffe4e9;
  color: var(--red-dark);
}

body[data-fvd-modernized-laravel] .btn.with-confirm {
  border-radius: var(--fvd-atom-radius-pill);
  box-shadow: 0 8px 24px rgb(0 0 0 / 8%);
}

body[data-fvd-modernized-laravel] .btn-danger.with-confirm,
body[data-fvd-modernized-laravel] .btn-light-red.with-confirm {
  border-color: var(--red);
  background: var(--red);
  color: var(--white);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
}

body[data-fvd-modernized-laravel] .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .dataTables_paginate {
  display: flex;
  justify-content: flex-end;
}

/* Atom: Laravel pagination action. */
body[data-fvd-modernized-laravel] .pagination a,
body[data-fvd-modernized-laravel] .pagination span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-field);
  border: 1px solid var(--fvd-admin-line);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-weight: 750;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] .pagination .active span,
body[data-fvd-modernized-laravel] .pagination .active a,
body[data-fvd-modernized-laravel] .pagination a:hover {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .pagination .disabled a,
body[data-fvd-modernized-laravel] .pagination .disabled span {
  cursor: not-allowed;
  border-color: #edf0f3;
  background: var(--gray);
  color: #98a2ad;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient {
  display: block;
  background:
    linear-gradient(180deg, rgb(var(--white-rgb) / 92%) 0, rgb(var(--gray-rgb) / 96%) 360px),
    var(--fvd-admin-bg);
  padding: 36px 0 54px;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient > .container,
body[data-fvd-modernized-laravel] .job-offer-detail {
  max-width: 1180px;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient h1,
body[data-fvd-modernized-laravel] .job-offer-detail h1 {
  margin: 0 0 12px;
  color: var(--fvd-admin-ink);
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 880;
  line-height: 1.04;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 0 0 22px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom li {
  display: inline-flex;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.86rem;
  font-weight: 760;
  list-style: none;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom li + li::before {
  content: "/";
  color: #a5adb6;
  margin-right: 7px;
}

/* Molecule: public product search panel. */
body[data-fvd-modernized-laravel] .web-content.bg-gradient form.mb-4 {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 8%);
  margin-bottom: 24px;
  padding: clamp(18px, 2.4vw, 26px);
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient form .form-row {
  row-gap: 14px;
}

body[data-fvd-modernized-laravel] .category-list-small {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .category-list-small li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .category-list-small .category-hidden {
  display: none;
}

body[data-fvd-modernized-laravel] .category-list-small a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  color: #27313d;
  font-size: 0.86rem;
  font-weight: 800;
  padding: 7px 12px;
}

body[data-fvd-modernized-laravel] .category-list-small .category-list-show-all a {
  border-color: rgb(var(--red-rgb) / 24%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .category-list-small .category-list-show-all i {
  color: var(--fvd-admin-red);
  font-size: 0.95rem;
}

body[data-fvd-modernized-laravel] .category-list-small a:hover {
  border-color: rgb(var(--red-rgb) / 32%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .company-list-wrap {
  display: grid;
  gap: 16px;
  min-width: 0;
}

/* Molecule: public listing result card. */
body[data-fvd-modernized-laravel] .catalog-item {
  position: relative;
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
  padding: clamp(16px, 2.2vw, 22px);
}

body[data-fvd-modernized-laravel] .catalog-item .item-check {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}

body[data-fvd-modernized-laravel] .catalog-item .item-check:not(.d-none) + .item-content,
body[data-fvd-modernized-laravel] .catalog-item:has(.item-check:not(.d-none)) .item-content {
  padding-left: 44px;
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox {
  display: inline-grid;
  place-items: center;
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox label {
  display: inline-flex;
  width: 30px;
  height: 30px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #c7ced6;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  box-shadow: 0 8px 18px rgb(var(--ink-rgb) / 10%);
  cursor: pointer;
  margin: 0;
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox label::after {
  content: "";
  width: 12px;
  height: 7px;
  border-bottom: 2px solid var(--white);
  border-left: 2px solid var(--white);
  opacity: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox input[type="checkbox"]:checked + label {
  border-color: var(--fvd-admin-red);
  background: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .catalog-item .custom-checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

body[data-fvd-modernized-laravel] .catalog-item.job-offer-top {
  border-color: rgb(var(--red-rgb) / 22%);
  box-shadow: 0 18px 42px rgb(var(--red-rgb) / 9%);
}

body[data-fvd-modernized-laravel] .catalog-item .badge-top {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 1;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--ink);
  color: var(--white);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.03em;
  padding: 6px 10px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .catalog-item .item-content,
body[data-fvd-modernized-laravel] .catalog-item .company-thumb > .item-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
  gap: 18px;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .catalog-item .info-main,
body[data-fvd-modernized-laravel] .catalog-item .info-main-top,
body[data-fvd-modernized-laravel] .catalog-item .job-description,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters {
  display: grid;
  gap: 10px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .catalog-item h2,
body[data-fvd-modernized-laravel] .catalog-item h3 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: 1.2rem;
  font-weight: 880;
  line-height: 1.2;
}

body[data-fvd-modernized-laravel] .catalog-item h2 a,
body[data-fvd-modernized-laravel] .catalog-item h3 a {
  color: inherit;
}

body[data-fvd-modernized-laravel] .catalog-item .location small,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters > div,
body[data-fvd-modernized-laravel] .catalog-item .job-salary {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--fvd-admin-muted);
  font-size: 0.9rem;
  font-weight: 740;
  line-height: 1.45;
}

body[data-fvd-modernized-laravel] .catalog-item .location svg,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 2px;
}

body[data-fvd-modernized-laravel] .catalog-item p,
body[data-fvd-modernized-laravel] .catalog-item .description,
body[data-fvd-modernized-laravel] .catalog-item .job-description-mob {
  color: #3d4854;
  font-size: 0.94rem;
  line-height: 1.58;
  margin: 0;
}

body[data-fvd-modernized-laravel] .catalog-item .job-description-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts li {
  min-width: 0;
  list-style: none;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts a:not(.btn) {
  display: inline-flex;
  min-height: 36px;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--gray);
  color: #27313d;
  font-size: 0.85rem;
  font-weight: 800;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts a:not(.btn):hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .catalog-item-contacts i {
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .catalog-item .detail-btn-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right,
body[data-fvd-modernized-laravel] .catalog-item .info-img,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big {
  display: grid;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right {
  align-content: center;
  justify-items: center;
  gap: 12px;
  border-left: 1px solid var(--fvd-admin-line);
  padding-left: 18px;
}

/* Atom: public listing media tile. */
body[data-fvd-modernized-laravel] .catalog-item .info-right .img,
body[data-fvd-modernized-laravel] .catalog-item .info-img a,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big a {
  display: grid;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 4 / 3;
  place-items: center;
  overflow: hidden;
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background-color: var(--gray);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right img,
body[data-fvd-modernized-laravel] .catalog-item .info-img img,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .catalog-item .info-img-mob,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .catalog-item .info-img-big small {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  box-shadow: 0 10px 22px rgb(var(--ink-rgb) / 14%);
  padding: 4px;
}

body[data-fvd-modernized-laravel] .catalog-item .info-img-big a {
  position: relative;
}

body[data-fvd-modernized-laravel] .catalog-item .raty-detail {
  display: grid;
  gap: 10px;
  justify-items: center;
}

body[data-fvd-modernized-laravel] .catalog-item .raty-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .catalog-item .job-offers {
  display: inline-flex;
  min-height: 28px;
  vertical-align: middle;
  align-items: center;
  gap: 6px;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eff6ff;
  color: var(--fvd-admin-blue);
  font-size: 0.76rem;
  font-weight: 850;
  margin-left: 8px;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] .catalog-item .tag-new {
  display: inline-flex;
  min-height: 26px;
  vertical-align: middle;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #e7f6ef;
  color: var(--fvd-admin-green);
  font-size: 0.72rem;
  font-weight: 850;
  margin-left: 8px;
  padding: 5px 9px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .load-more-pages {
  box-shadow: 0 10px 22px rgb(var(--red-rgb) / 16%);
}

/* Molecule: public product list panel. */
body[data-fvd-modernized-laravel] #content-list.company-list {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 8%);
  padding: clamp(18px, 2.6vw, 30px);
}

body[data-fvd-modernized-laravel] #content-list.company-list > .h1 {
  margin: 0 0 18px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .gallery.gallery-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 16px;
}

body[data-fvd-modernized-laravel] .gallery.owl-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 14px 0 28px;
}

body[data-fvd-modernized-laravel] .gallery.owl-gallery.owl-loaded {
  display: block;
}

body[data-fvd-modernized-laravel] .owl-gallery .item {
  min-width: 0;
}

/* Molecule: public gallery carousel item. */
body[data-fvd-modernized-laravel] .owl-gallery .gallery-item {
  display: block;
  min-height: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 7%);
  padding: 8px;
}

body[data-fvd-modernized-laravel] .owl-gallery .gallery-item:hover {
  border-color: rgb(var(--red-rgb) / 34%);
  box-shadow: 0 18px 42px rgb(var(--ink-rgb) / 11%);
  transform: translateY(-1px);
}

body[data-fvd-modernized-laravel] .owl-gallery .gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--fvd-atom-radius-field);
  object-fit: cover;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-stage-outer {
  overflow: hidden;
  border-radius: var(--fvd-molecule-radius-card);
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-stage {
  display: flex;
  gap: 14px;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-item {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-nav {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-prev,
body[data-fvd-modernized-laravel] .owl-gallery .owl-next {
  display: inline-flex;
  min-width: 40px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-size: 1.35rem;
  line-height: 1;
  padding: 6px 12px;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-prev:hover,
body[data-fvd-modernized-laravel] .owl-gallery .owl-next:hover {
  border-color: var(--fvd-admin-red);
  background: var(--fvd-admin-red);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-dots {
  display: flex;
  gap: 7px;
  justify-content: center;
  margin-top: 12px;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-dot {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: var(--fvd-atom-radius-pill);
  background: #c4cbd3;
  padding: 0;
}

body[data-fvd-modernized-laravel] .owl-gallery .owl-dot.active {
  width: 22px;
  background: var(--fvd-admin-red);
}

/* Molecule: public product card. */
body[data-fvd-modernized-laravel] .gallery-item {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: 8px;
  min-height: 250px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgb(var(--ink-rgb) / 6%);
  color: #26313c;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .gallery-item:hover {
  border-color: rgb(var(--red-rgb) / 34%);
  box-shadow: 0 18px 42px rgb(var(--ink-rgb) / 10%);
  transform: translateY(-5px);
}

/* Atom: public product media tile. */
body[data-fvd-modernized-laravel] .gallery-item .img,
body[data-fvd-modernized-laravel] .gallery-item .default-icon {
  display: flex;
  aspect-ratio: 4 / 3;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1.5px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .gallery-item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .gallery-item .default-icon::before {
  content: "";
  width: 42px;
  height: 42px;
  border: 2px solid #c7ced6;
  border-radius: var(--fvd-atom-radius-field);
  box-shadow: inset 0 0 0 10px var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .gallery-item strong {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-fvd-modernized-laravel] .gallery-item small {
  color: var(--fvd-admin-muted);
  font-size: 0.84rem;
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .gallery-item > span:last-child {
  align-self: end;
  color: var(--fvd-admin-green);
  font-size: 0.92rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .pagination-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

body[data-fvd-modernized-laravel] .job-offer-detail .detail-top {
  display: grid;
  gap: 18px;
  margin: 28px 0 26px;
}

/* Molecule: public job offer detail panel. */
body[data-fvd-modernized-laravel] .job-offer-detail .detail-header,
body[data-fvd-modernized-laravel] .job-offer-detail .info,
body[data-fvd-modernized-laravel] .job-offer-detail .info-table-wrap {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 8%);
}

body[data-fvd-modernized-laravel] .job-offer-detail .detail-header {
  padding: clamp(18px, 2.8vw, 30px);
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top > .img {
  display: flex;
  aspect-ratio: 4 / 3;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top > .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info,
body[data-fvd-modernized-laravel] .job-offer-detail .info-table-wrap {
  padding: clamp(18px, 2.4vw, 26px);
}

/* Molecule: public job offer media frame. */
body[data-fvd-modernized-laravel] .job-offer-detail .video-container {
  display: grid;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--ink);
  box-shadow: 0 16px 36px rgb(var(--ink-rgb) / 12%);
  margin-bottom: 22px;
}

body[data-fvd-modernized-laravel] .job-offer-detail .video-container .youtube-video,
body[data-fvd-modernized-laravel] .job-offer-detail .video-container iframe,
body[data-fvd-modernized-laravel] .job-offer-detail .video-container video {
  width: 100%;
  height: 100%;
  min-height: 0;
}

body[data-fvd-modernized-laravel] .job-offer-detail .video-container video {
  object-fit: cover;
}

body[data-fvd-modernized-laravel] .job-offer-detail .description h2,
body[data-fvd-modernized-laravel] .job-offer-detail > h2 {
  margin: 0 0 14px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .job-offer-detail .description p {
  color: var(--fvd-text-soft);
  font-size: 1rem;
  line-height: 1.65;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-table {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
}

/* Molecule: public job offer table panel. */
body[data-fvd-modernized-laravel] .job-offer-detail .table-responsive {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  margin-bottom: 48px;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 20px;
  align-items: start;
  margin: 30px 0 24px;
}

/* Molecule: public company detail panel. */
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info,
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info-table-wrap,
body[data-fvd-modernized-laravel] .detail-map,
body[data-fvd-modernized-laravel] .rating-list,
body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list,
body[data-fvd-modernized-laravel] .not-registered {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 8%);
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info,
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info-table-wrap,
body[data-fvd-modernized-laravel] .rating-list,
body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list,
body[data-fvd-modernized-laravel] .not-registered {
  padding: clamp(18px, 2.4vw, 26px);
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top {
  display: grid;
  grid-template-columns: minmax(110px, 160px) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

/* Atom: public company logo tile. */
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .rating {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}

body[data-fvd-modernized-laravel] .rating-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  font-size: 0.84rem;
  font-weight: 850;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .ic-dic {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .ic-dic li {
  list-style: none;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--gray);
  color: #53606d;
  font-size: 0.82rem;
  font-weight: 850;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .info-table-wrap table {
  margin: 0;
}

body[data-fvd-modernized-laravel] .info-table-wrap table td {
  vertical-align: top;
}

body[data-fvd-modernized-laravel] .desktop-only {
  display: table-row;
}

body[data-fvd-modernized-laravel] .mobile-only {
  display: none;
}

body[data-fvd-modernized-laravel] .openning-hours-header {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eff6ff;
  color: var(--fvd-admin-blue);
  font-weight: 850;
  margin-bottom: 12px;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .openning-hours .row {
  display: grid;
  grid-template-columns: minmax(100px, 0.35fr) minmax(0, 0.65fr);
  gap: 8px 12px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .openning-hours .row > .w-100 {
  display: none;
}

body[data-fvd-modernized-laravel] .openning-hours .row > .col {
  width: auto;
  max-width: none;
  padding: 0;
}

body[data-fvd-modernized-laravel] .openning-hours .day-name {
  color: var(--fvd-admin-muted);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .links-mobile {
  display: none;
}

body[data-fvd-modernized-laravel] .detail-map {
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}

body[data-fvd-modernized-laravel] .detail-map #detail-map {
  min-height: 340px;
  background:
    linear-gradient(135deg, rgb(36 91 159 / 12%), rgb(22 132 91 / 12%)),
    var(--fvd-surface-muted);
}

body[data-fvd-modernized-laravel] .detail-map #map-link-detail {
  position: absolute;
  right: 18px;
  bottom: 18px;
  box-shadow: 0 12px 28px rgb(var(--red-rgb) / 18%);
}

body[data-fvd-modernized-laravel] .rating-list .tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  margin-top: 4px;
  padding-top: 16px;
}

body[data-fvd-modernized-laravel] .more-count {
  font-weight: 900;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list {
  display: grid;
  gap: 14px;
  margin: 26px 0;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list > h3,
body[data-fvd-modernized-laravel] .rating-list > h3 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .job-offer-list .job-offer-list {
  display: grid;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .job-offer-item {
  display: grid;
  gap: 10px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--fvd-surface-subtle);
  padding: 14px;
}

/* Molecule: public company job offer card. */
body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list .job-offer-item {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .job-offer-head,
body[data-fvd-modernized-laravel] .job-offer-head2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .job-offer-name {
  flex: 1 1 260px;
}

body[data-fvd-modernized-laravel] .job-offer-field,
body[data-fvd-modernized-laravel] .job-offer-salary,
body[data-fvd-modernized-laravel] .job-offer-phone,
body[data-fvd-modernized-laravel] .job-offer-email,
body[data-fvd-modernized-laravel] .job-offer-url,
body[data-fvd-modernized-laravel] .job-offer-regions,
body[data-fvd-modernized-laravel] .job-offer-work-loads {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-surface-muted);
  color: #3d4854;
  font-size: 0.84rem;
  font-weight: 800;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .job-offer-salary {
  background: #f3fbf7;
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .not-registered {
  color: var(--fvd-admin-muted);
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 24px 0;
}

body[data-fvd-modernized-laravel] .hamburger {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] footer {
  border-top: 1px solid var(--fvd-admin-line);
  background: #11151a;
  color: rgb(var(--white-rgb) / 74%);
  margin-top: 48px;
  padding: 36px 0;
}

body[data-fvd-modernized-laravel] footer .heading,
body[data-fvd-modernized-laravel] footer h2,
body[data-fvd-modernized-laravel] footer strong {
  color: var(--white);
}

body[data-fvd-modernized-laravel] footer a {
  color: rgb(var(--white-rgb) / 78%);
}

body[data-fvd-modernized-laravel] footer a:hover {
  color: var(--white);
}

body[data-fvd-modernized-laravel].skin-black-light,
body[data-fvd-modernized-laravel] .wrapper {
  min-height: 100vh;
  background: var(--fvd-admin-bg);
}

body[data-fvd-modernized-laravel] .main-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  border-bottom: 1px solid rgb(var(--ink-rgb) / 10%);
  background: rgb(var(--white-rgb) / 94%);
  box-shadow: 0 12px 30px rgb(var(--ink-rgb) / 7%);
  backdrop-filter: blur(14px);
}

body[data-fvd-modernized-laravel] .main-header .logo,
body[data-fvd-modernized-laravel] .main-header .navbar {
  min-height: 62px;
  border: 0;
  background: transparent;
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .main-header .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--fvd-admin-line);
  font-size: 1rem;
  font-weight: 880;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .main-header .logo:hover,
body[data-fvd-modernized-laravel] .main-header .navbar .sidebar-toggle:hover,
body[data-fvd-modernized-laravel] .main-header .navbar .nav > li > a:hover {
  background: var(--fvd-surface-muted);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .main-header .navbar .sidebar-toggle,
body[data-fvd-modernized-laravel] .main-header .navbar .nav > li > a {
  min-height: 62px;
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding-top: 21px;
  padding-bottom: 21px;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: 0 18px 44px rgb(var(--ink-rgb) / 14%);
  padding: 8px;
}

/* Molecule: admin header user dropdown footer. */
body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  padding: 8px;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .pull-left,
body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .pull-right {
  float: none !important;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .btn {
  width: 100%;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .main-sidebar {
  position: fixed;
  top: 62px;
  bottom: 0;
  left: 0;
  width: 230px;
  max-height: none;
  overflow-y: auto;
  border: 0;
  border-right: 1px solid rgb(var(--white-rgb) / 8%);
  border-radius: 0;
  background: var(--ink);
  box-shadow: 10px 0 28px rgb(var(--ink-rgb) / 10%);
}

body[data-fvd-modernized-laravel] .sidebar {
  padding: 14px 10px 24px;
}

body[data-fvd-modernized-laravel] .sidebar-menu {
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .sidebar-menu li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li.header {
  margin: 16px 8px 7px;
  color: rgb(var(--white-rgb) / 46%);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 38px;
  border-radius: var(--fvd-atom-radius-field);
  color: rgb(var(--white-rgb) / 78%);
  font-size: 0.9rem;
  font-weight: 720;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li > a:hover,
body[data-fvd-modernized-laravel] .sidebar-menu > li.active > a {
  background: rgb(var(--white-rgb) / 10%);
  color: var(--white);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .content-wrapper {
  min-height: calc(100vh - 62px);
  border-left: 0;
  background:
    linear-gradient(180deg, rgb(var(--white-rgb) / 82%) 0, rgb(var(--gray-rgb) / 92%) 280px),
    var(--fvd-admin-bg);
  padding: 0 24px 48px;
}

body[data-fvd-modernized-laravel] .content-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  padding: 24px 0 16px;
}

body[data-fvd-modernized-laravel] .content-header h1 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.75rem, 2.2vw, 2.45rem);
  font-weight: 880;
  line-height: 1.08;
}

body[data-fvd-modernized-laravel] .content-header .breadcrumb {
  position: static;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  float: none;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  box-shadow: 0 10px 24px rgb(var(--ink-rgb) / 5%);
  margin: 0;
  padding: 8px 11px;
}

body[data-fvd-modernized-laravel] .content {
  max-width: 1280px;
  padding: 0;
}

/* Molecule: admin shell card surface. */
body[data-fvd-modernized-laravel] .box,
body[data-fvd-modernized-laravel] .info-box,
body[data-fvd-modernized-laravel] .small-box {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 14px 34px rgb(var(--ink-rgb) / 7%);
}

/* Molecule: admin shell modal surface. */
body[data-fvd-modernized-laravel] .content-wrapper .modal-content {
  overflow: hidden;
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 24px 70px rgb(var(--ink-rgb) / 18%);
}

body[data-fvd-modernized-laravel] .box {
  border-top: 1px solid var(--fvd-admin-line);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .box-header {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: var(--gray);
  color: var(--fvd-admin-ink);
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .box-title {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .box-body,
body[data-fvd-modernized-laravel] .box-footer {
  padding: 20px;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > p:has(> a.btn[href*="/admin/business-places/"][href$="/create"]) {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 16px;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]),
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) {
  border-color: rgb(200 215 234 / 88%);
  box-shadow: 0 16px 36px rgb(var(--ink-rgb) / 8%);
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-header,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) > .card-header {
  background-color: var(--fvd-surface-subtle);
  background-image: linear-gradient(180deg, var(--white) 0%, var(--gray) 100%);
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-title .small,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) > .card-header .small {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  overflow-wrap: anywhere;
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 720;
  line-height: 1.35;
  margin-left: 8px;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-title strong,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) > .card-header strong {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(22 132 91 / 10%);
  color: var(--fvd-admin-green);
  font-size: 0.72rem;
  font-weight: 880;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 8px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-body > p,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .card-body > p {
  border: 1px solid #edf0f3;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-text-soft);
  line-height: 1.55;
  margin: 0 0 10px;
  overflow-wrap: anywhere;
  padding: 11px 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-body > p strong,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .card-body > p strong {
  display: inline-flex;
  align-items: center;
  color: var(--fvd-admin-ink);
  font-weight: 850;
  margin-right: 4px;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .buttons.mt-4,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .buttons.mt-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px !important;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .buttons.mt-4 form,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .buttons.mt-4 form {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .buttons.mt-4 .btn,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > p:has(> a.btn[href*="/admin/business-places/"][href$="/create"]) > .btn,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .buttons.mt-4 .btn {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-field);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] .box-footer {
  border-top: 1px solid var(--fvd-admin-line);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] #list-filter .box.collapsed-box .box-body,
body[data-fvd-modernized-laravel] #list-filter .box.collapsed-box .box-footer {
  display: none;
}

body[data-fvd-modernized-laravel] #list-filter .box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-fvd-modernized-laravel] #list-filter .box-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none !important;
}

/* Atom: admin filter collapse action. */
body[data-fvd-modernized-laravel] #list-filter .btn-box-tool {
  width: 34px;
  min-height: 34px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-muted);
  padding: 0;
}

/* Molecule: admin filter form grid. */
body[data-fvd-modernized-laravel] #list-filter .box-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

body[data-fvd-modernized-laravel] #list-filter .box-body > [class*="col-"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] #list-filter .box-body > .row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 18px;
  width: 100%;
  margin: 0;
}

body[data-fvd-modernized-laravel] #list-filter .box-body > .row > [class*="col-"] {
  width: auto;
  min-width: 0;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] #list-filter .form-group {
  display: grid;
  grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #list-filter .control-label {
  display: flex;
  width: auto;
  min-height: 42px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-align: right;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] #list-filter .form-group > [class*="col-sm-"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] #list-filter .input-group {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
}

/* Atom: admin filter date addon. */
body[data-fvd-modernized-laravel] #list-filter .input-group-addon {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-right: 0;
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--fvd-admin-muted);
}

body[data-fvd-modernized-laravel] #list-filter .input-group-addon .fa-calendar {
  color: var(--fvd-admin-blue);
  font-size: 0.95rem;
}

body[data-fvd-modernized-laravel] #list-filter .input-group > .form-control {
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
}

body[data-fvd-modernized-laravel] #list-filter .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] #list-filter .filter-cancel {
  margin-right: auto;
}

body[data-fvd-modernized-laravel] .small-box {
  position: relative;
  min-height: 148px;
  color: var(--white);
  padding: 18px;
}

body[data-fvd-modernized-laravel] .small-box .inner h3 {
  margin: 0 0 8px;
  color: var(--white);
  font-size: clamp(1.7rem, 2.4vw, 2.45rem);
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .small-box .inner p,
body[data-fvd-modernized-laravel] .small-box-footer {
  color: rgb(var(--white-rgb) / 82%);
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .small-box .icon {
  top: 18px;
  right: 18px;
  color: rgb(var(--white-rgb) / 24%);
}

body[data-fvd-modernized-laravel] .small-box .icon i {
  display: inline-flex;
  min-width: 46px;
  align-items: center;
  justify-content: center;
  font-size: 2.75rem;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .small-box-footer {
  display: inline-flex;
  border-radius: var(--fvd-atom-radius-pill);
  background: rgb(0 0 0 / 18%);
  margin-top: 12px;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .bg-light-blue,
body[data-fvd-modernized-laravel] .bg-aqua {
  background: linear-gradient(135deg, var(--fvd-admin-blue), var(--fvd-admin-green)) !important;
}

body[data-fvd-modernized-laravel] .bg-yellow {
  background: linear-gradient(135deg, var(--fvd-admin-amber), #d58a12) !important;
}

body[data-fvd-modernized-laravel] .bg-green {
  background: linear-gradient(135deg, var(--fvd-admin-green), #21a574) !important;
}

body[data-fvd-modernized-laravel] .bg-red {
  background: linear-gradient(135deg, var(--red), var(--red-dark)) !important;
}

body[data-fvd-modernized-laravel] .info-box a {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .info-box-icon {
  display: flex;
  width: 72px;
  min-height: 72px;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

body[data-fvd-modernized-laravel] .info-box-icon i {
  display: inline-flex;
  min-width: 34px;
  align-items: center;
  justify-content: center;
  font-size: 1.55rem;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .info-box-content {
  min-width: 0;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .info-box-text {
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .info-box-number {
  color: var(--fvd-admin-ink);
  font-size: 1.35rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper {
  position: relative;
  overflow: auto;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
  align-items: center;
}

body[data-fvd-modernized-laravel] .dataTables_filter,
body[data-fvd-modernized-laravel] .dataTables_length,
body[data-fvd-modernized-laravel] .dataTables_info {
  color: var(--fvd-admin-muted);
  font-weight: 740;
}

/* Atom: DataTables loading pill. */
body[data-fvd-modernized-laravel] .dataTables_wrapper .dataTables_processing {
  position: sticky;
  left: 50%;
  z-index: 3;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--white);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 12%);
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 880;
  margin: 10px auto;
  padding: 9px 16px;
  transform: translateX(-50%);
}

/* Atom: DataTables loading spinner. */
body[data-fvd-modernized-laravel] .dataTables_wrapper .dataTables_processing::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 2px solid rgb(229 231 235 / 100%);
  border-top-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  margin-right: 8px;
}

/* Molecule: DataTables empty state. */
body[data-fvd-modernized-laravel] .dataTables_wrapper .dataTables_empty {
  min-height: 74px;
  border: 1.5px dashed var(--border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 820;
  line-height: 1.45;
  padding: 24px 18px !important;
  text-align: center;
}

/* Molecule: admin data table surface. */
body[data-fvd-modernized-laravel] .table-bordered,
body[data-fvd-modernized-laravel] table.dataTable {
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
  overflow: hidden;
}

body[data-fvd-modernized-laravel] table.dataTable .word-wrap-break,
body[data-fvd-modernized-laravel] .dataTables_wrapper .word-wrap-break {
  display: block;
  max-width: 680px;
  overflow-wrap: anywhere;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
  line-height: 1.55;
  padding: 12px 14px;
}

body[data-fvd-modernized-laravel] table.dataTable td > p:has(+ .word-wrap-break),
body[data-fvd-modernized-laravel] .dataTables_wrapper td > p:has(+ .word-wrap-break) {
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] table.dataTable td > p:has(+ .word-wrap-break) strong,
body[data-fvd-modernized-laravel] .dataTables_wrapper td > p:has(+ .word-wrap-break) strong {
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

/* Atom: admin table link chip. */
body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> .word-wrap-break) > a {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-size: 0.8rem;
  font-weight: 850;
  margin-top: 8px;
  padding: 4px 9px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> .word-wrap-break) > a:hover {
  border-color: rgb(36 91 159 / 36%);
  background: #e0eeff;
  color: #17457b;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/companies/"] {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/companies/"]:hover {
  border-color: rgb(36 91 159 / 36%);
  background: #e0eeff;
  color: #17457b;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/job-offers/"][href$="/edit"] {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  border: 1px solid rgb(22 132 91 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #edf8f3;
  color: var(--fvd-admin-green);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/job-offers/"][href$="/edit"]:hover {
  border-color: rgb(22 132 91 / 36%);
  background: #dff3ea;
  color: #0d5c3c;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/job-offers/responses/"][href$="/attachment"] {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-size: 0.82rem;
  font-weight: 880;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/job-offers/responses/"][href$="/attachment"] .fa,
body[data-fvd-modernized-laravel] .dataTables_wrapper td > a[href*="/admin/job-offers/responses/"][href$="/attachment"] i {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #dceaff;
  color: var(--fvd-admin-blue);
  margin-right: 6px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper tr:has(a[href*="/admin/faktury/"][href$="/download"]) td:nth-child(4),
body[data-fvd-modernized-laravel] .dataTables_wrapper tr:has(form[action*="/admin/premium-orders/"]) td:nth-child(4) {
  color: var(--fvd-admin-ink);
  font-weight: 880;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper tr:has(a[href*="/admin/faktury/"][href$="/download"]) td:nth-child(7),
body[data-fvd-modernized-laravel] .dataTables_wrapper tr:has(form[action*="/admin/premium-orders/"]) td:nth-child(7) {
  color: #841128;
  font-size: 0.82rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper a[href*="/admin/faktury/"][href$="/download"] {
  border-color: rgb(36 91 159 / 22%);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-weight: 880;
}

/* Atom: admin finance PDF icon. */
body[data-fvd-modernized-laravel] .dataTables_wrapper a[href*="/admin/faktury/"][href$="/download"]::before {
  content: "";
  width: 15px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: var(--fvd-atom-radius-icon);
  margin-right: 7px;
  box-shadow: inset 0 -5px 0 rgb(36 91 159 / 14%);
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> br) {
  color: var(--fvd-text-soft);
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> br) > a {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.25;
  margin: 0 4px 6px 0;
  overflow-wrap: anywhere;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> br) > a:hover {
  border-color: rgb(36 91 159 / 36%);
  background: #e0eeff;
  color: #17457b;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> strong:first-child):has(> br) {
  color: var(--fvd-admin-muted);
  font-size: 0.84rem;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> strong:first-child):has(> br) > strong:first-child {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #e7f6ef;
  color: var(--fvd-admin-green);
  font-size: 0.76rem;
  font-weight: 880;
  margin-bottom: 7px;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td:has(> .badge.bg-red) {
  display: table-cell;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper td > .badge.bg-red {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #fff0f3 !important;
  color: #841128;
  font-size: 0.74rem;
  font-weight: 880;
  margin-top: 7px;
  padding: 5px 9px;
}

/* Molecule: admin demand table surface. */
body[data-fvd-modernized-laravel] .dataTables_wrapper table.dataTable[data-testid="admin-demand-table"] {
  border-radius: var(--fvd-molecule-radius-card);
}

/* Atom: admin demand text card. */
body[data-fvd-modernized-laravel] table.dataTable[data-testid="admin-demand-table"] .word-wrap-break,
body[data-fvd-modernized-laravel] .dataTables_wrapper table[data-testid="admin-demand-table"] .word-wrap-break {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

/* Atom: admin demand company link. */
body[data-fvd-modernized-laravel] .dataTables_wrapper table[data-testid="admin-demand-table"] td:has(> br) > a[href*="/admin/companies/"],
body[data-fvd-modernized-laravel] .dataTables_wrapper table[data-testid="admin-demand-table"] td > a[href*="/admin/companies/"] {
  border-color: rgb(var(--red-rgb) / 22%);
  background: var(--accent-tint);
  color: var(--red);
}

/* Atom: admin demand attachment link. */
body[data-fvd-modernized-laravel] .dataTables_wrapper table[data-testid="admin-demand-table"] td:has(> .word-wrap-break) > a {
  border-color: rgb(var(--red-rgb) / 22%);
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] .nav-tabs-custom,
body[data-fvd-modernized-laravel] .nav-tabs {
  border: 0;
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 10px 24px rgb(var(--ink-rgb) / 5%);
  margin-bottom: 18px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .nav-tabs > li > a {
  border: 0;
  border-radius: var(--fvd-atom-radius-field);
  color: var(--fvd-admin-muted);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .nav-tabs > li.active > a,
body[data-fvd-modernized-laravel] .nav-tabs > li > a:hover {
  border: 0;
  background: var(--ink);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit),
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  float: none;
}

/* Molecule: admin generic edit box. */
body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > .box,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > .box {
  width: auto;
  max-width: none;
  min-width: 0;
  border-radius: var(--fvd-molecule-radius-card);
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > [class*="col-md-"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > [class*="col-md-"] {
  width: auto;
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"] {
  width: min(760px, 100%);
  max-width: none;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .admin-registration-detail,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  width: min(820px, 100%);
}

/* Molecule: admin registration detail body. */
body[data-fvd-modernized-laravel] .admin-registration-detail .box-body,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-body {
  display: grid;
  gap: 16px;
}

/* Atom: admin registration detail section label. */
body[data-fvd-modernized-laravel] .admin-registration-detail .lead,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .lead {
  border-bottom: 1px solid var(--fvd-admin-line);
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 880;
  letter-spacing: 0;
  margin: 4px 0 -4px;
  padding-bottom: 8px;
}

/* Molecule: admin registration detail data table. */
body[data-fvd-modernized-laravel] .admin-registration-detail .table-responsive,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table-responsive {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
  box-shadow: none;
  margin-bottom: 2px;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table {
  min-width: 0;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table th,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table th {
  width: 150px !important;
  border-top: 1px solid var(--border);
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 850;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table td,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table td {
  border-top: 1px solid var(--border);
  color: var(--ink);
  font-weight: 680;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table tr:first-child th,
body[data-fvd-modernized-laravel] .admin-registration-detail .table tr:first-child td,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table tr:first-child th,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table tr:first-child td {
  border-top: 0;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .box-footer,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* Atom: admin registration detail action group. */
body[data-fvd-modernized-laravel] .admin-registration-detail .box-footer .btn-group,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-footer .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  float: none !important;
}

@media (max-width: 639px) {
  body[data-fvd-modernized-laravel] .admin-registration-detail .box-footer .btn-group,
  body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-footer .btn-group {
    margin-left: calc(var(--fvd-atom-radius-field) * 0.714285);
  }
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > .btn-default,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > .btn-default {
  align-self: start;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"] {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body h4 {
  margin: 20px 0 12px;
  color: var(--fvd-admin-ink);
  font-size: 0.95rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .form-group {
  margin-bottom: 16px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .business-place-block > .form-group {
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body label {
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio {
  margin: 0 0 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: #26313c;
  cursor: pointer;
  font-weight: 760;
  line-height: 1.35;
  margin: 0;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label > input[type="checkbox"],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label > input[type="radio"] {
  position: static;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--fvd-admin-red);
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label:has(input:checked),
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label:has(input:checked) {
  border-color: rgb(var(--red-rgb) / 36%);
  background: var(--accent-tint);
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .help-block {
  display: block;
  color: #8b1f2f;
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.45;
  margin: 6px 0 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .form-control,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .select2-selection {
  border-color: rgb(139 31 47 / 58%);
  background: #fffafb;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .checkbox label,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .radio label {
  border-color: rgb(139 31 47 / 42%);
  background: #fff7f8;
}

/* Atom: admin form checkbox option. */
body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdemands_active) .checkbox label {
  border-radius: var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdemands_active) .has-error .checkbox label,
body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdemands_active) .checkbox label:has(input:checked) {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  box-shadow: inset 4px 0 0 var(--red);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) select[multiple],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) textarea[rows="8"],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) textarea[rows="10"] {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body > .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 20px -20px -20px;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box > .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-footer .pull-right {
  float: none !important;
  margin-left: auto;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group .form-control {
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
}

/* Atom: admin edit input group addon. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group-addon {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-left: 0;
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
  background: var(--gray);
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

/* Molecule: admin simple edit box. */
body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdays):has(#fprice) .box,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box:has(#fname):has(#fparent) {
  border-radius: var(--fvd-molecule-radius-card);
}

/* Atom: admin input group addon. */
body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdays):has(#fprice) .box .input-group .form-control {
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] .content-wrapper form:has(#fdays):has(#fprice) .box .input-group-addon {
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
}

/* Molecule: admin repeatable field editor. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  padding: 14px;
}

/* Molecule: admin company rights editor. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap {
  border-color: var(--border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  margin: 0 0 10px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-list {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value > [class*="col"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group .form-control {
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
}

/* Atom: admin repeatable field remove action. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group-addon,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .remove {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-left: 0;
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
  background: var(--white);
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap > .row {
  align-items: center;
  border-bottom: 1px solid #e5ebf1;
  margin-bottom: 12px;
  padding-bottom: 10px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap > .row > [class*="col"],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .field-value > [class*="col"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .field-value {
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .field-value-template {
  display: none;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .field-value > [class*="col"] {
  display: grid;
  gap: 6px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-container {
  width: 100% !important;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-selection {
  min-height: 42px;
  border-color: #ccd5df;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

/* Atom: admin company rights select. */
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-selection {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-selection--multiple {
  min-height: 96px;
  align-content: flex-start;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-selection__rendered {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 28px;
  align-items: center;
  overflow-wrap: anywhere;
  line-height: 1.25;
  padding: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .select2-selection__choice {
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .input-group {
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .input-group-addon.remove {
  min-height: 42px;
  margin-top: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) #company_rights_wrap .alert {
  grid-column: 1 / -1;
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-plus {
  margin-top: 12px;
}

/* Molecule: admin edit image grid. */
body[data-fvd-modernized-laravel] .form-images-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 14px;
}

/* Atom: admin edit media tile. */
body[data-fvd-modernized-laravel] .form-images-image {
  position: relative;
  display: grid;
  min-height: 116px;
  place-items: center;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  padding: 8px;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .form-images-image img {
  max-width: 100%;
  height: auto;
  border-radius: var(--fvd-atom-radius-field);
  margin: 0;
}

body[data-fvd-modernized-laravel] .form-images-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  color: var(--white);
  box-shadow: 0 8px 18px rgb(var(--red-rgb) / 24%);
}

body[data-fvd-modernized-laravel] .btn-group-vertical {
  display: inline-grid;
  gap: 6px;
}

body[data-fvd-modernized-laravel] .btn-group-vertical > .btn {
  width: 100%;
  border-radius: var(--fvd-atom-radius-field) !important;
  margin: 0;
}

body[data-fvd-modernized-laravel] .btn-group-vertical > .btn.with-confirm {
  border-radius: var(--fvd-atom-radius-pill) !important;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .btn-group-vertical {
  min-width: 104px;
  justify-items: stretch;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .btn-group-vertical form {
  display: grid;
  margin: 0;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .btn-group-vertical .btn,
body[data-fvd-modernized-laravel] .dataTables_wrapper .btn-group-vertical input.btn {
  min-height: 34px;
  justify-content: center;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .action-send-link {
  border-color: rgb(36 91 159 / 24%);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .action-send-link:hover {
  border-color: rgb(36 91 159 / 38%);
  background: #e0eeff;
  color: #17457b;
}

body[data-fvd-modernized-laravel] .admin-category-tree {
  overflow: auto;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul ul {
  border-left: 2px solid #dce3eb;
  margin-top: 10px;
  margin-left: 14px;
  padding-left: 18px;
}

body[data-fvd-modernized-laravel] .admin-category-tree li {
  position: relative;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--fvd-surface-subtle);
  color: var(--fvd-admin-ink);
  font-weight: 800;
  padding: 11px 13px;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul ul > li::before {
  content: "";
  position: absolute;
  top: 22px;
  left: -20px;
  width: 18px;
  border-top: 2px solid #dce3eb;
}

body[data-fvd-modernized-laravel] .admin-category-tree > ul > li {
  background: var(--white);
  box-shadow: 0 8px 20px rgb(var(--ink-rgb) / 5%);
}

body[data-fvd-modernized-laravel] .admin-category-tree li:empty {
  display: none;
}

/* Atom: admin category tree item. */
body[data-fvd-modernized-laravel] .admin-category-tree li {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

/* Molecule: admin category tree root item. */
body[data-fvd-modernized-laravel] .admin-category-tree > ul > li {
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-body {
  display: grid;
  gap: 18px;
}

/* Molecule: admin gold demand assignment search. */
body[data-fvd-modernized-laravel] #assign-company-search {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
  padding: 16px;
}

/* Molecule: admin gold demand search input group. */
body[data-fvd-modernized-laravel] #assign-company-search > .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] #assign-company-search > .input-group .form-control {
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
}

body[data-fvd-modernized-laravel] #assign-company-search .input-group-btn {
  display: contents;
}

body[data-fvd-modernized-laravel] #assign-company-search .btn-flat {
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
}

body[data-fvd-modernized-laravel] #assign-company-search > .row {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(180px, 0.8fr) minmax(260px, 1.4fr);
  gap: 12px;
  align-items: end;
  margin: 14px 0 0;
}

body[data-fvd-modernized-laravel] #assign-company-search > .row > [class*="col"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] #assign-company-search .checkbox {
  margin: 0;
}

/* Atom: admin gold demand filter option. */
body[data-fvd-modernized-laravel] #assign-company-search .checkbox label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 9px;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] #assign-company-search .form-group {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign form #assign-company-search .checkbox label {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign hr {
  width: 100%;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-body > h4 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-body > .table-responsive {
  overflow-x: auto;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-molecule-radius-card);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies {
  min-width: 720px;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .template,
body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .hidden {
  display: none;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) {
  color: var(--fvd-admin-ink);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) a[title] {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: var(--fvd-admin-blue);
  margin-left: 6px;
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) a[title]:hover {
  border-color: rgb(36 91 159 / 36%);
  background: #e0eeff;
  color: #17457b;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) a[title*="katalog"] {
  border-color: rgb(22 132 91 / 18%);
  background: #edf8f3;
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) a[title*="katalog"]:hover {
  border-color: rgb(22 132 91 / 36%);
  background: #dff3ea;
  color: #0d5c3c;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .dataTables_wrapper td:has(.company_id) a[title] i {
  margin-right: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .selected_remove {
  text-align: right;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected_remove a {
  display: inline-flex;
  width: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-footer .pull-left {
  margin-right: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .associated-company {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: #eef5ff;
  color: #173f70;
  font-weight: 820;
  margin: 2px 0;
  padding: 4px 9px;
}

body[data-fvd-modernized-laravel] #job-offer-edit {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  float: none;
}

body[data-fvd-modernized-laravel] #job-offer-edit > .box {
  width: auto;
  max-width: none;
  min-width: 0;
  border-radius: var(--fvd-molecule-radius-card);
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit .form-group {
  margin-bottom: 16px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .form-group:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit .box-body label {
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] #job-offer-edit select[multiple],
body[data-fvd-modernized-laravel] #job-offer-edit textarea[rows="10"],
body[data-fvd-modernized-laravel] #job-offer-edit .textarea-big {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] #job-offer-edit .input-group .form-control {
  border-radius: var(--fvd-atom-radius-field) 0 0 var(--fvd-atom-radius-field);
}

/* Atom: admin job offer input group addon. */
body[data-fvd-modernized-laravel] #job-offer-edit .input-group-addon {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-left: 0;
  border-radius: 0 var(--fvd-atom-radius-field) var(--fvd-atom-radius-field) 0;
  background: var(--gray);
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

/* Molecule: admin job offer workplace editor. */
body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  padding: 14px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces .field-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces .field-value .remove {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit > button[type="submit"],
body[data-fvd-modernized-laravel] #job-offer-edit > .btn-default {
  align-self: start;
}

body[data-fvd-modernized-laravel] #job-offer-edit > button[type="submit"] {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .modal-content {
  border: 0;
}

body[data-fvd-modernized-laravel] .modal-header,
body[data-fvd-modernized-laravel] .modal-footer {
  border-color: var(--fvd-admin-line);
  background: var(--fvd-surface-subtle);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-dialog {
  width: auto;
  max-width: min(720px, calc(100vw - 28px));
  margin: 28px auto;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-poptavka .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap #modal-job-offer-response .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap #modal-hodnoceni .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap .modal-share .modal-dialog {
  max-width: min(760px, calc(100vw - 28px));
}

body[data-fvd-modernized-laravel] .web-wrap .modal-content {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 28px 80px rgb(var(--ink-rgb) / 24%);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: linear-gradient(180deg, var(--white) 0, var(--fvd-surface-subtle) 100%);
  padding: 22px 24px 18px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-title {
  display: grid;
  gap: 5px;
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
  line-height: 1.18;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-title small {
  color: var(--fvd-admin-muted);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.35;
}

/* Atom: public modal close action. */
body[data-fvd-modernized-laravel] .web-wrap .modal-header .close {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: #53606d;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-shadow: none;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-header .close:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body {
  color: #2c3642;
  padding: 24px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .form-group:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body label small,
body[data-fvd-modernized-laravel] .web-wrap .modal-body .form-text,
body[data-fvd-modernized-laravel] .web-wrap .modal-body p small {
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .ftext-counter {
  display: inline-flex;
  width: fit-content;
  min-height: 28px;
  align-items: center;
  gap: 4px;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--fvd-surface-muted);
  color: #53606d;
  font-weight: 780;
  margin-top: 8px;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .ftext-counter span {
  color: var(--fvd-admin-red);
  font-weight: 900;
}

/* Molecule: public SMS verification panel. */
body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code {
  display: grid;
  gap: 10px;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #f7fbff;
  margin-top: 16px;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code.d-none {
  display: none !important;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .fcode {
  max-width: 180px;
  text-align: center;
  font-size: 1.08rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code_resend {
  display: inline-flex;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  color: var(--fvd-admin-red);
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .buttons {
  margin: 22px -24px -24px;
  padding: 16px 24px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .modal-body {
  display: grid;
  gap: 18px;
}

/* Molecule: public share success panel. */
body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success {
  display: none;
  border: 1px solid rgb(22 132 91 / 18%);
  border-radius: var(--fvd-molecule-radius-card);
  background: #f3fbf7;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success .alert {
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success .buttons {
  margin: 14px 0 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or::before,
body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or::after {
  content: "";
  height: 1px;
  background: var(--fvd-admin-line);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}

/* Atom: public share action. */
body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share .btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-ink);
  font-weight: 850;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share .btn:hover {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share img {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-loader .modal-body,
body[data-fvd-modernized-laravel] .web-wrap .modal-error .modal-body {
  display: grid;
  min-height: 180px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .web-wrap .spinner-border {
  width: 52px;
  height: 52px;
  border-width: 4px;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #modal-link .modal-dialog {
  width: auto;
  max-width: min(640px, calc(100vw - 28px));
  margin: 28px auto;
}

/* Molecule: admin send-link modal surface. */
body[data-fvd-modernized-laravel] #modal-link .modal-content {
  overflow: hidden;
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: 0 28px 80px rgb(var(--ink-rgb) / 24%);
}

body[data-fvd-modernized-laravel] #modal-link .modal-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: linear-gradient(180deg, var(--white) 0, rgb(var(--gray-rgb) / 62%) 100%);
  padding: 22px 24px 18px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-title {
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
  line-height: 1.18;
  margin: 0;
}

/* Atom: admin send-link close action. */
body[data-fvd-modernized-laravel] #modal-link .close {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--muted);
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-shadow: none;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body {
  color: var(--fvd-admin-ink);
  padding: 24px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body-content {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body-content h4 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-link .modal-loader {
  display: grid;
  min-height: 160px;
  place-items: center;
  color: var(--fvd-admin-red);
}

/* Atom: admin send-link state alert. */
body[data-fvd-modernized-laravel] #modal-link .modal-error .alert,
body[data-fvd-modernized-laravel] #modal-link .modal-body-content > .alert {
  border-radius: var(--fvd-atom-radius-field);
  font-weight: 760;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-link .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  background: rgb(var(--gray-rgb) / 62%);
  padding: 16px 24px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-footer .pull-left {
  margin-right: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file {
  position: relative;
  display: block;
  min-height: 44px;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 44px;
  cursor: pointer;
  opacity: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  border: 1px dashed #b9c4cf;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: #53606d;
  font-weight: 780;
  padding: 10px 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-label::after {
  content: "Vybrat";
  margin-left: auto;
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
  color: var(--fvd-admin-red);
  font-weight: 850;
  padding: 6px 10px;
}

/* Atom: public rating input panel. */
body[data-fvd-modernized-laravel] .web-wrap .rating-active {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  padding: 12px 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .raty-edit {
  min-height: 28px;
}

body[data-fvd-modernized-laravel] .web-wrap .raty-info {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  font-size: 0.82rem;
  font-weight: 850;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .favourite-add {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(var(--red-rgb) / 22%);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--fvd-admin-red);
  cursor: pointer;
  box-shadow: 0 10px 24px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] .web-wrap .favourite-add i {
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] .web-wrap .favourite-add:hover {
  background: var(--fvd-admin-red);
  color: var(--white);
}

body[data-fvd-modernized-laravel] .style-content > .thankyou,
body[data-fvd-modernized-laravel] .container > .thankyou {
  margin-top: 18px;
  margin-bottom: 18px;
}

/* Molecule: company edit disclosure card. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .close-open-wrap,
body[data-fvd-modernized-laravel] main:has(.form-control-high):has(.field-value-wrap) .close-open-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .close-open-wrap > h1,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .close-open-wrap > h2,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .close-open-wrap > h3,
body[data-fvd-modernized-laravel] main:has(.form-control-high):has(.field-value-wrap) .close-open-wrap > h1,
body[data-fvd-modernized-laravel] main:has(.form-control-high):has(.field-value-wrap) .close-open-wrap > h2,
body[data-fvd-modernized-laravel] main:has(.form-control-high):has(.field-value-wrap) .close-open-wrap > h3 {
  border-bottom: var(--fvd-molecule-card-border);
  background: var(--gray);
  color: var(--ink);
}

/* Molecule: company edit upload panel. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .field-value-wrap,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-list-wrap,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .img-upload-wrap,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .openning_hours_days_day {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .img-preview,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image-new,
body[data-fvd-modernized-laravel] #fcategories-tree {
  border-color: var(--border);
  border-radius: var(--fvd-molecule-radius-card);
  background-color: var(--white);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image img,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image-new img.thumbnail {
  border-radius: var(--fvd-atom-radius-field);
}

/* Atom: company edit media tile. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image {
  padding: 12px;
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .img-preview:not([style*="background-image"])::before,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-image-new::before {
  border-color: rgb(var(--red-rgb) / 24%);
  border-radius: var(--fvd-atom-radius-pill);
  background:
    linear-gradient(var(--red), var(--red)) center / 16px 2px no-repeat,
    linear-gradient(var(--red), var(--red)) center / 2px 16px no-repeat,
    var(--white);
  box-shadow: 0 10px 24px rgb(var(--red-rgb) / 14%);
}

/* Atom: company edit helper link. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .help-link {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 14%);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .help-link:hover {
  color: var(--red-dark);
}

/* Atom: company edit repeatable field. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .field-value {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .field-plus,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .field-value .remove,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .remove,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-remove,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-move {
  border-radius: var(--fvd-atom-radius-pill);
}

/* Atom: company edit media action. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-remove {
  background: var(--red);
  color: var(--white);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 24%);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .field-value .remove:hover,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .remove:hover,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .form-images-remove:hover {
  background: var(--accent-tint);
  color: var(--red-dark);
}

/* Atom: company edit action spacing. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .card .buttons,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .social-links {
  gap: 12px;
}

/* Atom: company edit select tag. */
body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--multiple,
body[data-fvd-modernized-laravel] #fcategories,
body[data-fvd-modernized-laravel] #fcategories-main-cats {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .select2-container--default.select2-container--focus .select2-selection--multiple,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .select2-container--default .select2-selection--multiple:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 3px rgb(var(--red-rgb) / 12%);
}

body[data-fvd-modernized-laravel] .select2-container--default .select2-selection--multiple .select2-selection__choice,
body[data-fvd-modernized-laravel] #fcategories-tree .jstree-clicked,
body[data-fvd-modernized-laravel] #fcategories-tree a.jstree-clicked {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .select2-selection__choice__remove,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) #fcategories-tree li::before,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .box-info-round::before {
  border-radius: var(--fvd-atom-radius-pill);
}

/* Molecule: company edit category tree. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) #fcategories-tree {
  background:
    linear-gradient(135deg, rgb(var(--red-rgb) / 5%), transparent 36%),
    var(--white);
}

body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) #fcategories-tree .jstree-clicked,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) #fcategories-tree a[aria-selected="true"] {
  background: var(--accent-tint);
  color: var(--red-dark);
  box-shadow: inset 3px 0 0 var(--red);
}

/* Molecule: company edit notice. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .box-info-round,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .alert.alert-success,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .alert.alert-danger {
  border-radius: var(--fvd-molecule-radius-card);
}

/* Molecule: company edit error notice. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .alert.alert-danger {
  background: var(--accent-tint);
  color: var(--red);
  box-shadow: 0 16px 36px rgb(var(--red-rgb) / 12%);
}

/* Molecule: company business-place card. */
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]),
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]),
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .card {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-header,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) > .card-header {
  border-bottom: var(--fvd-molecule-card-border);
  background: var(--gray);
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-title strong,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) > .card-header strong,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .card > .card-header strong {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Atom: company edit social link. */
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) .social-links a {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 14%);
}

body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .box-body > p,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .card-body > p {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

/* Atom: company business-place action. */
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > .box:has(.box-body .buttons a[href*="/admin/business-places/"]) .buttons.mt-4 .btn,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > p:has(> a.btn[href*="/admin/business-places/"][href$="/create"]) > .btn,
body[data-fvd-modernized-laravel] .web-content main > .card:has(.card-body .buttons a[href*="/pobocka/"]) .buttons.mt-4 .btn,
body[data-fvd-modernized-laravel] main:has(#fdescription):has(#fcategories-tree) > .card .buttons .btn {
  min-height: 46px;
  border-radius: var(--fvd-atom-radius-pill);
}

/* Molecule: company users table. */
body[data-fvd-modernized-laravel] main:has(#company_rights) > .table-responsive {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) > .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--gray);
  color: var(--ink);
}

/* Atom: company users row action. */
body[data-fvd-modernized-laravel] main:has(#company_rights) > .table-responsive td.text-right a,
body[data-fvd-modernized-laravel] main:has(#company_rights) > .table-responsive td.text-right .btn-link {
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) > .table-responsive td.text-right .btn-link.with-confirm {
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: company users edit panel. */
body[data-fvd-modernized-laravel] main:has(#company_rights) .close-open-wrap,
body[data-fvd-modernized-laravel] main:has(#company_rights) .form-box,
body[data-fvd-modernized-laravel] main:has(#company_rights) #company_rights {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) .form-box > h2 {
  border-bottom: var(--fvd-molecule-card-border);
  background: var(--gray);
  color: var(--ink);
}

/* Atom: company users rights field. */
body[data-fvd-modernized-laravel] main:has(#company_rights) #company_rights .field-value {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) #company_rights select[multiple],
body[data-fvd-modernized-laravel] main:has(#company_rights) #company_rights .form-control {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) #company_rights + .alert-warning {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--accent-tint);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(#company_rights) .job-offer-edit > .form-group:last-child .btn-success {
  border-color: var(--red);
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Molecule: company premium status card. */
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .alert-danger,
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .card:has(a[href*="/zapis/auto"]),
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .pricing-wrap {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  background: var(--white);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .alert-danger {
  background: var(--accent-tint);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .card:has(a[href*="/zapis/auto"])::before {
  background: linear-gradient(90deg, var(--red), var(--red-dark));
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .card:has(a[href*="/zapis/auto"]) .card-body > p,
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .pricing > p {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--gray);
  color: var(--ink);
}

/* Atom: company premium action. */
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .alert-danger .btn,
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .card:has(a[href*="/zapis/auto"]) .buttons .btn,
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .pricing .btn-success {
  min-height: 46px;
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .pricing .btn-success {
  border-color: var(--red);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Atom: company premium action spacing. */
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) > .card:has(a[href*="/zapis/auto"]) .buttons {
  gap: 12px;
}

/* Atom: company premium tariff option. */
body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .price-option label {
  border-color: var(--border);
  border-radius: var(--fvd-atom-radius-field);
  background: var(--white);
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .price-option input:checked + label {
  border-color: rgb(var(--red-rgb) / 28%);
  background: var(--accent-tint);
  box-shadow: inset 4px 0 0 var(--red);
}

body[data-fvd-modernized-laravel] main:has(.pricing-wrap):has(a[href*="/zapis/auto"]) .price-option .bonus {
  border-radius: var(--fvd-atom-radius-pill);
  background: var(--accent-tint);
  color: var(--red);
}

/* Molecule: company premium edge state. */
body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) > .alert-danger,
body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) + .thankyou {
  border: var(--fvd-molecule-card-border);
  border-radius: var(--fvd-molecule-radius-card);
  box-shadow: var(--fvd-shadow-card);
}

body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) > .alert-danger {
  background: var(--accent-tint);
  color: var(--ink);
}

body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) > .alert-danger .btn {
  min-height: 46px;
  border-radius: var(--fvd-atom-radius-pill);
}

body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) > .alert-danger .btn-success {
  border-color: var(--red);
  background: var(--red);
  box-shadow: 0 8px 24px rgb(var(--red-rgb) / 35%);
  color: var(--white);
}

/* Atom: company premium edge action spacing. */
body[data-fvd-modernized-laravel] form:has(> input[name="tarif"]) > .alert-danger .text-right {
  gap: 12px;
}

@media (max-width: 1024px) {
  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    padding-top: 32px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(form[data-testid="register-form"]) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    padding-top: 32px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 12vw, 4rem);
    line-height: 0.98;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(form[data-testid="register-form"]) > h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 11vw, 3.8rem);
    line-height: 0.98;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > form,
  body[data-fvd-modernized-laravel] form[data-testid="login-form"] .box-grey {
    justify-self: stretch;
    max-width: 560px;
  }

  body[data-fvd-modernized-laravel] .box-grey:has(> form[data-testid="register-form"]) {
    justify-self: stretch;
    max-width: 680px;
  }

  body[data-fvd-modernized-laravel] .web-content {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .web-wrap > nav .container {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body[data-fvd-modernized-laravel] aside {
    position: static;
    max-height: none;
  }

  /* Atom: admin mobile sidebar shell. */
  body[data-fvd-modernized-laravel] .main-sidebar {
    position: static;
    width: auto;
    max-height: none;
    border-right: 0;
    border-radius: var(--fvd-atom-radius-field);
    margin-bottom: 16px;
  }

  body[data-fvd-modernized-laravel] .content-wrapper {
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
  }

  body[data-fvd-modernized-laravel] .content-header {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-header .breadcrumb {
    justify-content: flex-start;
  }

  body[data-fvd-modernized-laravel] #list-filter .box-body,
  body[data-fvd-modernized-laravel] #list-filter .form-group {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] #list-filter .control-label {
    min-height: 0;
    justify-content: flex-start;
    text-align: left;
  }

  body[data-fvd-modernized-laravel] #job-offer-edit {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit),
  body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit),
  body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap > .row,
  body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] #assign-company-search > .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-info {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] main > .row,
  body[data-fvd-modernized-laravel] .pricing-wrap {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .credit-balance .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .pricing {
    border-right: 0;
    border-bottom: 1px solid var(--fvd-admin-line);
  }

  body[data-fvd-modernized-laravel] .job-offer-header .prices {
    border-left: 0;
  }

  body[data-fvd-modernized-laravel] .job-offer-header .prices .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header > .row,
  body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header > .row,
  body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices .row,
  body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] main:has(.gold-demand-item) > .alert.job-offer-header .prices,
  body[data-fvd-modernized-laravel] main:has(.gold-demand-list-all) > .alert.job-offer-header .prices {
    border-left: 0;
  }

  body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-fvd-modernized-laravel] .advert-banner-row-target,
  body[data-fvd-modernized-laravel] .demand-all-filter form.row,
  body[data-fvd-modernized-laravel] .filter-tabs.job-offer-responses,
  body[data-fvd-modernized-laravel] .homepage-hero-shell,
  body[data-fvd-modernized-laravel] .gold-demand > .container > .row,
  body[data-fvd-modernized-laravel] .mob-app-row > .container > .row,
  body[data-fvd-modernized-laravel] .registration-row > .container > .row,
  body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row,
  body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row,
  body[data-fvd-modernized-laravel] .job-offer-promo-description .row,
  body[data-fvd-modernized-laravel] .job-offer-detail .info-top,
  body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type .form-row,
  body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type > .row,
  body[data-fvd-modernized-laravel] #company_rights .field-value {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .col-form-label {
    justify-content: flex-start;
  }

  body[data-fvd-modernized-laravel] .filter-tabs li.right {
    margin-left: 0;
  }

  body[data-fvd-modernized-laravel] .rating-head .status {
    justify-self: start;
  }

  body[data-fvd-modernized-laravel] .rating-head .raty {
    justify-self: start;
  }
}

@media (max-width: 640px) {
  body[data-fvd-modernized-laravel] .web-wrap > nav .container {
    min-height: 62px;
  }

  body[data-fvd-modernized-laravel] .logo img {
    height: 36px;
  }

  body[data-fvd-modernized-laravel] .top-menu {
    display: none;
  }

  body[data-fvd-modernized-laravel] .right-menu,
  body[data-fvd-modernized-laravel] .main-menu {
    display: none;
  }

  body[data-fvd-modernized-laravel] .web-content {
    gap: 14px;
    padding: 14px 0 32px;
  }

  body[data-fvd-modernized-laravel] .box-grey .buttons,
  body[data-fvd-modernized-laravel] .buttons-login {
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
    width: min(100% - 24px, 560px);
    padding-top: 24px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(form[data-testid="register-form"]) {
    width: min(100% - 24px, 680px);
    padding-top: 24px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey {
    padding: 20px;
  }

  body[data-fvd-modernized-laravel] .box-grey:has(> form[data-testid="register-form"]) {
    padding: 20px;
  }

  body[data-fvd-modernized-laravel] form[data-testid="register-form"] {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login {
    margin: 20px -20px -20px;
    padding: 14px 20px;
  }

  body[data-fvd-modernized-laravel] form[data-testid="register-form"] .buttons {
    margin: 4px -20px -20px;
    padding: 14px 20px;
  }

  body[data-fvd-modernized-laravel] .box-grey label {
    display: grid;
    justify-content: stretch;
  }

  body[data-fvd-modernized-laravel] .card-body,
  body[data-fvd-modernized-laravel] .form-box .in,
  body[data-fvd-modernized-laravel] .jumbotron,
  body[data-fvd-modernized-laravel] .close-open-wrap > .in {
    padding: 16px;
  }

  body[data-fvd-modernized-laravel] .web-content main > .card .buttons {
    margin: 16px -16px -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons,
  body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons form {
    justify-content: stretch;
    width: 100%;
  }

  body[data-fvd-modernized-laravel] .web-content main > .card:has(form[action*="/deactivate-auto-renew"]) .buttons .btn {
    width: 100%;
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row.mb-0,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row.mb-0 {
    margin-right: -16px;
    margin-bottom: -16px;
    margin-left: -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .offset-md-4,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .offset-md-4 {
    grid-column: 1;
  }

  body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink,
  body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  body[data-fvd-modernized-laravel] .field-value,
  body[data-fvd-modernized-laravel] .field-value-list .field-value:has(.arrow),
  body[data-fvd-modernized-laravel] .search-form,
  body[data-fvd-modernized-laravel] .pricing-wrap,
  body[data-fvd-modernized-laravel] .style-content > .card-deck.container,
  body[data-fvd-modernized-laravel] .style-content .version-compare.container,
  body[data-fvd-modernized-laravel] .style-pricelist > .row[class*="row-cols"],
  body[data-fvd-modernized-laravel] .form-images-list,
  body[data-fvd-modernized-laravel] .photos_order,
  body[data-fvd-modernized-laravel] .img-upload,
  body[data-fvd-modernized-laravel] .gallery.gallery-list,
  body[data-fvd-modernized-laravel] .company-plus,
  body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .card-body > p {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .buttons {
    justify-content: stretch;
  }

  body[data-fvd-modernized-laravel] main > .card:has(a[href*="/zapis/auto"]) .buttons .btn {
    width: 100%;
  }

  body[data-fvd-modernized-laravel] .catalog-item .item-content,
  body[data-fvd-modernized-laravel] .catalog-item .company-thumb > .item-content {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .catalog-item .info-right {
    display: none;
  }

  body[data-fvd-modernized-laravel] .catalog-item .item-check {
    top: 14px;
    left: 14px;
  }

  body[data-fvd-modernized-laravel] .catalog-item .item-check:not(.d-none) + .item-content,
  body[data-fvd-modernized-laravel] .catalog-item:has(.item-check:not(.d-none)) .item-content {
    padding-left: 38px;
  }

  body[data-fvd-modernized-laravel] .catalog-item .raty-mob {
    display: block;
    min-height: 24px;
  }

  body[data-fvd-modernized-laravel] .catalog-item .job-description > .info-img,
  body[data-fvd-modernized-laravel] .catalog-item > .company-thumb > .item-content > .info-img-big {
    display: none;
  }

  body[data-fvd-modernized-laravel] .catalog-item .job-description-mob {
    display: grid;
    gap: 10px;
  }

  body[data-fvd-modernized-laravel] .catalog-item .info-img-mob,
  body[data-fvd-modernized-laravel] .catalog-item .info-img-big-mob {
    display: grid;
    max-width: 100%;
  }

  body[data-fvd-modernized-laravel] .catalog-item .info-img-mob a,
  body[data-fvd-modernized-laravel] .catalog-item .info-img-big-mob a {
    max-width: 100%;
  }

  body[data-fvd-modernized-laravel] .catalog-item .detail-btn-mob {
    display: list-item;
  }

  body[data-fvd-modernized-laravel] .catalog-item .badge-top {
    position: static;
    justify-self: start;
    margin-bottom: 10px;
  }

  body[data-fvd-modernized-laravel] .hero-proof-row,
  body[data-fvd-modernized-laravel] .category-list-wrap,
  body[data-fvd-modernized-laravel] .homepage-redesign .category-list {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .more-info {
    display: none;
  }

  body[data-fvd-modernized-laravel] .more-info-mob {
    display: block;
  }

  body[data-fvd-modernized-laravel] .section-content > .container,
  body[data-fvd-modernized-laravel] .section-content--right > .container {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .section-content--right .section-content__text,
  body[data-fvd-modernized-laravel] .section-content--right .section-content__img {
    order: initial;
  }

  body[data-fvd-modernized-laravel] .header-text .links,
  body[data-fvd-modernized-laravel] .section-content .links {
    display: flex;
  }

  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top,
  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top,
  body[data-fvd-modernized-laravel] .openning-hours .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img {
    max-width: 130px;
  }

  body[data-fvd-modernized-laravel] .desktop-only {
    display: none;
  }

  body[data-fvd-modernized-laravel] .mobile-only {
    display: table-row;
  }

  body[data-fvd-modernized-laravel] .links {
    display: none;
  }

  body[data-fvd-modernized-laravel] .links-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }

  body[data-fvd-modernized-laravel] .links-mobile a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--fvd-admin-line);
    border-radius: var(--fvd-atom-radius-pill);
    background: var(--gray);
    color: var(--fvd-admin-ink);
    font-weight: 820;
    padding: 8px 12px;
  }

  body[data-fvd-modernized-laravel] .detail-map #map-link-detail {
    right: 12px;
    bottom: 12px;
    left: 12px;
    justify-content: center;
  }

  body[data-fvd-modernized-laravel] main > h1 {
    font-size: 1.75rem;
  }
}