@import url("/assets/atlas/tokens-4ed828c0.css");
@import url("/assets/atlas/shell-a6b6af41.css");
@import url("/assets/atlas/navigation-b48d3de8.css");

@import url("/assets/atlas/components-685fd311.css");
@import url("/assets/atlas/edition_editor-57d147cf.css");
@import url("/assets/atlas/corporate_workspace-097bacb2.css");
@import url("/assets/atlas/participant_portal-0cec6240.css");
@import url("/assets/participant_portal-ec32997f.css");

/* Construction 630.8 — Commercial opportunities Atlas UI */
.atlas-commercial-opportunities {
  display: grid;
  gap: 1.5rem;
}

.atlas-commercial-opportunities .page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid rgb(226 232 240);
  border-radius: 1rem;
  background: rgb(255 255 255);
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.atlas-commercial-opportunities .page-header h1 {
  margin: 0;
  color: rgb(15 23 42);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.atlas-commercial-opportunities .page-header p {
  margin: 0.375rem 0 0;
  color: rgb(100 116 139);
  font-size: 0.875rem;
}

.atlas-commercial-opportunities > form,
.atlas-commercial-opportunities > section,
.atlas-commercial-opportunities .atlas-commercial-card,
.atlas-commercial-opportunities table {
  border: 1px solid rgb(226 232 240);
  border-radius: 1rem;
  background: rgb(255 255 255);
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.atlas-commercial-opportunities > form,
.atlas-commercial-opportunities > section,
.atlas-commercial-opportunities .atlas-commercial-card {
  padding: 1.5rem;
}

.atlas-commercial-opportunities .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.atlas-commercial-opportunities label {
  display: block;
  margin-bottom: 0.375rem;
  color: rgb(51 65 85);
  font-size: 0.875rem;
  font-weight: 600;
}

.atlas-commercial-opportunities input:not([type="submit"]):not([type="hidden"]),
.atlas-commercial-opportunities select,
.atlas-commercial-opportunities textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid rgb(203 213 225);
  border-radius: 0.75rem;
  background: rgb(255 255 255);
  color: rgb(15 23 42);
}

.atlas-commercial-opportunities input:focus,
.atlas-commercial-opportunities select:focus,
.atlas-commercial-opportunities textarea:focus {
  border-color: rgb(59 130 246);
  outline: 3px solid rgb(191 219 254 / 0.65);
  outline-offset: 0;
}

.atlas-commercial-opportunities .form-hint {
  margin-top: 0.375rem;
  color: rgb(100 116 139);
  font-size: 0.8125rem;
}

.atlas-commercial-opportunities .button,
.atlas-commercial-opportunities .atlas-button,
.atlas-commercial-opportunities input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.625rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.atlas-commercial-opportunities .button--primary,
.atlas-commercial-opportunities .atlas-button--primary,
.atlas-commercial-opportunities input[type="submit"] {
  background: rgb(37 99 235);
  color: rgb(255 255 255);
}

.atlas-commercial-opportunities .button--secondary,
.atlas-commercial-opportunities .atlas-button--secondary {
  border-color: rgb(203 213 225);
  background: rgb(255 255 255);
  color: rgb(51 65 85);
}

.atlas-commercial-opportunities table {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.atlas-commercial-opportunities th {
  padding: 0.75rem 1rem;
  background: rgb(248 250 252);
  color: rgb(71 85 105);
  font-size: 0.75rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.atlas-commercial-opportunities td {
  padding: 0.875rem 1rem;
  border-top: 1px solid rgb(226 232 240);
  color: rgb(51 65 85);
  vertical-align: middle;
}

.atlas-commercial-opportunities tr:hover td {
  background: rgb(248 250 252);
}

.atlas-commercial-opportunities a {
  color: rgb(37 99 235);
}

[data-theme="dark"] .atlas-commercial-opportunities .page-header,
[data-theme="dark"] .atlas-commercial-opportunities > form,
[data-theme="dark"] .atlas-commercial-opportunities > section,
[data-theme="dark"] .atlas-commercial-opportunities .atlas-commercial-card,
[data-theme="dark"] .atlas-commercial-opportunities table {
  border-color: rgb(51 65 85);
  background: rgb(15 23 42);
}

[data-theme="dark"] .atlas-commercial-opportunities .page-header h1,
[data-theme="dark"] .atlas-commercial-opportunities label,
[data-theme="dark"] .atlas-commercial-opportunities td {
  color: rgb(226 232 240);
}

[data-theme="dark"] .atlas-commercial-opportunities .page-header p,
[data-theme="dark"] .atlas-commercial-opportunities .form-hint {
  color: rgb(148 163 184);
}

[data-theme="dark"] .atlas-commercial-opportunities input:not([type="submit"]),
[data-theme="dark"] .atlas-commercial-opportunities select,
[data-theme="dark"] .atlas-commercial-opportunities textarea,
[data-theme="dark"] .atlas-commercial-opportunities .button--secondary,
[data-theme="dark"] .atlas-commercial-opportunities .atlas-button--secondary {
  border-color: rgb(71 85 105);
  background: rgb(30 41 59);
  color: rgb(226 232 240);
}

[data-theme="dark"] .atlas-commercial-opportunities th {
  background: rgb(30 41 59);
  color: rgb(148 163 184);
}

[data-theme="dark"] .atlas-commercial-opportunities td {
  border-color: rgb(51 65 85);
}

@media (max-width: 768px) {
  .atlas-commercial-opportunities .page-header {
    flex-direction: column;
  }

  .atlas-commercial-opportunities .form-grid {
    grid-template-columns: 1fr;
  }

  .atlas-commercial-opportunities {
    overflow-x: auto;
  }
}