/* line 1, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-portal {
  --mayne-ink: #112e42;
  --mayne-teal: #217d6d;
  --mayne-mint: #6fd0b5;
  --mayne-paper: #f4f7f8;
  --mayne-line: #cbd8dd;
  background: var(--mayne-paper);
  color: #17242b;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  min-height: 100vh;
}

/* line 15, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-skip-link {
  background: #fff;
  left: 1rem;
  padding: .75rem;
  position: fixed;
  top: -5rem;
  z-index: 1000;
}

/* line 24, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-skip-link:focus {
  top: 1rem;
}

/* line 26, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-header {
  align-items: center;
  background: var(--mayne-ink);
  color: #fff;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  min-height: 72px;
  padding: .75rem 2rem;
}

/* line 37, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-brand img {
  display: block;
  max-width: 100%;
}

/* line 38, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-account-switcher {
  margin-left: auto;
}

/* line 39, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-account-switcher span {
  display: block;
  font-size: .75rem;
  opacity: .8;
  text-transform: uppercase;
}

/* line 40, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-account-switcher details {
  display: inline-block;
  margin-left: .5rem;
  position: relative;
}

/* line 41, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-account-switcher details form {
  background: #fff;
  min-width: 14rem;
  padding: .25rem;
}

/* line 42, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-link-button {
  background: none;
  border: 0;
  color: var(--mayne-ink);
  cursor: pointer;
  padding: .5rem;
  text-align: left;
  width: 100%;
}

/* line 44, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-user-menu {
  align-items: center;
  display: flex;
  gap: 1rem;
}

/* line 45, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-user-menu a, .manufacturer-nav a {
  color: #fff;
}

/* line 47, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-nav {
  background: #1c465f;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  padding: .5rem 2rem;
}

/* line 55, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-nav a {
  border-radius: .25rem;
  padding: .55rem .7rem;
  text-decoration: none;
}

/* line 56, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-nav a:hover, .manufacturer-nav a:focus, .manufacturer-nav a.manufacturer-nav__active {
  background: var(--mayne-teal);
  box-shadow: inset 0 -3px 0 var(--mayne-mint);
}

/* line 58, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-main {
  margin: 0 auto;
  max-width: 1500px;
  padding: 2rem;
}

/* line 59, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-main h1, .manufacturer-main h2, .manufacturer-main h3 {
  color: var(--mayne-ink);
}

/* line 60, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-main a {
  color: #125e7a;
}

/* line 62, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

/* line 63, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-card {
  background: #fff;
  border: 1px solid var(--mayne-line);
  border-radius: .5rem;
  padding: 1.25rem;
}

/* line 64, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-card__value {
  color: var(--mayne-teal);
  display: block;
  font-size: 2rem;
  font-weight: 700;
}

/* line 65, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-card__label {
  color: #50636c;
}

/* line 67, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-panel {
  background: #fff;
  border: 1px solid var(--mayne-line);
  border-radius: .5rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
}

/* line 68, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* line 69, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-field {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-width: 12rem;
}

/* line 70, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-field input, .manufacturer-field select, .manufacturer-field textarea {
  border: 1px solid #879ba5;
  border-radius: .25rem;
  padding: .55rem;
}

/* line 71, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-button {
  background: var(--mayne-teal);
  border: 0;
  border-radius: .25rem;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  padding: .6rem 1rem;
  text-decoration: none;
}

/* line 72, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-button--secondary {
  background: #536d79;
}

/* line 73, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-button--danger {
  background: #a12b2b;
}

/* line 74, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-user-lookup-status {
  color: #50636c;
  max-width: 25rem;
  padding: .55rem 0;
}

/* line 75, /app/app/assets/stylesheets/manufacturer.scss */
[data-manufacturer-user-email] {
  min-width: 22rem;
}

/* line 76, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-item-decisions {
  display: grid;
  gap: .5rem;
  min-width: 13rem;
}

/* line 77, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-reject-form {
  display: flex;
  gap: .4rem;
}

/* line 78, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-reject-form input[type='text'] {
  border: 1px solid #879ba5;
  border-radius: .25rem;
  min-width: 8rem;
  padding: .45rem;
}

/* line 80, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table-wrap {
  overflow-x: auto;
}

/* line 81, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 .5rem;
}

/* line 82, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table {
  background: #fff;
  border-collapse: collapse;
  width: 100%;
}

/* line 83, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table th {
  background: var(--mayne-ink);
  color: #fff;
  text-align: left;
}

/* line 84, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-main .manufacturer-table th .manufacturer-sort-link,
.manufacturer-main .manufacturer-table th .manufacturer-sort-link:visited,
.manufacturer-main .manufacturer-table th .manufacturer-sort-link:hover,
.manufacturer-main .manufacturer-table th .manufacturer-sort-link:focus {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* line 88, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table td, .manufacturer-table th {
  border-bottom: 1px solid var(--mayne-line);
  padding: .7rem;
  vertical-align: top;
}

/* line 89, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-table tbody tr:hover {
  background: #eef8f5;
}

/* line 90, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-sortable-column {
  cursor: pointer;
  padding-right: 2.2rem !important;
  position: relative;
  user-select: none;
}

/* line 91, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-sortable-column:focus {
  outline: 2px solid var(--mayne-mint);
  outline-offset: -3px;
}

/* line 92, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-sort-icon {
  position: absolute;
  right: .7rem;
  text-align: center;
  width: 1rem;
}

/* line 94, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-badge {
  background: #d9e5e9;
  border-radius: 999px;
  display: inline-block;
  font-size: .8rem;
  padding: .2rem .55rem;
}

/* line 95, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-badge--active, .manufacturer-badge--approved, .manufacturer-badge--valid, .manufacturer-badge--completed {
  background: #cbeedf;
  color: #10583f;
}

/* line 96, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-badge--failed, .manufacturer-badge--invalid, .manufacturer-badge--conflicting, .manufacturer-badge--rejected {
  background: #f5d0d0;
  color: #7a1818;
}

/* line 97, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-alert {
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .8rem 1rem;
}

/* line 98, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-alert--notice {
  background: #cbeedf;
}

/* line 99, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-alert--alert {
  background: #f5d0d0;
}

/* line 100, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-setup-live-status {
  color: #50636c;
  font-size: .9rem;
}

/* line 102, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-public {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1rem;
}

/* line 103, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-public-card {
  background: #fff;
  border: 1px solid var(--mayne-line);
  border-radius: .75rem;
  box-shadow: 0 12px 40px rgba(17, 46, 66, 0.15);
  max-width: 760px;
  padding: 2rem;
  width: 100%;
}

/* line 104, /app/app/assets/stylesheets/manufacturer.scss */
.manufacturer-public-card > img {
  display: block;
  margin: 0 auto 2rem;
  max-width: 100%;
}

@media (max-width: 800px) {
  /* line 107, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-header {
    align-items: flex-start;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
  }

  /* line 108, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-account-switcher {
    margin-left: 0;
  }

  /* line 109, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-user-menu {
    flex-wrap: wrap;
  }

  /* line 110, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-nav {
    overflow-x: auto;
    padding: .5rem 1rem;
  }

  /* line 111, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-nav a {
    white-space: nowrap;
  }

  /* line 112, /app/app/assets/stylesheets/manufacturer.scss */
  .manufacturer-main {
    padding: 1rem;
  }
}